.calendar {
  width: 100%;
  margin: 20px 0; }

.calendar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px; }

.day {
  border: 1px solid #ddd;
  height: 150px;
  padding: 10px;
  text-align: center; }

.btn-sm {
  margin: 1px 0px 4px;
  width: 100%; }

a.btn-sm:hover .text-muted, .occupied .text-muted {
  color: white !important; }

.occupied {
  background-color: red;
  color: white; }

.available {
  background-color: green;
  color: white; }

.partially-occupied {
  background-color: orange;
  color: black; }

.partially-occupied .text-muted {
  color: #111 !important; }

@media (max-width: 768px) {
  .col:empty, .dies-setmana {
    display: none; } }
@media (max-width: 767.98px) {
  .calendar-header h2 {
    order: 3;
    text-align: center;
    margin-top: 10px; } }

/*# sourceMappingURL=calendari.css.map */