.ui-datepicker {
  display: none;
  padding: 20px 15px 15px;
  background: rgba(255, 255, 255, 0.95) !important;
  text-align: center;
  border: 1px solid #ccc;
  border-top: none;
}
.ui-datepicker-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ui-datepicker-header .ui-datepicker-next {
  order: 4;
}
.ui-datepicker-header .ui-datepicker-next .ui-icon {
  font-family: "Font Awesome 5 Pro";
  content: 'aaaa';
}
.ui-datepicker-calendar > thead th {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  padding-bottom: 5px;
}
.ui-datepicker-calendar td {
  text-align: center;
  font-size: 15px !important;
  padding: 8px 13.5px;
  color: #555;
  background-color: #e0e0e0;
  border: 1px solid #fff;
}
.ui-datepicker-today {
  font-weight: bold;
}
.ui-datepicker-current-day {
  background-color: #959595 !important;
  color: #fff !important;
  font-weight: bold;
}
.ui-datepicker-other-month {
  opacity: 0.3;
}
.clockpicker-popover {
  z-index: 100000 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid #ccc !important;
  border-radius: 0 !important;
  border-top: none !important;
  box-shadow: none !important;
  background-color: #eaeaea !important;
}
.clockpicker-popover .popover-content {
  background-color: transparent !important;
}
.clockpicker-popover .arrow {
  display: none !important;
}
.clockpicker-popover .text-primary {
  color: #333;
}
.clockpicker-plate {
  font-size: 14px !important;
  border: 1px solid #ccc !important;
}
.clockpicker-popover line {
  stroke: none !important;
}
.clockpicker-popover circle.clockpicker-canvas-fg,
.clockpicker-popover circle.clockpicker-canvas-bearing {
  display: none;
}
.clockpicker-popover circle.clockpicker-canvas-bg {
  fill: rgba(0, 0, 0, 0.3);
}