.chat-container {
  display: flex;
  flex-direction: column;
  padding-left: 10px;
  padding-right: 10px;
  inline-size: 100%;
  block-size: 100%;
  height: 95vh;
}
 
.messages {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-block-start: 10;
  padding-block-end: 10;
  padding-inline: 30px;
}


.react-datepicker {
  font-size: 1.5rem !important;
}

.react-datepicker__current-month {
  font-size: 1.5rem !important;
}

.react-datepicker__header {
  padding-top: 6px !important;
}

.react-datepicker__navigation {
  top: 13px !important;
}

.react-datepicker__day-name, .react-datepicker__day {
  margin: 0.5rem !important;
}

.react-datepicker__input-container input {
  display: block;
  width: 100% !important;
}

.react-datepicker__day--outside-month {
  color: transparent !important;
  pointer-events: none;
}

.btn-primary {
  color: #fff;
  background-color: #00a3c8;
  border-color: #007bff;
  box-shadow: none;
}

.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}

.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
  box-shadow: 0 0 0 0 rgba(38, 143, 255, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #0069d9;
  border-color: #007bff;
}