.availablity {
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 150px;
    bottom: 3px;
    left: calc(50% - 1.5px);
    content: " ";
    display: block;
    background: green;
  }
  
  .availablity.busy {
    background: orange;
  }
  
  /* appointment dates */
  .dot {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    display: inline-block;
  }

  .flatpickr-day.selected {
    background: black !important;
    border: 1px solid  black !important;
  }