/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/trip-calendar/editor.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied inside the editor only.
 *
 * Replace them with your own styles or remove the file completely.
 */
#wptravel-block-trip-calendar.wp-travel-calendar-view .wp-travel-booking__datepicker-wrapper {
  margin-top: 0;
  padding-bottom: 0;
  display: flex;
  align-items: center;
  position: relative;
}

.wp-travel-calendar-view .wp-travel-booking__datepicker-wrapper .react-datepicker-wrapper {
  margin-right: 1em;
  width: auto;
}

.wp-travel-calendar-view .wp-travel-booking__datepicker-wrapper .react-datepicker-wrapper .react-datepicker__input-container .wp-travel-date-picker-btn {
  display: inline-flex;
  align-items: center;
  padding: 0 0 0 1em !important;
  overflow: hidden;
  font-weight: bold;
  white-space: nowrap;
}

.wp-travel-calendar-view button {
  padding: 0.75em 1em;
  border: 0;
  outline: none;
  cursor: pointer;
  font-size: 14px;
  display: inline-block;
  border-radius: 3px;
  white-space: nowrap;
}

.wp-travel-calendar-view .wp-travel-booking__datepicker-wrapper .react-datepicker-wrapper .react-datepicker__input-container .wp-travel-date-picker-btn span {
  display: inline-block;
  margin-left: 1em;
  padding: 0.75em 1em;
  background-color: rgba(0, 0, 0, 0.3);
  font-weight: bold;
  white-space: nowrap;
}

.wp-travel-calendar-view .wp-travel-booking__datepicker-wrapper p {
  font-size: 14px;
  color: #39f;
  display: inline-block;
  margin: 0;
  padding: 0.5em;
  border: 1px solid #39f;
  background-color: rgba(51, 153, 255, 0.2);
  border-radius: 4px;
  position: relative;
}

.wp-travel-calendar-view .wp-travel-booking__datepicker-wrapper p::before {
  border-right: 8px solid #39f;
  left: -1px;
  content: "";
  border-top: 8px solid rgba(0, 0, 0, 0);
  border-bottom: 8px solid rgba(0, 0, 0, 0);
  position: absolute;
  top: 50%;
  transform: translate(-100%, -50%);
  font-size: 14px;
}

.wp-travel-calendar-view .wp-travel-booking__datepicker-wrapper p::after {
  content: "";
  border-top: 8px solid rgba(0, 0, 0, 0);
  border-bottom: 8px solid rgba(0, 0, 0, 0);
  border-right: 8px solid #d3e9ff;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-100%, -50%);
  font-size: 14px;
}

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