.wrap.umow-wizyte-admin {
  max-width: 710px;
  padding: 40px;
  margin: 20px auto;
  background: white;
  border-radius: 8px;
  box-shadow: 0px 2px 70px rgba(0, 0, 0, 0.1);
  max-width: 740px;
  padding: 50px;
}

.umow-wizyte-admin .form-row.wide {
	margin-bottom: 2rem;
	padding-bottom: 2rem;
	border-bottom: 1px solid #eee;
}

.breadcrumb {
  margin-bottom: 20px;
  font-size: 16px;
  display: grid;
  grid-template: auto/1fr 1fr 1fr;
  gap: 1rem;
  justify-content: space-between;
  margin-bottom: 20px;
  cursor: pointer;
  margin-bottom: 10px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
  margin-bottom: 30px;
}
.breadcrumb .step {
  display: inline-block;
  margin-right: 10px;
  cursor: pointer;
  padding: 5px 10px;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 4px 15px;
  border-radius: 5px;
  background: #eee;
  display: block !important;
  text-align: center;
  padding: 10px 15px;
  background: #eee;
  text-align: center;
}
.breadcrumb .step.active {
  background-color: #ddd;
  font-weight: bold;
  background: rgb(217, 74, 53);
  color: white;
  border-color: rgb(217, 74, 53);
}

.step {
  display: none;
  display: none;
}

.step.active {
  display: block;
  display: block;
}

.umow-wizyte-admin .form-row {
  margin-bottom: 15px;
  display: grid;
  align-items: center;
  gap: 1rem;
  grid-template: auto/100px auto;
  grid-template: auto/150px auto;
}
.umow-wizyte-admin .form-row label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
  text-align: right;
  font-weight: 400;
}
.umow-wizyte-admin .form-row input {
  width: 100%;
  padding: 8px;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #ccc;
  padding: 10px !important;
  height: 50px;
  font-size: 18px;
  font-weight: 600;
  color: #000 !important;
  border-radius: 4px;
  max-width: none;
}
.umow-wizyte-admin .form-row select {
  width: 100%;
  padding: 8px;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #ccc;
  padding: 10px !important;
  height: 50px;
  font-size: 18px;
  font-weight: 600;
  color: #000 !important;
  border-radius: 4px;
  max-width: none;
}

.next-step-btn {
  margin-top: 10px;
  grid-column: 1/3;
  margin-left: auto;
  margin-top: 0px;
  padding-top: 20px;
  border-top: 1px solid #eee;
  width: 100%;
  justify-content: flex-end;
  display: flex;
}

.calendar-hours-wrapper {
  display: flex;
  gap: 20px;
}

.calendar-container {
  flex: 1 1 60%;
}

.hours-container {
  flex: 1 1 40%;
}

#available-hours {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}

.hour-tile {
  padding: 5px 12px;
  font-size: 15px;
  border: 1px solid #ccc;
  cursor: pointer;
  text-align: center;
  border-radius: 4px;
}
.hour-tile:hover {
  background-color: #f0f0f0;
}

.hour-tile.selected {
  font-weight: bold;
  background-color: #517c63;
  color: #fff;
  border-color: #517c63;
}

#client-suggestions {
  list-style: none;
  padding: 0;
  margin: 10px 0 0;
}
#client-suggestions li {
  padding: 5px;
  cursor: pointer;
  border-bottom: 1px solid #ddd;
}
#client-suggestions li:hover {
  background: #f5f5f5;
}

.time-slot {
  padding: 10px 15px;
  background: #f5f5f5;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s linear;
}
.time-slot:hover {
  background: rgb(217, 74, 53);
  color: #fff;
}

.time-slot.selected {
  background: rgb(217, 74, 53);
  color: white;
}

.time-selection {
  display: grid;
  grid-template: auto/1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 10px;
  grid-template: repeat(auto-fit, minmax(200px, 1fr));
  grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
}
.time-selection p {
  background: rgb(217, 74, 53) 1a;
  padding: 10px;
  border-radius: 3px;
  color: rgb(217, 74, 53);
  border: 1px solid rgb(217, 74, 53);
  background: rgb(217, 74, 53) 1a;
  padding: 10px;
  border-radius: 3px;
  color: rgb(217, 74, 53);
  border: 1px solid rgb(217, 74, 53);
  padding: 10px !important;
  font-size: 14px;
  line-height: 1.3;
  background: rgba(217, 74, 53, 0.1294117647);
  font-weight: 500;
}

.flatpickr-day.selected {
  background: #517c63 !important;
  border-color: #517c63 !important;
}

.umow-wizyte-admin h1 {
  margin-bottom: 1rem;
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 1rem;
  font-weight: bold;
}

.step-1-wrapper {
  display: grid;
  gap: 2rem;
  grid-template: auto/1fr 1fr;
  justify-content: flex-end;
  align-items: flex-start;
}

.step1-hour {
  width: 100%;
}

.next-step {
  grid-column: 2;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  border: 0;
  padding: 10px 30px;
  background: rgb(217, 74, 53);
  color: #fff;
  border-radius: 5px;
  font-size: 20px;
  font-weight: 700;
}

#confirm-appointment {
  grid-column: 2;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  border: 0;
  padding: 10px 30px;
  background: rgb(217, 74, 53);
  color: #fff;
  border-radius: 5px;
  font-size: 20px;
  font-weight: 700;
}

#umow-wizyte-message {
  background: rgb(217, 74, 53) 1a;
  padding: 10px;
  border-radius: 3px;
  color: rgb(217, 74, 53);
  border: 1px solid rgb(217, 74, 53);
  display: none;
}

#frontend-booking-form h2 {
  font-size: 20px;
  font-size: 20px;
}
#frontend-booking-form h3 {
  font-size: 20px;
}

.step-2-form {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.step-2-list {
  display: grid;
  grid-template: auto/147px auto;
  align-items: center;
  grid-template: auto/150px auto;
  gap: 1rem;
  margin-bottom: 1rem;
}
.step-2-list select {
  width: 100%;
  border: 1px solid #ccc;
  padding: 6px;
  max-width: none;
}
.step-2-list label {
  font-weight: bold;
}

.flatpickr-calendar {
  border: 0 !important;
  font-family: inherit !important;
  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.1) !important;
  border: 0 !important;
  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.1) !important;
  box-shadow: none !important;
}

.flatpickr-day {
  border-radius: 5px !important;
  font-size: 20px;
}

.fc-liquid-hack td {
  background: #fff !important;
}
.fc-liquid-hack th {
  background: #fff !important;
}

.fc-daygrid-dot-event {
  background: rgb(217, 74, 53) 17;
  border: 1px solid rgb(217, 74, 53);
  color: rgb(217, 74, 53);
}

.fc-daygrid-event-dot {
  border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, rgb(217, 74, 53));
}

.fc .fc-button-primary {
  background-color: var(--fc-button-bg-color, rgb(217, 74, 53));
  border-color: var(--fc-button-border-color, rgb(217, 74, 53));
}
.fc .fc-daygrid-day-number {
  color: #333 !important;
}

.fc-scrollgrid-sync-table {
  max-height: calc(100vh - 250px) !important;
  min-height: 500px !important;
  border-bottom: 1px solid #333 !important;
}

.ui-widget-header {
  border: 0 !important;
  background: transparent !important;
  border-bottom: 1px solid #eee !important;
}
.ui-widget-header .ui-state-active {
  border: 1px solid rgb(217, 74, 53) !important;
  background: rgb(217, 74, 53) !important;
}

.ui-widget.ui-widget-content {
  padding: 1rem !important;
}

.ui-state-active {
  border: 1px solid rgb(217, 74, 53) !important;
  background: rgb(217, 74, 53) !important;
}

.ui-widget-content .ui-state-active {
  border: 1px solid rgb(217, 74, 53) !important;
  background: rgb(217, 74, 53) !important;
}

a.ui-button:active {
  border: 1px solid rgb(217, 74, 53) !important;
  background: rgb(217, 74, 53) !important;
}

.ui-button:active {
  border: 1px solid rgb(217, 74, 53) !important;
  background: rgb(217, 74, 53) !important;
}

.ui-button.ui-state-active:hover {
  border: 1px solid rgb(217, 74, 53) !important;
  background: rgb(217, 74, 53) !important;
}

.form-table {
  margin-bottom: 1rem !important;
  padding-bottom: 1rem !important;
  border-bottom: 1px solid #eee !important;
}

.edit-exclusion {
  color: rgb(217, 74, 53) !important !important;
}

.fc-scrollgrid {
  background: #fff !important;
  padding: 15px !important;
  border-radius: 10px !important;
  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.1) !important;
  overflow: hidden !important;
}

.flatpickr-current-month {
  font-size: 15px;
  width: 100% !important;
  left: 0 !important;
  display: flex !important;
  justify-content: flex-start;
  font-size: 20px !important;
  align-items: center !important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  color: rgb(217, 74, 53) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  background: #fff !important;
  font-size: 17px !important;
}
.flatpickr-current-month input.cur-year {
  color: rgb(217, 74, 53) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  font-size: 16px !important;
}

span.flatpickr-weekday {
  background: #f9f9f9 !important;
  color: #000 !important;
  padding: 5px !important;
  font-weight: 400;
  text-transform: uppercase;
}

.flatpickr-innerContainer {
  margin-top: 10px !important;
}

.wp-core-ui select:hover {
  color: rgb(217, 74, 53) !important;
}

.step.step-3 p {
  margin: 0 !important;
  padding: 0;
}
.step.step-3 p:last-of-type {
  margin-bottom: 2rem !important;
}

.flatpickr-months .flatpickr-month {
  display: flex !important;
  justify-content: space-between;
  font-size: 20px !important;
}

.flatpickr-day.flatpickr-disabled {
  background: #f9f9f9 !important;
  margin-bottom: 6px;
}
.flatpickr-day.flatpickr-disabled:hover {
  background: #f9f9f9;
  margin-bottom: 6px;
}/*# sourceMappingURL=frontend-style.css.map */


input[readonly] {
    background-color: #eee !important;
    border-color: #ccc !important;
    cursor: not-allowed;
}