.workshop-day {
  padding: 8px 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
  background: #f9f9f9;
  color: black;
}

.workshop-day.selected {
  background: #0073aa;
  color: #fff;
  border-color: #0073aa;
}

body {
  overflow: hidden;
  overflow-y: auto;
}

#selected-count {
  margin-top: 10px;
  font-weight: bold;
}

#workshop-calendar-container select {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}

#workshop-calendar-container .select2-container {
  width: 100% !important;
  color: #64696e;
}

#workshop-calendar-container .select2-container--default .select2-selection--multiple .select2-selection__clear {
  color: #64696e;
}

#workshop-calendar-container .select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin-bottom: 6px;
}

#workshop-calendar-container .select2-container .select2-selection--multiple .select2-selection__rendered {
  white-space: unset;
}

#workshop-calendar-container select[multiple] {
  background: #fff;
}

#workshop-calendar-container select {
  font-size: 14px;
  line-height: 2;
  color: #2c3338;
  border-color: #8c8f94;
  box-shadow: none;
  border-radius: 3px;
  padding: 0 24px 0 8px;
  min-height: 30px;
  max-width: 25rem;
  -webkit-appearance: none;
  background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 5px top 55%;
  background-size: 16px 16px;
  cursor: pointer;
  vertical-align: middle;
}

#workshop-calendar-container .select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}


.reset_variations {
  visibility: unset !important;
  display: none !important;
}

table.variations tr {
  display: flex;
  flex-direction: column;
  text-align: right;
}

.label {
  padding: 0 !important;
  font-size: 100% !important;
  text-align: left !important;
  border-radius: none !important;
}

.course-book table tr th.label label {
  margin: 0 !important;
}

.workshop-dates-selected-count {
  margin-top: 10px;
  font-weight: bold;
}