:root {
  --obp-primary-color: #5BBB7B;
  --obp-heading-color: #222222;
  --obp-input-color: #444444;
  --obp-text-color: #6B7177;
  --obp-placeholder-color: #BCBCBC;
  --obp-delete-color: #F62C00;
}

/**
 * _animation.scss
 * Custom WooCommerce Animations.
 */
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
body.obp-page .blockUI.blockOverlay::before {
  height: 1em;
  width: 1em;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -0.5em;
  margin-top: -0.5em;
  content: "";
  animation: spin 1s ease-in-out infinite;
  background: url("../../img/loader.svg") center center;
  background-size: cover;
  line-height: 1;
  text-align: center;
  font-size: 2em;
  color: rgba(0, 0, 0, 0.75);
}
body.obp-page .obp_width_auto {
  width: auto !important;
}
body.obp-page .obp-wrapper {
  font-size: 15px;
  color: var(--obp-text-color);
  /* Customize the label (the container) */
  /* Hide the browser's default radio button */
  /* Create a custom radio button */
  /* On mouse-over, add a grey background color */
  /* When the radio button is checked, add a blue background */
}
body.obp-page .obp-wrapper .obp-title-wrap {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}
body.obp-page .obp-wrapper .obp-title {
  margin: 0 0 16px 0;
}
body.obp-page .obp-wrapper .obp-second-title {
  margin: 0 0 25px 0;
  padding: 0 0 8px 0;
  font-size: 20px;
  font-weight: 600;
  border-bottom: 1px solid #E8E8E8;
}
body.obp-page .obp-wrapper .obp_subtitle {
  font-weight: 600;
  font-size: 20px;
  color: var(--obp-heading-color);
}
body.obp-page .obp-wrapper .obp-label-title {
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
}
body.obp-page .obp-wrapper h1, body.obp-page .obp-wrapper h2, body.obp-page .obp-wrapper h3, body.obp-page .obp-wrapper h4, body.obp-page .obp-wrapper h5, body.obp-page .obp-wrapper h6 {
  margin: 10px 0 13px 0;
  font-weight: 700;
  color: var(--obp-heading-color);
}
body.obp-page .obp-wrapper h1 {
  font-size: 2.133333em;
}
@media (max-width: 767px) {
  body.obp-page .obp-wrapper h1 {
    font-size: 1.733333em;
  }
}
body.obp-page .obp-wrapper h2 {
  font-size: 1.733333em;
}
body.obp-page .obp-wrapper h3 {
  font-size: 1.333333em;
}
body.obp-page .obp-wrapper h4, body.obp-page .obp-wrapper h5, body.obp-page .obp-wrapper h6 {
  font-size: 1em;
}
body.obp-page .obp-wrapper p {
  color: var(--obp-text-color);
}
body.obp-page .obp-wrapper label {
  margin: 0 0 8px 0;
  display: inline-block;
  font-size: 15px;
  line-height: 1;
  font-weight: 500;
  color: var(--obp-heading-color);
  min-width: 0;
}
body.obp-page .obp-wrapper label.error {
  color: #F62C00;
}
body.obp-page .obp-wrapper a {
  color: var(--obp-text-color);
  outline: none;
  text-decoration: none !important;
}
body.obp-page .obp-wrapper a.has-underline {
  text-decoration: underline !important;
}
body.obp-page .obp-wrapper input[type=text], body.obp-page .obp-wrapper input[type=number], body.obp-page .obp-wrapper input[type=email], body.obp-page .obp-wrapper input[type=tel], body.obp-page .obp-wrapper input[type=password], body.obp-page .obp-wrapper select, body.obp-page .obp-wrapper textarea {
  margin-bottom: 30px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: none;
  color: var(--obp-input-color);
  background-color: #fff;
  width: 100%;
  min-width: 0;
  height: auto;
  padding: 17px;
  border-radius: 4px;
  border: 1px solid #DEDEDE;
  outline: none;
  appearance: none;
  resize: none;
  box-shadow: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
body.obp-page .obp-wrapper input[type=text]:placeholder, body.obp-page .obp-wrapper input[type=number]:placeholder, body.obp-page .obp-wrapper input[type=email]:placeholder, body.obp-page .obp-wrapper input[type=tel]:placeholder, body.obp-page .obp-wrapper input[type=password]:placeholder, body.obp-page .obp-wrapper select:placeholder, body.obp-page .obp-wrapper textarea:placeholder {
  color: var(--obp-placeholder-color);
  opacity: 1;
}
body.obp-page .obp-wrapper input[type=text]:disabled, body.obp-page .obp-wrapper input[type=number]:disabled, body.obp-page .obp-wrapper input[type=email]:disabled, body.obp-page .obp-wrapper input[type=tel]:disabled, body.obp-page .obp-wrapper input[type=password]:disabled, body.obp-page .obp-wrapper select:disabled, body.obp-page .obp-wrapper textarea:disabled {
  background-color: #f6f6f6;
}
body.obp-page .obp-wrapper input[type=text]:focus, body.obp-page .obp-wrapper input[type=number]:focus, body.obp-page .obp-wrapper input[type=email]:focus, body.obp-page .obp-wrapper input[type=tel]:focus, body.obp-page .obp-wrapper input[type=password]:focus, body.obp-page .obp-wrapper select:focus, body.obp-page .obp-wrapper textarea:focus {
  outline: none;
}
body.obp-page .obp-wrapper input[type=text].no-margin, body.obp-page .obp-wrapper input[type=text].obp-search-input, body.obp-page .obp-wrapper input[type=number].no-margin, body.obp-page .obp-wrapper input[type=number].obp-search-input, body.obp-page .obp-wrapper input[type=email].no-margin, body.obp-page .obp-wrapper input[type=email].obp-search-input, body.obp-page .obp-wrapper input[type=tel].no-margin, body.obp-page .obp-wrapper input[type=tel].obp-search-input, body.obp-page .obp-wrapper input[type=password].no-margin, body.obp-page .obp-wrapper input[type=password].obp-search-input, body.obp-page .obp-wrapper select.no-margin, body.obp-page .obp-wrapper select.obp-search-input, body.obp-page .obp-wrapper textarea.no-margin, body.obp-page .obp-wrapper textarea.obp-search-input {
  margin: 0;
}
body.obp-page .obp-wrapper input[type=text].small-padding, body.obp-page .obp-wrapper input[type=number].small-padding, body.obp-page .obp-wrapper input[type=email].small-padding, body.obp-page .obp-wrapper input[type=tel].small-padding, body.obp-page .obp-wrapper input[type=password].small-padding, body.obp-page .obp-wrapper select.small-padding, body.obp-page .obp-wrapper textarea.small-padding {
  padding: 12px;
}
body.obp-page .obp-wrapper input[type=radio] {
  width: 20px;
  height: 20px;
  border: 1px solid #6B7177;
  background-color: #fff;
  appearance: none;
  border-radius: 50%;
  cursor: pointer;
}
body.obp-page .obp-wrapper input[type=radio]:checked:after {
  display: inline-block;
  position: relative;
  top: -1px;
  left: -1px;
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: var(--obp-primary-color);
}
body.obp-page .obp-wrapper input[type=radio]:focus {
  outline: none;
}
body.obp-page .obp-wrapper input[type=checkbox] {
  width: 22px;
  height: 22px;
  border: 1px solid #dedede;
  background-color: #fff;
  appearance: none;
  cursor: pointer;
}
body.obp-page .obp-wrapper input[type=checkbox]:checked:after {
  font-family: "flaticon_bookpro" !important;
  font-size: 20px !important;
  line-height: 20px;
  content: "\f11d";
  color: var(--obp-primary-color);
}
body.obp-page .obp-wrapper input[type=checkbox]:focus {
  outline: none;
}
body.obp-page .obp-wrapper .obp_radio {
  display: block;
  position: relative;
  padding-left: 30px;
  text-align: left;
  line-height: 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
body.obp-page .obp-wrapper .obp_radio.inline {
  display: inline-block;
}
body.obp-page .obp-wrapper .obp_radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
body.obp-page .obp-wrapper .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border-radius: 50%;
  transition: all 0.3s linear;
  box-sizing: border-box;
  border: 1px solid #dedede;
}
body.obp-page .obp-wrapper .obp_radio:hover input ~ .checkmark {
  background-color: #ccc;
}
body.obp-page .obp-wrapper .obp_radio input:checked ~ .checkmark:after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: var(--obp-primary-color);
}
body.obp-page .obp-wrapper input.obp_datepicker {
  background-image: url("../../img/calendar.svg");
  background-position: calc(100% - 15px) center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
}
body.obp-page .obp-wrapper select:not([size]):not([multiple]) {
  background-image: url("../../img/select-arrow.svg");
  background-position: calc(100% - 15px) center;
  background-repeat: no-repeat;
  background-size: 10px 10px;
}
body.obp-page .obp-wrapper select option[value=""] {
  color: var(--obp-placeholder-color);
}
body.obp-page .obp-wrapper .obp-select2 + .select2-container--default {
  margin-bottom: 30px;
  width: 100% !important;
  min-width: 0;
}
body.obp-page .obp-wrapper .obp-select2 + .select2-container--default .select2-selection--single {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
  color: var(--obp-input-color);
  background-color: #fff;
  width: 100%;
  min-width: 0;
  height: auto;
  padding: 17px;
  border-radius: 4px;
  border: 1px solid #DEDEDE;
}
body.obp-page .obp-wrapper .obp-select2 + .select2-container--default .select2-selection--single .select2-selection__rendered {
  display: initial;
  padding: 0;
  line-height: 1;
}
body.obp-page .obp-wrapper .obp-select2 + .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 8px;
  height: 36px;
  width: 36px;
}
body.obp-page .obp-wrapper .obp-select2 + .select2-container--default .select2-selection--multiple {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
  color: var(--obp-input-color);
  background-color: #fff;
  width: 100%;
  min-width: 0;
  height: auto;
  min-height: 54px;
  padding: 14px;
  border-radius: 4px;
  border: 1px solid #DEDEDE;
}
body.obp-page .obp-wrapper .obp-select2 + .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  margin: 0;
}
body.obp-page .obp-wrapper .obp-select2 + .select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin: 2px;
}
body.obp-page .obp-wrapper .obp-select2 + .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  white-space: normal;
}
body.obp-page .obp-wrapper .obp-select2 + .select2-container--default .select2-search--inline .select2-search__field {
  margin: 0;
  border: none;
}
body.obp-page .obp-wrapper .obp-select2.no-margin {
  margin: 0;
}
body.obp-page .obp-wrapper input[type=file] {
  margin-bottom: 30px;
}
body.obp-page .obp-wrapper textarea {
  min-height: 0;
}
body.obp-page .obp-wrapper i {
  display: inline-flex;
  font-size: 20px;
}
body.obp-page .obp-wrapper i.icon-close {
  margin-bottom: 24px;
  color: #F62C00;
}
body.obp-page .obp-wrapper button:focus {
  outline: none;
}
body.obp-page .obp-wrapper .input-disabled {
  background-color: #f6f6f6 !important;
}
body.obp-page .obp-wrapper .obp-note-text {
  margin-bottom: 20px;
  font-style: italic;
}
body.obp-page .obp-wrapper .obp-text-semi {
  font-weight: 600;
}
body.obp-page .obp-wrapper .obp-danger-text {
  color: #F62C00;
  font-weight: 500;
}
body.obp-page .obp-wrapper .obp-tag {
  font-size: 14px;
  font-weight: 500;
  color: var(--obp-input-color);
  padding: 4px 8px;
  background-color: #f1f1f1;
  border-radius: 4px;
  cursor: pointer;
}
body.obp-page .obp-wrapper .obp-el-flex {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 8px;
  background-color: #f1f1f1;
  border-radius: 4px;
  cursor: pointer;
}
body.obp-page .obp-wrapper .obp-el-flex i {
  font-size: 16px;
}
body.obp-page .obp-wrapper .obp_button {
  transition: all 0.3s ease;
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0;
  text-decoration: none;
  text-transform: none;
  color: #fff;
  cursor: pointer;
  padding: 17px 20px;
  border-radius: 4px;
  border: 1px solid var(--obp-primary-color);
  box-shadow: none;
  outline: none;
  background-color: var(--obp-primary-color);
}
body.obp-page .obp-wrapper .obp_button:hover {
  transition: all 0.3s ease;
  color: var(--obp-primary-color);
  background-color: #fff;
}
body.obp-page .obp-wrapper .opb_button_grey {
  background-color: #6B7177;
  border: 1px dotted transparent;
}
body.obp-page .obp-wrapper .opb_button_grey:hover {
  color: #fff;
  background-color: var(--obp-primary-color);
}
body.obp-page .obp-wrapper .opb_button_add_media {
  margin-bottom: 14px;
  color: var(--obp-heading-color);
  background-color: #FFF6F6;
  border: 1px dotted #A0A0A0;
}
body.obp-page .visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
body.obp-page .select2-container--open {
  font-size: 15px;
}
body.obp-page .select2-container--open .select2-dropdown {
  top: 30px;
  border: 1px solid #DEDEDE;
}
body.obp-page .select2-container--open .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--obp-primary-color);
}
body.obp-page .ui-timepicker-list li {
  font-size: 15px;
}
body.obp-page .wp-picker-container .wp-picker-input-wrap .wp-color-picker {
  margin-bottom: 0;
}
body.obp-page .wp-picker-container .wp-picker-input-wrap .button.wp-picker-default {
  display: none;
  font-size: 14px;
}
body.obp-page .wp-picker-container .wp-color-result-text {
  display: none;
}
body.obp-page .wp-picker-container .wp-color-result.button {
  border: none;
  outline: none;
  padding: 27px;
  border-radius: 4px;
}
body.obp-page .wp-picker-container .wp-color-result.button:hover, body.obp-page .wp-picker-container .wp-color-result.button:focus {
  border: none;
  outline: none;
}
body.obp-page .fc table {
  margin: 0;
}
body.obp-page .fc table th {
  font-weight: 500;
}
body.obp-page .fc .fc-timeGridWeek-view .fc-col-header {
  min-height: 60px;
  background-color: var(--obp-primary-color);
}
body.obp-page .fc .fc-timeGridWeek-view .fc-col-header th {
  background-color: transparent;
}
body.obp-page .fc .fc-timeGridWeek-view .fc-col-header a {
  color: #fff;
}
body.obp-page .fc .fc-prev-button, body.obp-page .fc .fc-next-button {
  background: var(--obp-primary-color);
  border: 0;
}
body.obp-page .fc .fc-day-disabled {
  border: none;
  background-color: #D9D9D9;
  border-radius: 0;
}
body.obp-page .fc .fc-toolbar.fc-header-toolbar {
  margin: 0;
  padding: 20px 20px 16px 20px;
}
@media screen and (max-width: 767px) {
  body.obp-page .fc .fc-toolbar.fc-header-toolbar {
    flex-direction: column;
  }
}
body.obp-page .fc .fc-toolbar-title {
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  body.obp-page .fc .fc-toolbar-title {
    font-size: 20px;
  }
}
body.obp-page .fc-theme-standard td, body.obp-page .fc-theme-standard th {
  vertical-align: middle;
}
body.obp-page .fc-timegrid-event-short {
  height: fit-content;
}
body.obp-page .fc-header-toolbar .fc-button-group .fc-timeGridDay-button, body.obp-page .fc-header-toolbar .fc-button-group .fc-timeGridWeek-button, body.obp-page .fc-header-toolbar .fc-button-group .fc-listWeek-button {
  border: 0;
}
body.obp-page .fc-header-toolbar .fc-button-group .fc-timeGridDay-button.fc-button-active, body.obp-page .fc-header-toolbar .fc-button-group .fc-timeGridWeek-button.fc-button-active, body.obp-page .fc-header-toolbar .fc-button-group .fc-listWeek-button.fc-button-active {
  background: var(--obp-primary-color);
}
body.obp-page .fc-v-event:not(.fc-day-disabled) .fc-event-main-frame {
  color: #fff;
}
body.obp-page .fc-v-event .fc-event-title-container {
  flex-grow: 0;
}
body.obp-page .fc-v-event .fc-event-title {
  top: 50%;
}
body.obp-page .fc-v-event .fc-event-main {
  color: var(--obp-text-color);
}
body.obp-page .fc-v-event .fc-event-main-frame {
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
body.obp-page .fc .fc-button-primary:focus {
  box-shadow: none;
}
body.obp-page .fc .fc-button-primary:not(:disabled).fc-button-active:focus {
  box-shadow: none;
}
body.obp-page .fc .fc-button-primary:not(:disabled):active:focus {
  box-shadow: none;
}

.obp-icon-help {
  cursor: pointer;
}

.inputTags-error {
  color: #fff !important;
}

div.inputTags-list {
  background: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0px !important;
}

.inputTags-field {
  margin: 0px !important;
}

.obp-recaptcha-wrapper {
  margin-top: 20px;
}

.obp_nowrap {
  white-space: nowrap;
}

body.rtl .obp-wrapper select:not([size]):not([multiple]) {
  background-position: 10px center;
}
body.rtl .obp-wrapper .checkmark {
  left: unset;
  right: 0;
}

body.obp-page .obp-wrapper {
  margin: 0 auto;
  width: 100%;
  max-width: 1320px;
}
body.obp-page .obp-wrapper.shortcode-wrapper {
  margin-top: 45px;
  margin-bottom: 45px;
}
body.obp-page .obp-wrapper .obp-dashboard {
  display: flex;
  gap: 0 30px;
}
@media (max-width: 1024px) {
  body.obp-page .obp-wrapper .obp-dashboard {
    flex-direction: column;
  }
}
body.obp-page .obp-wrapper .obp-dashboard .obp-dashboard-content {
  position: relative;
  padding: 50px 35px;
  background-color: #f0efec;
  width: 100%;
}
@media (max-width: 1200px) {
  body.obp-page .obp-wrapper .obp-dashboard .obp-dashboard-content {
    padding: 40px 25px;
  }
}
@media (max-width: 767px) {
  body.obp-page .obp-wrapper .obp-dashboard .obp-dashboard-content {
    padding: 35px 15px;
  }
}
body.obp-page .obp-wrapper .obp-dashboard .obp-dashboard-content .obp-form-part {
  position: relative;
  background-color: #fff;
  margin: 0;
  padding: 30px 25px 40px 25px;
}
@media (max-width: 767px) {
  body.obp-page .obp-wrapper .obp-dashboard .obp-dashboard-content .obp-form-part {
    padding: 30px 20px 40px 20px;
  }
}
body.obp-page .obp-wrapper .obp-dashboard .obp-dashboard-content .obp-form-submit.align-right, body.obp-page .obp-wrapper .obp-dashboard .obp-dashboard-content .obp-button-wrapper.align-right {
  text-align: right;
}
body.obp-page .obp-second-title-with-filter {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 20px;
  gap: 15px;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #E8E8E8;
}
body.obp-page .obp-second-title-with-filter .obp-second-title {
  margin: 0;
  padding: 0;
  border-bottom: none;
}
body.obp-page .obp-second-title-with-filter .obp-filter-part {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  gap: 15px;
}
body.obp-page .obp-second-title-with-filter .obp-filter-part i {
  cursor: pointer;
}
body.obp-page .obp-second-title-with-filter .obp-filter-part .search-name-wrapper {
  display: flex;
  align-items: center;
  gap: 5px;
}
body.obp-page .obp-second-title-with-filter .obp-filter-part .search-name-wrapper .obp_search_staff {
  height: 20px;
}
body.obp-page .obp-second-title-with-filter .obp-filter-part input.obp-search-name, body.obp-page .obp-second-title-with-filter .obp-filter-part input.from_date, body.obp-page .obp-second-title-with-filter .obp-filter-part input.to_date {
  margin-bottom: 0;
  padding: 0;
  border-radius: 0;
  background-color: transparent;
  border: none;
  width: auto;
}
body.obp-page .obp-second-title-with-filter .obp-filter-part .obp-order {
  display: flex;
  align-items: center;
}
body.obp-page .obp-second-title-with-filter .obp-filter-part .obp-order label {
  margin-bottom: 0;
  min-width: 55px;
  color: var(--obp-text-color);
}
body.obp-page .obp-second-title-with-filter .obp-filter-part .obp-order select {
  margin-bottom: 0;
  padding: 0 14px;
  border: none;
  background-position: center right;
}
body.obp-page .obp-data-list-wrapper {
  margin-bottom: 30px;
}
body.obp-page .obp-data-list-wrapper .obp-data-list .staff-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 6px;
  row-gap: 20px;
  padding: 20px 0;
  border-bottom: 1px solid #EFEFEF;
}
body.obp-page .obp-data-list-wrapper .obp-data-list.data-column h3 {
  margin: 0;
  display: flex;
  align-items: baseline;
  font-size: 17px;
}
body.obp-page .obp-data-list-wrapper .obp-data-list.data-column h3 i {
  font-size: 15px;
  color: var(--obp-placeholder-color);
  cursor: pointer;
}
body.obp-page .obp-data-list-wrapper .obp-data-list.data-column h3 i.active {
  color: var(--obp-heading-color);
}
body.obp-page .obp-data-list-wrapper .obp-data-list a {
  line-height: 1;
}
body.obp-page .obp-data-list-wrapper .obp-data-list a:hover i.bookproicon-edit, body.obp-page .obp-data-list-wrapper .obp-data-list a.active i.bookproicon-edit {
  color: var(--obp-heading-color);
}
body.obp-page .obp-data-list-wrapper .obp-data-list a:hover i.bookproicon-close, body.obp-page .obp-data-list-wrapper .obp-data-list a.active i.bookproicon-close {
  color: #F62C00;
}
body.obp-page .obp-data-list-wrapper .obp-data-list a:hover i, body.obp-page .obp-data-list-wrapper .obp-data-list a.active i {
  color: var(--obp-primary-color);
}
body.obp-page .obp-data-list-wrapper .obp-data-list .obp-data-info {
  display: flex;
  align-items: center;
  column-gap: 15px;
  row-gap: 8px;
  width: 85%;
}
@media (max-width: 767px) {
  body.obp-page .obp-data-list-wrapper .obp-data-list .obp-data-info {
    align-items: flex-start;
    flex-direction: column;
  }
}
body.obp-page .obp-data-list-wrapper .obp-data-list .obp-data-info .small-text-field {
  margin-top: 3px;
  font-size: 13px;
  line-height: 1.3;
}
body.obp-page .obp-data-list-wrapper .obp-data-list .obp-data-info .s-key {
  width: 45px;
}
body.obp-page .obp-data-list-wrapper .obp-data-list .obp-data-info .info_name {
  width: 25%;
}
@media (max-width: 767px) {
  body.obp-page .obp-data-list-wrapper .obp-data-list .obp-data-info .info_name {
    width: 100%;
  }
}
body.obp-page .obp-data-list-wrapper .obp-data-list .obp-data-info .obp_amount {
  min-width: 75px;
}
body.obp-page .obp-data-list-wrapper .obp-data-list .obp-data-info .info_column3 {
  min-width: 135px;
}
body.obp-page .obp-data-list-wrapper .obp-data-list .obp-data-info .info_column4, body.obp-page .obp-data-list-wrapper .obp-data-list .obp-data-info .info_column5 {
  min-width: 50px;
}
body.obp-page .obp-data-list-wrapper .obp-data-list .obp-data-action {
  display: flex;
  align-items: center;
  gap: 15px;
  line-height: 1;
}
body.obp-page .obp-table-layout {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
body.obp-page .obp-table-layout.two_col {
  grid-template-columns: 3fr 2fr;
}
body.obp-page .obp-table-layout .obp-row {
  display: contents;
}
body.obp-page .obp-table-layout .obp-cell {
  margin: 0;
  padding: 12px;
  border: 1px solid #ededed;
}
body.obp-page .obp-table-layout .obp-cell.flex-cell {
  display: flex;
  align-items: center;
  gap: 9px;
}
@media (max-width: 767px) {
  body.obp-page .obp-table-layout .list-columns h3 {
    font-size: 16px;
  }
}
body.obp-page .obp-table-layout .list-columns .obp-cell {
  color: #fff;
  font-weight: bold;
  background-color: #222222;
}
body.obp-page .obp-table-layout .obp-cell span {
  display: block;
}
body.obp-page .obp-table-layout .obp-cell a {
  display: inline-flex;
  vertical-align: middle;
  color: var(--obp-heading-color);
}
body.obp-page .obp-table-layout .obp-cell a:hover {
  color: var(--obp-primary-color);
}
body.obp-page .obp-table-layout .obp-cell .bookproicon-close {
  color: #F62C00;
}
body.obp-page .obp_wrap_two_column {
  position: relative;
  display: grid;
  grid-column-gap: 30px;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 767px) {
  body.obp-page .obp_wrap_two_column {
    grid-template-columns: auto;
  }
}
body.obp-page .obp_wrap_three_column {
  display: grid;
  grid-column-gap: 30px;
  grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 1024px) {
  body.obp-page .obp_wrap_three_column {
    grid-template-columns: auto;
  }
}
body.obp-page .obp_wrap_four_column {
  display: grid;
  grid-column-gap: 30px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 1024px) {
  body.obp-page .obp_wrap_four_column {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 479px) {
  body.obp-page .obp_wrap_four_column {
    grid-template-columns: auto;
  }
}
body.obp-page .obp_map .search-container {
  position: relative;
  max-width: 430px;
}
body.obp-page .obp_map #pac-input {
  margin-bottom: 8px;
  padding: 12px 17px;
  border-radius: 4px;
  max-width: 430px;
}
body.obp-page .obp_map #suggestions {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: absolute;
  background: #fff;
  border: 1px solid #e5e5e5;
  width: 100%;
  max-height: 150px;
  overflow-y: auto;
  z-index: 9999;
}
body.obp-page .obp_map #suggestions li {
  padding: 10px;
  cursor: pointer;
  background-color: #f6f6f6;
}
body.obp-page .obp_map #suggestions li:hover {
  color: #fff;
  background-color: var(--obp-primary-color);
}
body.obp-page .obp_map #obp_enable_map {
  height: 310px;
  width: 100%;
  border-radius: 4px;
}
body.obp-page .obp_map #obp_enable_map input[type=text] {
  margin-bottom: 0;
}
body.obp-page .obp_alert_danger {
  display: block;
  font-size: 15px;
  line-height: 1.2;
  color: #721c24;
  background-color: #f8d7da;
  margin: 0 0 8px 0;
  padding: 9px 18px;
  border: 1px solid #f5c6cb;
  border-radius: 4px;
}
body.obp-page .obp_alert_success {
  display: block;
  font-size: 15px;
  line-height: 1.2;
  color: #155724;
  background-color: #d4edda;
  margin: 0 0 18px 0;
  padding: 9px 18px;
  border: 1px solid #c3e6cb;
  border-radius: 4px;
}
body.obp-page .obp-content-my-wishlist .empty-list {
  margin-top: 0;
}
body.obp-page .empty-list {
  display: block;
  margin-top: 20px;
}
body.obp-page .empty-search {
  text-align: center;
}
body.obp-page .wp-editor-wrap {
  margin: 0 0 30px 0;
}
body.obp-page .obp_no_margin {
  margin: 0 !important;
}
body.obp-page .description-wrap {
  position: relative;
  overflow: hidden;
}
body.obp-page .description-wrap .show_more_desc {
  display: none;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 150px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #f6f6f6);
}
body.obp-page .description-wrap .show_more_desc a.btn_showmore {
  position: absolute;
  padding: 20px 0 0 0;
  bottom: 0;
  width: 100%;
  background-color: #f6f6f6;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
}
body.obp-page .description-wrap .show_more_desc.show_less {
  background: transparent !important;
}
body.obp-page .description-wrap .show_more_desc.show_less i {
  transform: rotate(180deg);
}
body.obp-page .obp-modal-container {
  display: none;
  background-color: rgba(28, 28, 28, 0.18);
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 999;
}
body.obp-page .obp-modal-container .obp-form-modal {
  position: relative;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
  width: calc(100% - 40px);
  max-width: 824px;
  max-height: 86vh;
  overflow-y: auto;
}
body.obp-page .obp-modal-container .obp-form-modal.add-type-modal {
  max-width: 600px;
}
body.obp-page .obp-modal-container .obp-form-modal .close-popup {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1;
  cursor: pointer;
}
body.obp-page .obp-modal-container .obp-form-modal .close-popup:hover i {
  color: #F62C00;
}
body.obp-page .obp-modal-container .obp-form-modal .close-popup i {
  font-size: 25px;
}
body.obp-page .obp-modal-container .obp-form-modal .obp-form-part {
  padding: 45px 30px;
  border-radius: 4px;
}
body.obp-page .obp-stars {
  display: flex;
}
body.obp-page .obp-stars a {
  position: relative;
  display: inline-block;
  text-indent: -999em;
  width: 1em;
  height: 1em;
  color: var(--obp-placeholder-color);
}
body.obp-page .obp-stars a:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  content: "\f11e";
  font-family: flaticon_bookpro !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0;
}
body.obp-page .obp-stars a.active, body.obp-page .obp-stars a.half-star {
  color: #FF9400;
}
body.obp-page .obp-stars a.half-star:before {
  content: "\f13e";
}
body.obp-page .obp-accordion-enable .accordion-title {
  margin: 0;
  padding: 14px 23px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #E6E6E6;
  border: 1px solid #DEDEDE;
  font-size: 20px;
}
body.obp-page .obp-accordion-enable .accordion-title.ui-state-active {
  color: #fff;
  background: var(--obp-primary-color);
  border: 1px solid var(--obp-primary-color);
}
body.obp-page .obp-accordion-enable .accordion-panel {
  padding: 0;
  border: none;
}
body.obp-page .obp-form-field .obp-password {
  position: relative;
}
body.obp-page .obp-form-field .obp-password i {
  position: absolute;
  top: 17px;
  right: 12px;
  color: var(--obp-text-color);
  cursor: pointer;
}
body.obp-page ul.obp_pagination_ajax {
  margin: 40px 0 30px 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
body.obp-page ul.obp_pagination_ajax li {
  margin: 0 4px 8px 4px;
}
body.obp-page ul.obp_pagination_ajax li span {
  transition: all 0.3s ease;
  width: 100%;
  height: 40px;
  min-width: 40px;
  padding: 0 15px;
  background-color: #D9D9D9;
  font-size: 15px;
  line-height: 1.2;
  color: var(--obp-heading-color);
  border: none;
  border-radius: 4px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
body.obp-page ul.obp_pagination_ajax li span:hover {
  color: #fff;
  border-color: var(--obp-primary-color);
  background-color: var(--obp-primary-color);
}
body.obp-page ul.obp_pagination_ajax li .current {
  color: #fff;
  background-color: var(--obp-primary-color);
  border-color: var(--obp-primary-color);
}
body.obp-page .obp-ajax-loader {
  display: none;
  position: absolute;
  top: 80px;
  left: calc(50% - 20px);
  width: 20px;
  height: 20px;
  border: 3px solid var(--obp-primary-color);
  border-bottom-color: transparent;
  border-radius: 50%;
  animation: obp_rotation 1s linear infinite;
}
@keyframes obp_rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@media (min-width: 768px) {
  body.storefront-align-wide.obp-page .col-full {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 12px;
  }
}
@media (min-width: 1025px) {
  body.storefront-align-wide.obp-page div#page {
    overflow-x: visible;
  }
}
body.storefront-align-wide.obp-page article .edit-link {
  display: none;
}

body.ast-single-post.obp-page .media-router .media-menu-item {
  color: #1d2327;
}
body.ast-single-post.obp-page .media-frame select.attachment-filters:last-of-type {
  min-width: 100px;
}
body.ast-single-post.obp-page button.media-modal-close:hover {
  background-color: #fff;
}

body.rtl .obp-wrapper .obp-dashboard .obp-dashboard-content .obp-form-submit.align-right {
  text-align: left;
}
body.rtl .obp-wrapper .obp-dashboard .obp-dashboard-content .obp-button-wrapper.align-right {
  text-align: left;
}

.ZebraDialog {
  z-index: 9999;
}

.obp-dashboard-nav {
  min-width: 235px;
  padding: 40px 0;
}
.obp-dashboard-nav .obp-dashboard-inner {
  position: sticky;
  top: 40px;
}
.obp-dashboard-nav .obp-dashboard-inner .obp-dashboard-nav-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.obp-dashboard-nav .obp-dashboard-inner .obp-dashboard-nav-top .obp-user-profile {
  display: flex;
  align-items: center;
  gap: 25px;
}
.obp-dashboard-nav .obp-dashboard-inner .obp-dashboard-nav-top .obp-user-profile img {
  display: block;
  width: 96px;
  height: 96px;
  object-fit: cover;
}
.obp-dashboard-nav .obp-dashboard-inner .obp-dashboard-nav-top .obp-user-profile .profile-info .profile-name {
  margin: 0 0 4px 0;
  font-size: 16px;
  text-transform: capitalize;
}
.obp-dashboard-nav .obp-dashboard-inner .obp-dashboard-nav-top .obp-user-profile .profile-info .profile-link {
  font-size: 15px;
  text-decoration: underline;
  color: var(--obp-text-color);
}
.obp-dashboard-nav .obp-dashboard-inner .obp-dashboard-nav-top .nav-main-mobile-toggle {
  display: none;
  position: relative;
  width: 20px;
  height: 20px;
  margin: 10px;
  padding: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .obp-dashboard-nav .obp-dashboard-inner .obp-dashboard-nav-top .nav-main-mobile-toggle {
    display: inline-block;
  }
}
.obp-dashboard-nav .obp-dashboard-inner .obp-dashboard-nav-top .nav-main-mobile-toggle:before, .obp-dashboard-nav .obp-dashboard-inner .obp-dashboard-nav-top .nav-main-mobile-toggle:after,
.obp-dashboard-nav .obp-dashboard-inner .obp-dashboard-nav-top .nav-main-mobile-toggle span:before {
  transition: all, ease, 0.2s;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1px;
  border-radius: 3px;
  height: 2px;
  width: 20px;
  background-color: var(--obp-heading-color);
}
.obp-dashboard-nav .obp-dashboard-inner .obp-dashboard-nav-top .nav-main-mobile-toggle:before {
  transform: translateY(-6px);
}
.obp-dashboard-nav .obp-dashboard-inner .obp-dashboard-nav-top .nav-main-mobile-toggle:after {
  transform: translateY(6px);
}
.obp-dashboard-nav .obp-dashboard-inner .obp-dashboard-nav-main {
  margin: 25px 0 0 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 1024px) {
  .obp-dashboard-nav .obp-dashboard-inner .obp-dashboard-nav-main {
    display: none;
  }
}
.obp-dashboard-nav .obp-dashboard-inner .obp-dashboard-nav-main .obp-nav-item {
  margin-bottom: 1px;
}
.obp-dashboard-nav .obp-dashboard-inner .obp-dashboard-nav-main .obp-nav-item.nav-active a, .obp-dashboard-nav .obp-dashboard-inner .obp-dashboard-nav-main .obp-nav-item:hover a {
  transition: all 0.3s ease;
  color: #fff;
  background-color: var(--obp-heading-color);
}
.obp-dashboard-nav .obp-dashboard-inner .obp-dashboard-nav-main .obp-nav-item.item-child {
  margin-left: 15px;
}
.obp-dashboard-nav .obp-dashboard-inner .obp-dashboard-nav-main .obp-nav-item a {
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 17px;
  line-height: 1.6;
  color: var(--obp-heading-color);
  font-weight: 500;
  padding: 10px 20px;
  border-radius: 0 4px 4px 0;
  text-decoration: none;
  border: none;
  box-shadow: none;
}
.obp-dashboard-nav .obp-dashboard-inner .obp-dashboard-nav-main .obp-nav-item a:focus {
  outline: none;
  box-shadow: none;
}

.obp-login .obp-login-wrapper {
  max-width: 500px;
  margin: 45px auto;
}
.obp-login .obp-login-wrapper .obp-messages {
  margin: 0;
  padding: 0;
  list-style: none;
}
.obp-login .obp-login-wrapper .obp-login-form .obp-notification {
  margin: 0;
  padding: 0;
  list-style: none;
}
.obp-register-user .obp-register-user-wrapper {
  max-width: 500px;
  margin: 0 auto;
}

.obp-reset-password-wrapper {
  max-width: 500px;
  margin: 0 auto;
}
.obp-reset-password-wrapper .obp-reset-password-form .obp-password {
  position: relative;
}
.obp-reset-password-wrapper .obp-reset-password-form .obp-password i {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  color: var(--obp-text-color);
  font-size: 16px;
  cursor: pointer;
}

.obp-forgot-password .obp-forgot-password-wrapper {
  max-width: 500px;
  margin: 0 auto;
}

body.obp-page .obp-wrapper .obp-dashboard .obp-dashboard-content .obp-form-part.form-part-business {
  margin-bottom: 45px;
  padding-bottom: 15px;
}
body.obp-page .obp-wrapper .obp-dashboard .obp-dashboard-content .obp-form-part.form-part-business a.add_work_hour {
  margin-bottom: 30px;
}
body.obp-page .obp-wrapper .obp-dashboard .obp-dashboard-content .obp-title-wrap .view-business {
  color: #045cb4;
  line-height: 1.4;
  text-align: right;
}
body.obp-page .obp-wrapper .obp-content-business .business_avatar {
  margin: 25px 0;
}
body.obp-page .obp-wrapper .obp-content-business .business_avatar .profile-image {
  margin: 8px 0;
  display: flex;
  align-items: baseline;
  gap: 14px;
}
body.obp-page .obp-wrapper .obp-content-business .business_avatar .profile-image img {
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 4px;
  object-fit: cover;
}
body.obp-page .obp-wrapper .obp-content-business .business_avatar .profile-image i {
  margin-bottom: 0;
}
body.obp-page .obp-wrapper .obp-content-business .obp_business_tags_ajax .obp_business_tag_complete {
  margin: 0px;
  list-style: none;
}
body.obp-page .obp-wrapper .obp-content-business .obp_business_tags_ajax .obp_business_tag_complete .item {
  display: inline-block;
  background: #19bc9c;
  border-radius: 3px;
  color: #fff;
  margin: 2px;
  opacity: 1;
  padding: 3px 8px 4px 8px;
  position: relative;
  text-align: center;
  cursor: pointer;
}
body.obp-page .obp-wrapper .obp-content-business .obp_map {
  margin-bottom: 30px;
}
body.obp-page .obp-wrapper .obp-content-business .obp_map #place-autocomplete-card {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  margin: 10px;
  padding: 5px;
  font-family: Roboto, sans-serif;
  font-size: large;
  font-weight: bold;
}
body.obp-page .obp-wrapper .obp-content-business .obp_map gmp-place-autocomplete {
  width: 300px;
}
body.obp-page .obp-wrapper .obp-content-business .obp_map p {
  margin: 0px;
  font-size: 16px;
}
body.obp-page .obp-wrapper .obp-content-business .obp_map #infowindow-content .title {
  font-weight: bold;
}
body.obp-page .obp-wrapper .obp-content-business .obp_map #obp_enable_map #infowindow-content {
  display: inline;
}
body.obp-page .obp-wrapper .obp-content-business .obp_map .obp_map_fields {
  margin: 15px 0px 0px 0px;
  display: none;
}
body.obp-page .obp-wrapper .obp-content-business .obp_map .obp_map_fields.is_show {
  display: block;
}
body.obp-page .obp-wrapper .obp-content-business .obp_map .obp_map_show_hide {
  display: flex;
  column-gap: 10px;
  margin: 0px 0px 15px 0px;
}
body.obp-page .obp-wrapper .obp-content-business .obp_map .obp_map_show_hide label {
  margin: 0px;
  display: inline-flex;
  align-items: center;
  line-height: 22px;
}
@media screen and (max-width: 479px) {
  body.obp-page .obp-wrapper .obp-content-business .obp_map .obp_map_show_hide {
    flex-direction: column;
  }
  body.obp-page .obp-wrapper .obp-content-business .obp_map .obp_map_show_hide label:not(:first-child) {
    margin: 10px 0px 0px 0px;
  }
}
body.obp-page .obp-wrapper .obp-content-business .obp_map .obp_map_container {
  display: none;
  position: relative;
}
body.obp-page .obp-wrapper .obp-content-business .obp_map .obp_map_container .auto-search-wrapper {
  width: 300px;
  top: 0px;
  right: 0px;
  position: absolute;
  z-index: 9999;
  background: #f1f1f1;
}
body.obp-page .obp-wrapper .obp-content-business .obp_map .obp_map_container .auto-search-wrapper #search {
  margin: 0px;
  padding: 10px 20px;
}
body.obp-page .obp-wrapper .obp-content-business .obp_map .obp_map_container .auto-search-wrapper .auto-clear {
  display: none;
}
body.obp-page .obp-wrapper .obp-content-business .business_socials {
  margin-bottom: 30px;
}
body.obp-page .obp-wrapper .obp-content-business .business_socials .social_list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 35px;
}
@media (max-width: 1024px) {
  body.obp-page .obp-wrapper .obp-content-business .business_socials .social_list {
    grid-template-columns: auto;
  }
}
body.obp-page .obp-wrapper .obp-content-business .business_socials .social_list .social_item {
  display: flex;
  align-items: center;
  gap: 18px;
}
body.obp-page .obp-wrapper .obp-content-business .work-hours-wrapper .work_hours_field {
  display: flex;
  column-gap: 10px;
}
@media (max-width: 1024px) {
  body.obp-page .obp-wrapper .obp-content-business .work-hours-wrapper .work_hours_field {
    flex-direction: column;
  }
}
body.obp-page .obp-wrapper .obp-content-business .work-hours-wrapper .work_hours_field input.work_hour_label {
  max-width: 200px;
}
@media (max-width: 1024px) {
  body.obp-page .obp-wrapper .obp-content-business .work-hours-wrapper .work_hours_field input.work_hour_label {
    max-width: calc(100% - 28px);
  }
}
body.obp-page .obp-wrapper .obp-content-business .work-hours-wrapper .work_hours_field div.work_hours {
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: 330px;
}
@media (max-width: 1024px) {
  body.obp-page .obp-wrapper .obp-content-business .work-hours-wrapper .work_hours_field div.work_hours {
    max-width: 100%;
  }
}
body.obp-page .obp-wrapper .obp-content-business .work-hours-wrapper .work_hours_field label {
  margin-top: 8px;
  min-width: 95px;
}
body.obp-page .obp-wrapper .obp-content-business .work-hours-wrapper .work_hours_field i {
  margin-bottom: 24px;
}
body.obp-page .obp-wrapper .obp-content-business .business-hours-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 30px;
}
@media (max-width: 1024px) {
  body.obp-page .obp-wrapper .obp-content-business .business-hours-wrapper {
    grid-template-columns: auto;
  }
}
body.obp-page .obp-wrapper .obp-content-business .business-hours-wrapper .business-hours-field-wrapper {
  margin-bottom: 40px;
  text-align: right;
}
body.obp-page .obp-wrapper .obp-content-business .business-hours-wrapper .business_hours_field {
  display: flex;
  text-align: left;
  column-gap: 10px;
}
@media (max-width: 1024px) {
  body.obp-page .obp-wrapper .obp-content-business .business-hours-wrapper .business_hours_field {
    flex-direction: column;
  }
}
body.obp-page .obp-wrapper .obp-content-business .business-hours-wrapper .business_hours_field div.business-hour {
  display: flex;
  align-items: center;
  gap: 10px;
}
body.obp-page .obp-wrapper .obp-content-business .business-hours-wrapper .business_hours_field div.business-hour:last-child {
  margin-bottom: 30px;
}
body.obp-page .obp-wrapper .obp-content-business .business-hours-wrapper .business_hours_field label {
  margin-top: 8px;
  min-width: 95px;
}
body.obp-page .obp-wrapper .obp-content-business .business-hours-wrapper .business_hours_field i {
  margin-bottom: 24px;
}
body.obp-page .obp-wrapper .obp-content-business .business-hours-wrapper .obp_button {
  margin: 0 30px;
}
body.obp-page .obp-wrapper .obp-content-business .business_images {
  margin-bottom: 30px;
}
body.obp-page .obp-wrapper .obp-content-business .business_images label {
  margin: 0 0 12px 0;
  display: block;
}
body.obp-page .obp-wrapper .obp-content-business .business_images .gallery_list {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
body.obp-page .obp-wrapper .obp-content-business .business_images .gallery_list .gallery_item {
  position: relative;
}
body.obp-page .obp-wrapper .obp-content-business .business_images .gallery_list .gallery_item:hover:before, body.obp-page .obp-wrapper .obp-content-business .business_images .gallery_list .gallery_item:hover a.remove_image {
  opacity: 1;
  visibility: visible;
}
body.obp-page .obp-wrapper .obp-content-business .business_images .gallery_list .gallery_item:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 1;
  visibility: hidden;
}
body.obp-page .obp-wrapper .obp-content-business .business_images .gallery_list .gallery_item img {
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 4px;
  object-fit: cover;
}
body.obp-page .obp-wrapper .obp-content-business .business_images .gallery_list .gallery_item a.remove_image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
}
body.obp-page .obp-wrapper .obp-content-business .business_images .gallery_list .gallery_item a.remove_image i {
  margin-bottom: 0;
}
body.obp-page .obp-wrapper .obp-content-business .our_works_images.business_images .gallery_list {
  column-gap: 5px;
}
body.obp-page .obp-wrapper .obp-content-business .our_works_images.business_images .gallery_list .gallery_item img {
  width: 70px;
  height: 70px;
}

body.rtl .obp-wrapper .obp-content-business .obp_map .obp_map_show_hide .obp_radio {
  padding-left: 0px;
  padding-right: 30px;
}

body.obp-page.obp-manage-service .ui-timepicker-wrapper, body.obp-page.obp-edit-service .ui-timepicker-wrapper {
  width: 220px;
}
body.obp-page.obp-manage-service .ui-timepicker-wrapper .ui-timepicker-list li, body.obp-page.obp-edit-service .ui-timepicker-wrapper .ui-timepicker-list li {
  padding-left: 20px;
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .service-list-wrapper, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .service-list-wrapper {
  overflow-x: auto;
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .obp-filter-part, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .obp-filter-part {
  padding-bottom: 10px;
}
@media screen and (max-width: 767px) {
  body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .obp-filter-part, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .obp-filter-part {
    border: 0;
    padding: 0;
  }
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .obp-service-table-list, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .obp-service-table-list {
  width: 100%;
  min-width: 800px;
  background: transparent;
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .obp-service-table-list tr, body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .obp-service-table-list th, body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .obp-service-table-list td, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .obp-service-table-list tr, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .obp-service-table-list th, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .obp-service-table-list td {
  background: transparent;
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .obp-service-table-list td, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .obp-service-table-list td {
  border-bottom: 1px solid #EFEFEF;
  padding: 20px 10px;
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .obp-service-table-list th, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .obp-service-table-list th {
  font-size: 18px;
  font-weight: 600;
  padding: 10px;
  color: #222;
  border-bottom: 1px solid #BCBCBC;
  white-space: nowrap;
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .obp-service-table-list th:last-child, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .obp-service-table-list th:last-child {
  text-align: right;
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .obp-service-table-list .service_action_wrapper, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .obp-service-table-list .service_action_wrapper {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .add_new_type, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .add_new_type {
  position: absolute;
  right: 0;
  bottom: 0;
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .add_new_type:hover, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .add_new_type:hover {
  color: var(--obp-primary-color);
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .service_duration_pricing, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .service_duration_pricing {
  margin-top: 8px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 20px;
}
@media (max-width: 1024px) {
  body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .service_duration_pricing, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .service_duration_pricing {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 479px) {
  body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .service_duration_pricing, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .service_duration_pricing {
    grid-template-columns: 1fr;
  }
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .obp_service_use_on_wrap, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .obp_service_use_on_wrap {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 20px;
}
@media screen and (max-width: 1200px) {
  body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .obp_service_use_on_wrap, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .obp_service_use_on_wrap {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 767px) {
  body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .obp_service_use_on_wrap, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .obp_service_use_on_wrap {
    grid-template-columns: auto;
  }
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .note_price_wrapper, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .note_price_wrapper {
  display: none;
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .obp_service_extra_option, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .obp_service_extra_option {
  display: none;
  margin: 0px 0px 20px 0px;
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group {
  position: relative;
  padding: 15px 0px 30px 0px;
  border-bottom: 1px solid #E8E8E8;
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group .obp_service_three_column, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group .obp_service_three_column {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 15px;
}
@media screen and (max-width: 1200px) {
  body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group .obp_service_three_column, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group .obp_service_three_column {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 479px) {
  body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group .obp_service_three_column, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group .obp_service_three_column {
    grid-template-columns: auto;
  }
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group .obp_remmove_package_group, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group .obp_remmove_package_group {
  position: absolute;
  top: 10px;
  right: 0px;
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group .obp_package_table, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group .obp_package_table {
  background: transparent;
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group .obp_package_table tr, body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group .obp_package_table th, body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group .obp_package_table td, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group .obp_package_table tr, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group .obp_package_table th, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group .obp_package_table td {
  background: transparent;
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group .obp_service_package_grid, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group .obp_service_package_grid {
  margin: 0px 0px 30px 0px;
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group .obp_service_package_grid .obp_heading_line, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group .obp_service_package_grid .obp_heading_line {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  grid-gap: 20px;
  font-size: 16px;
  font-weight: 600;
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group .obp_service_package_grid .obp_body_container .obp_package_item, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group .obp_service_package_grid .obp_body_container .obp_package_item {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  grid-gap: 20px;
  padding: 20px 0px;
  position: relative;
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group .obp_service_package_grid .obp_body_container .obp_package_item .obp_remove_package, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group .obp_service_package_grid .obp_body_container .obp_package_item .obp_remove_package {
  position: absolute;
  top: 0px;
  right: -20px;
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group .obp_service_package_grid .obp_body_container .obp_package_item input, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group .obp_service_package_grid .obp_body_container .obp_package_item input {
  margin: 0px;
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group .obp_service_package_grid .obp_body_container .obp_package_item .obp_column_time, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group .obp_service_package_grid .obp_body_container .obp_package_item .obp_column_time {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
  align-items: center;
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group .obp_service_package_grid .obp_body_container .obp_package_item .obp_column_time .obp_hour_part, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group .obp_service_package_grid .obp_body_container .obp_package_item .obp_column_time .obp_hour_part {
  display: flex;
  align-items: center;
  column-gap: 20px;
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group .obp_service_package_grid .obp_body_container .obp_package_item .obp_column_time .obp_hour_part select, body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group .obp_service_package_grid .obp_body_container .obp_package_item .obp_column_time .obp_hour_part label, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group .obp_service_package_grid .obp_body_container .obp_package_item .obp_column_time .obp_hour_part select, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group .obp_service_package_grid .obp_body_container .obp_package_item .obp_column_time .obp_hour_part label {
  margin: 0px;
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group .obp_service_package_grid .obp_body_container .obp_package_item .obp_column_time .obp_hour_part select, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group .obp_service_package_grid .obp_body_container .obp_package_item .obp_column_time .obp_hour_part select {
  width: 130px;
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group .obp_service_package_grid .obp_body_container .obp_package_item .obp_column_time .obp_minute_part, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group .obp_service_package_grid .obp_body_container .obp_package_item .obp_column_time .obp_minute_part {
  display: flex;
  align-items: center;
  column-gap: 20px;
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group .obp_service_package_grid .obp_body_container .obp_package_item .obp_column_time .obp_minute_part select, body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group .obp_service_package_grid .obp_body_container .obp_package_item .obp_column_time .obp_minute_part label, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group .obp_service_package_grid .obp_body_container .obp_package_item .obp_column_time .obp_minute_part select, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group .obp_service_package_grid .obp_body_container .obp_package_item .obp_column_time .obp_minute_part label {
  margin: 0px;
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group .obp_service_package_grid .obp_body_container .obp_package_item .obp_column_time .obp_minute_part select, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group .obp_service_package_grid .obp_body_container .obp_package_item .obp_column_time .obp_minute_part select {
  width: 130px;
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group .obp_add_option, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .obp_service_extra_option .obp_service_package_group_container .obp_service_package_group .obp_add_option {
  width: auto;
  display: inline-block;
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .obp_service_extra_option #obp_add_extra_option, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .obp_service_extra_option #obp_add_extra_option {
  margin: 15px 0px 0px 0px;
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .obp_service_sale_wrap, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .obp_service_sale_wrap {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 20px;
}
@media screen and (max-width: 1200px) {
  body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .obp_service_sale_wrap, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .obp_service_sale_wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 600px) {
  body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .obp_service_sale_wrap, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .obp_service_sale_wrap {
    grid-template-columns: auto;
  }
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .obp_service_sale_wrap .obp_clear_service_sale, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .obp_service_sale_wrap .obp_clear_service_sale {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 999;
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .obp_applicable_time, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .obp_applicable_time {
  display: flex;
  gap: 20px;
  align-items: end;
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .service_color, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .service_color {
  margin-bottom: 48px;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .service_color .wp-picker-container .iris-picker, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .service_color .wp-picker-container .iris-picker {
  position: absolute;
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .service_color .wp-picker-container label, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .service_color .wp-picker-container label {
  margin: 0;
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .service_employee, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .service_employee {
  margin-bottom: 35px;
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .service_employee .staff_group, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .service_employee .staff_group {
  color: var(--obp-heading-color);
  font-weight: 600;
  margin: 0px;
  display: flex;
  align-items: center;
  column-gap: 10px;
  padding: 0px 0px 10px 0px;
  border-bottom: 1px solid #E8E8E8;
  cursor: pointer;
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .service_employee input, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .service_employee input {
  cursor: pointer;
  border-radius: 4px;
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .service_employee .obp-check-box-list-wrapper, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .service_employee .obp-check-box-list-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 15px;
  padding: 15px 0px 45px 0px;
}
@media (max-width: 1200px) {
  body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .service_employee .obp-check-box-list-wrapper, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .service_employee .obp-check-box-list-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .service_employee .obp-check-box-list-wrapper, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .service_employee .obp-check-box-list-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .service_employee .obp-check-box-list-wrapper .check-box-list, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .service_employee .obp-check-box-list-wrapper .check-box-list {
  display: inline-flex;
  align-items: center;
  column-gap: 10px;
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .service_employee .obp-check-box-list-wrapper .check-box-list label, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .service_employee .obp-check-box-list-wrapper .check-box-list label {
  margin: 0;
  cursor: pointer;
  color: var(--obp-text-color);
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .service_employee .empty_employee a, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .service_employee .empty_employee a {
  color: var(--obp-primary-color);
  text-decoration: underline;
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .empty_staff, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .empty_staff {
  margin: 15px 0px 0px 0px;
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .obp-pagination-wrap, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .obp-pagination-wrap {
  margin: 0px 0px 20px 0px;
}
body.obp-page.obp-manage-service .obp-wrapper .obp-content-service .obp-pagination-wrap .service-pagination, body.obp-page.obp-edit-service .obp-wrapper .obp-content-service .obp-pagination-wrap .service-pagination {
  justify-content: flex-start;
}

body.rtl .obp-service-table-list th:last-child {
  text-align: left !important;
}
body.rtl .obp-wrapper .obp-content-service .obp_service_sale_wrap .obp_clear_service_sale {
  right: unset !important;
  left: 0;
}

.obp_add_staff_modal .obp_add_staff_wrapper label {
  margin: 0 0 8px 0;
  display: inline-block;
  font-size: 15px;
  line-height: 1;
  font-weight: 500;
  color: var(--obp-heading-color);
  min-width: 0;
}
.obp_add_staff_modal .obp_add_staff_wrapper input, .obp_add_staff_modal .obp_add_staff_wrapper select, .obp_add_staff_modal .obp_add_staff_wrapper textarea {
  margin-bottom: 15px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: none;
  color: var(--obp-input-color);
  background-color: #fff;
  width: 100%;
  min-width: 0;
  height: auto;
  padding: 17px;
  border-radius: 4px;
  border: 1px solid #DEDEDE;
  outline: none;
  appearance: none;
  resize: none;
  box-shadow: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.obp_add_staff_modal .obp_add_staff_wrapper .opb_button_add_media {
  margin-bottom: 14px;
  color: var(--obp-heading-color);
  background-color: #FFF6F6;
  border: 1px dotted #A0A0A0;
  transition: all 0.3s ease;
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: none;
  cursor: pointer;
  padding: 17px 20px;
  border-radius: 4px;
  box-shadow: none;
  outline: none;
}
.obp_add_staff_modal .obp_add_staff_wrapper .opb_button_add_media:hover {
  color: var(--obp-primary-color);
  background-color: #fff;
}
.obp_add_staff_modal .obp_add_staff_wrapper .obp_update_staff {
  transition: all 0.3s ease;
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0;
  text-decoration: none;
  text-transform: none;
  color: #fff;
  cursor: pointer;
  padding: 17px 20px;
  border-radius: 4px;
  border: 1px solid var(--obp-primary-color);
  box-shadow: none;
  outline: none;
  background-color: var(--obp-primary-color);
}
.obp_add_staff_modal .obp_add_staff_wrapper .obp_update_staff:hover {
  color: var(--obp-primary-color);
  background-color: #fff;
}
.obp_add_staff_modal .obp_add_staff_wrapper .staff_avatar .profile-image {
  margin: 8px 0;
  display: flex;
  align-items: baseline;
  gap: 14px;
}
.obp_add_staff_modal .obp_add_staff_wrapper .staff_avatar .profile-image img {
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 4px;
  object-fit: cover;
}
.obp_add_staff_modal .obp_add_staff_wrapper .staff_avatar .profile-image .remove_image {
  margin-bottom: 0;
  color: #F62C00;
  display: inline-flex;
  font-size: 20px;
}

.obp-my-profile .profile_avatar {
  margin: 15px 0 30px 0;
}
.obp-my-profile .profile_avatar .profile-image {
  margin: 8px 0;
  display: flex;
  align-items: baseline;
  gap: 14px;
}
.obp-my-profile .profile_avatar .profile-image img {
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 4px;
  object-fit: cover;
}
.obp-my-profile .profile_avatar .profile-image i {
  margin-bottom: 0;
}
.obp-my-profile .obp-form-submit {
  display: flex;
  justify-content: flex-end;
}
.obp-my-profile #obp_become_vendor {
  color: var(--obp-primary-color);
  text-decoration: underline;
  font-weight: 500;
}

body.obp-page .obp-wrapper .obp-content-type .type-list-wrapper {
  overflow-x: auto;
}
body.obp-page .obp-wrapper .obp-content-type .type-list-wrapper .obp_type_list_table {
  width: 100%;
  background: transparent;
}
body.obp-page .obp-wrapper .obp-content-type .type-list-wrapper .obp_type_list_table tr, body.obp-page .obp-wrapper .obp-content-type .type-list-wrapper .obp_type_list_table th, body.obp-page .obp-wrapper .obp-content-type .type-list-wrapper .obp_type_list_table td {
  background: transparent;
}
body.obp-page .obp-wrapper .obp-content-type .type-list-wrapper .obp_type_list_table th {
  font-size: 18px;
  font-weight: 600;
  padding: 10px;
  color: #222;
  border-bottom: 1px solid #BCBCBC;
  white-space: nowrap;
}
body.obp-page .obp-wrapper .obp-content-type .type-list-wrapper .obp_type_list_table td {
  border-bottom: 1px solid #E8E8E8;
  padding: 20px 10px;
}
body.obp-page .obp-wrapper .obp-content-type .type-list-wrapper .obp_type_list_table th:last-child {
  text-align: right;
}
body.obp-page .obp-wrapper .obp-content-type .type-list-wrapper .obp_type_list_table .obp_type_action_wrapper {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
body.obp-page .obp-wrapper .obp-content-type .type-list-wrapper .obp_type_list_table .obp_edit_type_row {
  display: none;
}
body.obp-page .obp-wrapper .obp-content-type .type-list-wrapper .obp_type_list_table .obp_edit_type_row.is-active {
  display: table-row;
}
body.obp-page .obp-wrapper .obp-content-type .type-list-wrapper .obp_type_list_table .obp_edit_type_info.border-0 td {
  border: 0;
}
body.obp-page .obp-wrapper .obp-content-type .type-list-wrapper .obp_type_list_table .obp_edit_type_wrapper {
  padding: 0px 30px;
}
body.obp-page .obp-wrapper .obp-content-type .type-list-wrapper .obp_type_list_table .obp_edit_type_wrapper .obp_edit_type_form {
  width: 450px;
  margin-top: 15px;
  margin-bottom: 15px;
  position: relative;
}
@media screen and (max-width: 679px) {
  body.obp-page .obp-wrapper .obp-content-type .type-list-wrapper .obp_type_list_table .obp_edit_type_wrapper .obp_edit_type_form {
    width: 100%;
  }
}
body.obp-page .obp-wrapper .obp-content-type .type-list-wrapper .obp_type_list_table .obp_edit_type_wrapper .obp_edit_type_form .obp_close_edit_type {
  position: absolute;
  top: -25px;
  right: -20px;
}
body.obp-page .obp-wrapper .obp-content-type .type-list-wrapper .obp_type_list_table .obp_edit_type_wrapper .obp_edit_type_form .obp_field_row {
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 679px) {
  body.obp-page .obp-wrapper .obp-content-type .type-list-wrapper .obp_type_list_table .obp_edit_type_wrapper .obp_edit_type_form .obp_field_row {
    display: block;
  }
}
body.obp-page .obp-wrapper .obp-content-type .type-list-wrapper .obp_type_list_table .obp_edit_type_wrapper .obp_edit_type_form .obp_field_row input {
  max-width: 290px;
  margin: 0px;
}
@media screen and (max-width: 679px) {
  body.obp-page .obp-wrapper .obp-content-type .type-list-wrapper .obp_type_list_table .obp_edit_type_wrapper .obp_edit_type_form .obp_field_row input {
    width: 100%;
    max-width: 100%;
    display: block;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 679px) {
  body.obp-page .obp-wrapper .obp-content-type .type-list-wrapper .obp_type_list_table .obp_edit_type_wrapper .obp_edit_type_form .obp_field_row button {
    margin-bottom: 10px;
  }
}

body.rtl .obp-wrapper .obp-content-type .add-type-modal .obp_close_type_modal {
  right: unset;
  left: 5px;
}

.obp_add_type_form .obp_field_row label {
  display: block;
  width: 100%;
  font-size: 15px;
  font-weight: 500;
  color: var(--obp-heading-color);
  margin: 0px 0px 13px 0px;
}
.obp_add_type_form .obp_field_row input {
  box-sizing: border-box !important;
  display: block;
  width: 100%;
  background: transparent;
  border-radius: 8px;
  padding: 14px 20px;
  border: 1px solid #DEDEDE;
  max-width: 100%;
  box-shadow: none;
  font-size: 15px;
  height: 50px;
}
.obp_add_type_form .obp_field_row input:focus, .obp_add_type_form .obp_field_row input:active {
  border: 1px solid #DEDEDE;
  outline: none;
  background: transparent;
}
.obp_add_type_form .obp_field_row input:placeholder {
  color: var(--obp-placeholder-color);
}
.obp_add_type_form .obp_field_row .obp_button {
  display: inline-block;
  padding: 20px;
  color: #fff;
  border-radius: 4px;
  background: var(--obp-primary-color);
}
.obp_add_type_form .obp_field_row.obp_footer_form {
  margin: 20px 0px 0px 0px;
}

body.rtl .obp-wrapper .obp-content-type .type-list-wrapper .obp_type_list_table th:last-child {
  text-align: left;
}
body.rtl .obp-wrapper .obp-content-type .type-list-wrapper .obp_type_list_table .obp_edit_type_wrapper .obp_edit_type_form .obp_close_edit_type {
  right: unset;
  left: -20px;
}
body.rtl .obp_add_type_modal .obp_add_type_form {
  text-align: right;
}

body.obp-page .obp-wrapper .obp-single-business-wrap {
  margin: 50px 0;
  display: grid;
  grid-column-gap: 45px;
  grid-row-gap: 25px;
  grid-template-columns: 2fr 1fr;
}
@media (max-width: 1024px) {
  body.obp-page .obp-wrapper .obp-single-business-wrap {
    grid-template-columns: auto;
  }
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content {
  min-width: 0;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .single-business-part {
  margin-bottom: 35px;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .single-business-part .business-name {
  margin-bottom: 5px;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .single-business-part .works-images-gallery {
  margin: 25px 0;
  display: grid;
  min-height: 190px;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .single-business-part .works-images-gallery .works-images-item {
  cursor: pointer;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .single-business-part .works-images-gallery .works-images-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .single-business-part .work-button {
  padding-bottom: 20px;
  text-align: center;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .single-business-part .work-button .obp_button {
  color: var(--obp-primary-color);
  background-color: #fff;
  min-width: 260px;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .single-business-part .work-button .obp_button:hover {
  color: #fff;
  background-color: var(--obp-primary-color);
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .business-gallery-wrap .main-images-item img {
  height: 500px;
  object-fit: cover;
}
@media (max-width: 1200px) {
  body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .business-gallery-wrap .main-images-item img {
    height: 400px;
  }
}
@media (max-width: 767px) {
  body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .business-gallery-wrap .main-images-item img {
    height: 330px;
  }
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .business-gallery-wrap .owl-nav {
  width: 100%;
  height: 0;
  position: absolute;
  top: 45%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .business-gallery-wrap .owl-nav.disabled {
  display: none;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .business-gallery-wrap .owl-nav button {
  margin: 0 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .business-gallery-wrap .owl-nav button:hover {
  color: var(--obp-primary-color);
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .business-gallery-wrap .owl-nav button i {
  font-size: 30px;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .business-gallery-wrap .owl-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: absolute;
  bottom: 20px;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .business-gallery-wrap .owl-dots.disabled {
  display: none;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .business-gallery-wrap .owl-dots button {
  outline: none;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .business-gallery-wrap .owl-dots button span {
  display: flex;
  width: 7px;
  height: 7px;
  background-color: #fff;
  border-radius: 50%;
  margin: 0 3px;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .business-gallery-wrap .owl-dots button span:hover {
  background-color: var(--obp-primary-color);
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .business-gallery-wrap .owl-dots button.active span {
  width: 10px;
  height: 10px;
  background-color: var(--obp-primary-color);
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .obp-service-coupon-wrap {
  padding: 0px 0px 30px 0px;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .obp-service-coupon-wrap .obp-second-title {
  font-size: 26px;
  font-weight: bold;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .obp-service-coupon-wrap .obp-coupon-item .obp_table {
  background: transparent;
  margin: 0px;
  width: auto;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .obp-service-coupon-wrap .obp-coupon-item .obp_table tr, body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .obp-service-coupon-wrap .obp-coupon-item .obp_table th, body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .obp-service-coupon-wrap .obp-coupon-item .obp_table td {
  background: transparent;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .obp-service-coupon-wrap .obp-coupon-item .obp_table th {
  font-weight: 700;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .obp-service-coupon-wrap .obp-coupon-item .obp_table th, body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .obp-service-coupon-wrap .obp-coupon-item .obp_table td {
  padding: 5px 30px 5px 0px;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .obp-service-coupon-wrap .obp-coupon-item .obp_coupon_info {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .obp-service-coupon-wrap .obp-coupon-item .obp_coupon_info .info_item {
  line-height: 40px;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .obp-service-coupon-wrap .obp-coupon-item .obp_coupon_info .info_item .obp_label {
  font-weight: 700;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .obp-service-coupon-wrap .obp-coupon-item .description {
  margin: 0px;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .business-info-wrap {
  display: flex;
  align-items: center;
  gap: 15px;
  justify-content: space-between;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .business-info-wrap .other-buttons {
  display: flex;
  align-items: baseline;
  gap: 12px;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .business-info-wrap .other-buttons i {
  cursor: pointer;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .business-info-wrap .other-buttons i:hover {
  color: var(--obp-primary-color);
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .business-info-wrap .other-buttons .btn-share {
  position: relative;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .business-info-wrap .other-buttons .btn-share:hover .share-social {
  transition: al 0.3s ease-in-out;
  bottom: 100%;
  opacity: 1;
  visibility: visible;
  transition-delay: 0.2s;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .business-info-wrap .other-buttons .btn-share ul.share-social {
  transition: al 0.3s ease-in-out;
  list-style-type: none;
  margin: 0;
  padding: 10px 0;
  position: absolute;
  width: 35px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  z-index: 2;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .business-info-wrap .other-buttons .btn-share ul.share-social li {
  width: 100%;
  padding: 1px 0;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .business-info-wrap .other-buttons .btn-share ul.share-social li a {
  transition: al 0.3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  background-color: #f1f1f1;
  font-weight: 400;
  line-height: 1;
  cursor: pointer;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .business-info-wrap .other-buttons .btn-share ul.share-social li a i {
  font-size: 15px;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .business-info-wrap .other-buttons .btn-share ul.share-social li a i.bookproicon-twitter {
  font-size: 13px;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .business-info-wrap .other-buttons .btn-share ul.share-social li a:hover i {
  color: var(--obp-primary-color);
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .business-info-wrap .other-buttons .business-add-to-wishlist {
  display: inline-flex;
  align-items: center;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .business-info-wrap .other-buttons .business-add-to-wishlist .bookproicon-like {
  color: var(--obp-primary-color);
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .business-our-work-wrap .works-images-gallery {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-gap: 14px;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .business-our-work-wrap .works-images-gallery .works-images-item:first-child {
  grid-row: 1/span 2;
  grid-column: 1/span 2;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .business-all-our-works-wrap .back-to-detail {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 16px;
  font-weight: 500;
  color: var(--obp-heading-color);
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .business-all-our-works-wrap .back-to-detail .back-symbol {
  font-size: 20px;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .business-all-our-works-wrap .all-our-works-header {
  margin-bottom: 45px;
  text-align: center;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .business-all-our-works-wrap .works-images-gallery {
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 24px;
}
@media (max-width: 767px) {
  body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .business-all-our-works-wrap .works-images-gallery {
    grid-template-columns: 1fr 1fr;
  }
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .business-amenities-wrap .amenities-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  column-gap: 35px;
  padding: 15px 0 35px 0;
}
@media (max-width: 767px) {
  body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .business-amenities-wrap .amenities-wrap {
    column-gap: 20px;
  }
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .business-amenities-wrap .amenities-wrap .amenity-item {
  display: flex;
  min-width: 25%;
  gap: 8px;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-main-content .business-amenities-wrap .amenities-wrap .amenity-item i {
  color: var(--obp-primary-color);
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-sidebar .single-business-sidebar {
  position: sticky;
  top: 40px;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-sidebar .single-business-sidebar .sidebar-info {
  position: relative;
  background-color: #f6f6f6;
  padding: 40px 20px 10px;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-sidebar .single-business-sidebar .sidebar-info .part-info {
  margin-bottom: 30px;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-sidebar .single-business-sidebar .contact-and-business-hours {
  margin-bottom: 35px;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-sidebar .single-business-sidebar .contact-and-business-hours span {
  color: var(--obp-input-color);
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-sidebar .single-business-sidebar .contact-and-business-hours .business-contact {
  margin: 0 0 25px 0;
  padding: 0 0 25px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border-bottom: 1px solid #E8E8E8;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-sidebar .single-business-sidebar .contact-and-business-hours .business-contact .call-now {
  transition: all 0.3s ease;
  font-weight: 500;
  color: var(--obp-heading-color);
  border: 1px solid var(--obp-heading-color);
  border-radius: 8px;
  padding: 6px 18px;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-sidebar .single-business-sidebar .contact-and-business-hours .business-contact .call-now:hover {
  transition: all 0.3s ease;
  color: #fff;
  background-color: var(--obp-primary-color);
  border: 1px solid var(--obp-primary-color);
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-sidebar .single-business-sidebar .contact-and-business-hours .business-hours-wrapper .business_hours_field {
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-sidebar .single-business-sidebar .contact-and-business-hours .business-hours-wrapper .business_hours_field .business_hours {
  text-align: right;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-sidebar .single-business-sidebar .contact-and-business-hours .business-hours-wrapper .business_hours_field .business_hours .business-hour {
  color: var(--obp-heading-color);
  font-weight: 500;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-sidebar .single-business-sidebar .business-socials .social_list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 12px;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-sidebar .single-business-sidebar .business-socials .social_list .social_item {
  display: flex;
  align-items: center;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-sidebar .single-business-sidebar .business-socials .social_list .social_item a {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 4px;
  font-size: 13px;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-sidebar .single-business-sidebar .business-socials .social_list .social_item .social_icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #c2c2c2;
  border-radius: 50%;
  height: 40px;
  width: 40px;
}
body.obp-page .obp-wrapper .obp-single-business-wrap .obp-sidebar .single-business-sidebar .business-socials .social_list .social_item .social_icon i {
  font-size: 16px;
}

body.rtl .obp-wrapper .obp-single-business-wrap .obp-main-content .business-all-our-works-wrap .back-to-detail .back-symbol {
  transform: rotate(180deg);
}

.obp-manage-plan .obp-second-title {
  margin-top: 40px !important;
}
.obp-manage-plan .obp_date_time {
  position: relative;
}
.obp-manage-plan .obp_date_time input {
  font-size: 14px !important;
  padding-right: 40px !important;
  min-width: 250px !important;
}
.obp-manage-plan .obp_date_time i {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  cursor: pointer;
}
.obp-manage-plan .add-plan-wrapper {
  margin-top: 30px;
}
.obp-manage-plan .obp_save_plan_form {
  margin-top: 30px;
  margin-bottom: 30px;
  position: relative;
}
.obp-manage-plan .obp_save_plan_form .obp_remove_form {
  position: absolute;
  top: -20px;
  right: 0px;
  cursor: pointer;
}
.obp-manage-plan .obp_save_plan_table {
  border: 0;
  padding: 0px 0px 20px 0px;
  /* Customize the label (the container) */
  /* Hide the browser's default radio button */
  /* Create a custom radio button */
  /* On mouse-over, add a grey background color */
  /* When the radio button is checked, add a blue background */
}
.obp-manage-plan .obp_save_plan_table tr, .obp-manage-plan .obp_save_plan_table td {
  border: 0;
  padding: 0;
}
.obp-manage-plan .obp_save_plan_table td {
  padding: 0px 5px;
}
.obp-manage-plan .obp_save_plan_table .inline-flex-field {
  display: inline-flex;
  align-items: center;
}
.obp-manage-plan .obp_save_plan_table .prefix {
  display: inline-block;
  margin: 0 5px;
}
.obp-manage-plan .obp_save_plan_table #business_hours_type {
  margin: 0px;
  cursor: pointer;
  max-width: 180px;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.obp-manage-plan .obp_save_plan_table .select2-container--default {
  margin-bottom: 0 !important;
}
.obp-manage-plan .obp_save_plan_table .select2-selection--single {
  min-width: 90px !important;
}
.obp-manage-plan .obp_save_plan_table .select2-search__field {
  margin: 0;
}
.obp-manage-plan .obp_save_plan_table .select2-selection--multiple {
  min-height: 54px;
  padding: 0px 20px;
  max-width: 170px;
}
.obp-manage-plan .obp_save_plan_table .select2-search--inline {
  line-height: 35px;
}
.obp-manage-plan .obp_save_plan_table .obp_radio {
  display: block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.obp-manage-plan .obp_save_plan_table .obp_radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.obp-manage-plan .obp_save_plan_table .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 50%;
}
.obp-manage-plan .obp_save_plan_table .obp_radio:hover input ~ .checkmark {
  background-color: #ccc;
}
.obp-manage-plan .obp_save_plan_table .obp_radio input:checked ~ .checkmark:after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: var(--obp-primary-color);
}
.obp-manage-plan .obp_save_plan_table .choose_service_field {
  position: relative;
  align-items: center;
}
.obp-manage-plan .obp_save_plan_table .choose_service_field #service_label {
  cursor: pointer;
  margin-bottom: 0;
}
.obp-manage-plan .obp_save_plan_table .choose_service_field .prefix {
  flex: 0 0 80px;
}
.obp-manage-plan .obp_save_plan_table .choose_service_field .service_ids_card {
  display: none;
  width: 400px;
  top: 65px;
  padding: 10px;
  background: #F9F9F9;
  position: absolute;
  border-radius: 4px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  z-index: 9;
}
.obp-manage-plan .obp_save_plan_table .choose_service_field .service_ids_card.is-active {
  display: block;
}
.obp-manage-plan .obp_save_plan_table .choose_service_field .service_ids_card .obp_checkbox {
  display: flex;
  line-height: 20px;
  height: 20px;
  column-gap: 10px;
  cursor: pointer;
}
.obp-manage-plan .obp_save_plan_table .choose_service_field .service_ids_card .custom_service_card {
  display: none;
}
.obp-manage-plan .obp_save_plan_table .choose_service_field .service_ids_card .custom_service_card .select2-selection--multiple {
  padding: 0px 14px;
  max-width: 100%;
}
.obp-manage-plan .obp_save_plan_table .choose_service_field .service_ids_card .obp_service_special .obp_special_service_item {
  display: flex;
  padding: 10px 0px;
}
.obp-manage-plan .obp_save_plan_table .choose_service_field .service_ids_card .obp_service_special .obp_special_service_item:not(:first-child) {
  border-top: 1px solid #e5e5e5;
}
.obp-manage-plan .obp_save_plan_table .choose_service_field .service_ids_card .obp_service_special .obp_special_service_item .service_name_wrap {
  width: 30%;
}
.obp-manage-plan .obp_save_plan_table .choose_service_field .service_ids_card .obp_service_special .obp_special_service_item .service_name_wrap .service_name {
  text-align: center;
  color: var(--obp-heading-color);
  background: #ccc;
  margin: 0px;
  padding: 7px;
  border-radius: 4px;
}
.obp-manage-plan .obp_save_plan_table .choose_service_field .service_ids_card .obp_service_special .obp_special_service_item .list_service_time {
  padding: 0px 20px;
}
.obp-manage-plan .obp_save_plan_table .choose_service_field .service_ids_card .obp_service_special .obp_special_service_item .list_service_time .obp_service_time_item {
  margin: 0px 0px 10px 0px;
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 10px;
}
.obp-manage-plan .obp_save_plan_table .choose_service_field .service_ids_card .obp_service_special .obp_special_service_item .list_service_time .obp_service_time_item .service_time {
  margin: 0px;
  padding: 12px 16px;
}
.obp-manage-plan .obp_save_plan_table .choose_service_field .service_ids_card .obp_service_special .obp_special_service_item .list_service_time .obp_service_time_item .obp_remove_service_time {
  position: absolute;
  top: 0;
  right: -20px;
  display: inline-flex;
  width: 20px;
  height: 20px;
}
.obp-manage-plan .obp_save_plan_table .choose_service_field .service_ids_card .obp_service_special .obp_special_service_item .service_times {
  width: 70%;
}
.obp-manage-plan .obp_save_plan_table .choose_service_field .service_ids_card .obp_service_special .obp_special_service_item .service_times .service_time_bottom {
  text-align: right;
}
.obp-manage-plan .obp_save_plan_table .business_hours_field {
  display: flex;
  align-items: center;
  position: relative;
}
.obp-manage-plan .obp_save_plan_table .business_hours_field #business_hours {
  margin-bottom: 0;
}
.obp-manage-plan .obp_save_plan_table .business_hours_field .business_hours_card {
  display: none;
  width: 300px;
  top: 65px;
  right: 0;
  padding: 10px;
  background: #F9F9F9;
  position: absolute;
  border-radius: 4px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  z-index: 9;
}
.obp-manage-plan .obp_save_plan_table .business_hours_field .business_hours_card .custome_time_card {
  display: none;
}
.obp-manage-plan .obp_save_plan_table .business_hours_field .business_hours_card .custome_time_card .custom_time_items {
  list-style: none;
  margin: 0;
}
.obp-manage-plan .obp_save_plan_table .business_hours_field .business_hours_card .custome_time_card .custom_time_items .custom_time_item {
  display: flex;
}
.obp-manage-plan .obp_save_plan_table .business_hours_field .business_hours_card .custome_time_card .custom_time_items .custom_time_item input {
  border: 1px solid #DEDEDE;
  width: 40%;
  margin: 5px;
  padding: 5px;
  position: relative;
  line-height: 20px;
  border-radius: 2px;
}
.obp-manage-plan .obp_save_plan_table .business_hours_field .business_hours_card .custome_time_card .custom_time_items .custom_time_item input:after {
  top: 0px !important;
  right: 0px !important;
}
.obp-manage-plan .obp_save_plan_table .business_hours_field .business_hours_card .custome_time_card .custom_time_items .custom_time_item span {
  display: inline-block;
}
.obp-manage-plan .obp_save_plan_table .business_hours_field .business_hours_card .custome_time_card .custom_time_items .custom_time_item span i {
  color: #F62C00;
  cursor: pointer;
}
.obp-manage-plan .obp_save_plan_table .business_hours_field .business_hours_card .custome_time_card .card_button {
  margin-top: 5px;
  display: flex;
  justify-content: flex-end;
}
.obp-manage-plan .obp_save_plan_table .business_hours_field .business_hours_card .custome_time_card .card_button .obp_add_business_time {
  background: var(--obp-primary-color);
  color: #fff;
  border-radius: 4px;
  border: 1px solid transparent;
  transition: all 0.3s linear;
}
.obp-manage-plan .obp_save_plan_table .business_hours_field .business_hours_card .custome_time_card .card_button .obp_add_business_time:hover {
  color: var(--obp-primary-color);
  background: #fff;
  border-color: var(--obp-primary-color);
}
.obp-manage-plan .obp_plan_calendar_wrap {
  padding-bottom: 30px;
  border-bottom: 1px solid #E8E8E8;
}
.obp-manage-plan .obp_plan_calendar_wrap .status_info {
  margin: 30px 0px 0px 0px;
  padding: 0;
  list-style: none;
  display: inline-flex;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 20px;
}
.obp-manage-plan .obp_plan_calendar_wrap .status_info .status_item {
  display: inline-block;
}
.obp-manage-plan .obp_plan_calendar_wrap .status_info .status_item .box_color {
  vertical-align: middle;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 4px;
}
.obp-manage-plan .obp_plan_calendar_wrap .status_info .status_item .box_color.open_all_service {
  background: var(--obp-primary-color);
}
.obp-manage-plan .obp_plan_calendar_wrap .status_info .status_item .box_color.open_some_service {
  background: #E78A00;
}
.obp-manage-plan .obp_plan_calendar_wrap .status_info .status_item .box_color.closed_service {
  background: #AFAFAF;
}
.obp-manage-plan .obp_plan_calendar_wrap .status_info .status_item .box_color.closed_some_service {
  background: #cdcf00;
}
.obp-manage-plan .obp_plan_calendar_wrap .status_info .status_item span {
  display: inline-block;
  line-height: 30px;
}
.obp-manage-plan .obp_plan_table_wrap {
  overflow-x: auto;
}
.obp-manage-plan .obp_plan_list_items {
  margin-bottom: 30px;
  border: 0;
}
.obp-manage-plan .obp_plan_list_items table {
  background: transparent;
  margin-bottom: 15px;
  border: 0;
  border-bottom: 1px solid #EFEFEF;
  width: 100%;
  min-width: 900px;
}
.obp-manage-plan .obp_plan_list_items table tr, .obp-manage-plan .obp_plan_list_items table td {
  border: 0;
  background: transparent;
}
.obp-manage-plan .obp_plan_list_items table tr td:first-child {
  width: 400px;
}
.obp-manage-plan .obp_plan_list_items table td, .obp-manage-plan .obp_plan_list_items table th {
  padding: 10px 0px;
}
.obp-manage-plan .obp_plan_list_items table .date {
  display: inline-block;
}
.obp-manage-plan .obp_plan_list_items table tr td:last-child {
  text-align: right;
}
.obp-manage-plan .obp_plan_list_items table i {
  vertical-align: middle;
}
.obp-manage-plan .obp_plan_list_items table .date-column {
  display: inline-block;
  cursor: pointer;
}
.obp-manage-plan .obp_plan_list_items table .date-column.all {
  color: var(--obp-primary-color);
}
.obp-manage-plan .obp_plan_list_items table .date-column.some {
  color: #E78A00;
}
.obp-manage-plan .obp_plan_list_items table .date-column.closed {
  color: #AFAFAF;
}
.obp-manage-plan .obp_plan_list_items table .date-column.some_closed {
  color: #cdcf00;
}
.obp-manage-plan .obp_plan_list_items table .obp_edit_plan {
  display: inline-block;
  margin: 0 5px;
  transition: all 0.3s linear;
}
.obp-manage-plan .obp_plan_list_items table .obp_edit_plan:hover {
  color: var(--obp-primary-color);
}
.obp-manage-plan .obp_plan_list_items table .obp_remove_plan {
  display: inline-block;
  margin: 0 5px;
  transition: all 0.3s linear;
}
.obp-manage-plan .obp_plan_list_items table .obp_remove_plan:hover {
  color: #F62C00;
}
.obp-manage-plan .flatpickr-input {
  font-size: 14px !important;
}
.obp-manage-plan .select2-search__field {
  border: 0 !important;
}
.obp-manage-plan .fc-scroller {
  overflow: hidden !important;
}
.obp-manage-plan .fc-scroller table {
  margin-bottom: 0;
}

body.rtl .obp_save_plan_form .obp_remove_form {
  right: unset;
  left: 0px;
}
body.rtl .obp_plan_table_wrap .obp_plan_list_items table tr td:last-child {
  text-align: left;
}
body.rtl .obp_save_plan_table .obp_date_time i {
  left: 20px;
  right: unset;
}
body.rtl .obp_save_plan_table .obp_radio {
  text-align: right;
  padding-left: 0px;
  padding-right: 40px;
}
body.rtl .obp-manage-plan .obp_date_time input {
  padding-right: 0px !important;
  padding-left: 40px !important;
}
body.rtl .obp_save_plan_table .business_hours_field .business_hours_card {
  right: unset;
  left: 0;
}

body.obp-page .obp-wrapper .obp-content-staff .staff_avatar {
  margin: 25px 0;
}
body.obp-page .obp-wrapper .obp-content-staff .staff_avatar .profile-image {
  margin: 8px 0;
  display: flex;
  align-items: baseline;
  gap: 14px;
}
body.obp-page .obp-wrapper .obp-content-staff .staff_avatar .profile-image img {
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 4px;
  object-fit: cover;
}
body.obp-page .obp-wrapper .obp-content-staff .staff_avatar .profile-image i {
  margin-bottom: 0;
}
body.obp-page .obp-wrapper .obp-content-staff .staff-list-wrapper {
  overflow: auto;
}
body.obp-page .obp-wrapper .obp-content-staff .obp-pagination-wrap {
  margin: 20px 0px 0px 0px;
}
body.obp-page .obp-wrapper .obp-content-staff .obp-pagination-wrap .staff-pagination {
  justify-content: flex-start;
}
body.obp-page .obp-wrapper .obp-content-staff .obp-data-list-wrapper .day-off-list-wrapper table, body.obp-page .obp-wrapper .obp-content-staff .obp-data-list-wrapper .day-off-list-wrapper tr, body.obp-page .obp-wrapper .obp-content-staff .obp-data-list-wrapper .day-off-list-wrapper th, body.obp-page .obp-wrapper .obp-content-staff .obp-data-list-wrapper .day-off-list-wrapper td {
  background: transparent;
}
body.obp-page .obp-wrapper .obp-content-staff .obp-data-list-wrapper .day-off-list-wrapper td {
  border-bottom: 1px solid #E7E7E7;
}
body.obp-page .obp-wrapper .obp-content-staff .obp-data-list-wrapper .day-off-list-wrapper td:last-child {
  text-align: right;
}
body.obp-page .obp-wrapper .obp-content-staff .obp-data-list-wrapper .day-off-list-wrapper i {
  vertical-align: middle;
}
body.obp-page .obp-wrapper .obp-content-staff .obp-data-list-wrapper .obp_table_staff_list {
  min-width: 700px;
}
body.obp-page .obp-wrapper .obp-content-staff .obp-data-list-wrapper .obp_table_staff_list .obp_staff_table_heading th {
  background: transparent;
  font-size: 18px;
  font-weight: 600;
  padding: 10px;
  color: #222;
  border-bottom: 1px solid #BCBCBC;
  white-space: nowrap;
}
body.obp-page .obp-wrapper .obp-content-staff .obp-data-list-wrapper .obp_table_staff_list .obp_staff_table_heading th:last-child {
  text-align: right;
}
body.obp-page .obp-wrapper .obp-content-staff .obp-data-list-wrapper .obp_table_staff_list .obp_staff_item_info td {
  border-bottom: 1px solid #EFEFEF;
  padding: 20px 10px;
  background: transparent;
}
body.obp-page .obp-wrapper .obp-content-staff .obp-data-list-wrapper .obp_table_staff_list .obp_staff_item_info td:last-child {
  text-align: right;
}
body.obp-page .obp-wrapper .obp-content-staff .obp-data-list-wrapper .obp_table_staff_list .staff-action {
  display: flex;
  justify-content: flex-end;
  gap: 7px;
}
body.obp-page .obp-wrapper .obp-content-staff .obp-data-list-wrapper .obp_table_staff_list .obp_staff_name_wrap {
  display: flex;
  align-items: center;
  gap: 15px;
}
body.obp-page .obp-wrapper .obp-content-staff .obp-data-list-wrapper .obp_table_staff_list .obp_staff_name_wrap .staff-avatar {
  width: 50px;
  height: 50px;
  overflow: hidden;
}
body.obp-page .obp-wrapper .obp-content-staff .obp-data-list-wrapper .obp_table_staff_list .obp_staff_name_wrap .staff-avatar img {
  width: 50px;
  height: 50px;
  object-fit: cover;
}
body.obp-page .obp-wrapper .obp-content-staff .obp-data-list-wrapper .obp_table_staff_list .show_calendar.is-active, body.obp-page .obp-wrapper .obp-content-staff .obp-data-list-wrapper .obp_table_staff_list .show_holidays.is-active {
  color: var(--obp-primary-color);
}
body.obp-page .obp-wrapper .obp-content-staff .obp-data-list-wrapper .staff-schedule-wrapper {
  display: none;
}
body.obp-page .obp-wrapper .obp-content-staff .obp-data-list-wrapper .obp_staff_day_off {
  display: none;
  background: #F8F8F8;
}
body.obp-page .obp-wrapper .obp-content-staff .obp-data-list-wrapper .day-off-wrapper input {
  margin-bottom: 0;
}
body.obp-page .obp-wrapper .obp-content-staff .obp-data-list-wrapper .day-off-wrapper.toggled {
  display: block;
}
body.obp-page .obp-wrapper .obp-content-staff .obp-data-list-wrapper .day-off-wrapper .obp-second-title {
  font-size: 18px;
}
body.obp-page .obp-wrapper .obp-content-staff .obp-data-list-wrapper .day-off-wrapper .day-off-form {
  position: relative;
  padding: 25px 0px 0px 0px;
}
body.obp-page .obp-wrapper .obp-content-staff .obp-data-list-wrapper .day-off-wrapper .day-off-form .obp_remove_form_day_off {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 999;
}
body.obp-page .obp-wrapper .obp-content-staff .obp-data-list-wrapper .day-off-wrapper .day-off-form .day-off-inner-form {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
body.obp-page .obp-wrapper .obp-content-staff .obp-data-list-wrapper .day-off-wrapper .day-off-form .day-off-inner-form .day-off-end-field {
  display: flex;
  align-items: center;
}
body.obp-page .obp-wrapper .obp-content-staff .obp-data-list-wrapper .day-off-wrapper .day-off-form .day-off-inner-form .day-off-end-field .text-separator {
  display: inline-block;
  margin: 0px 20px 0px 20px;
}
body.obp-page .obp-wrapper .obp-content-staff .obp-data-list-wrapper .day-off-wrapper .day-off-form .off_hours_field {
  display: flex;
  align-items: center;
  position: relative;
}
body.obp-page .obp-wrapper .obp-content-staff .obp-data-list-wrapper .day-off-wrapper .day-off-form .off_hours_field .prefix {
  display: inline-block;
  margin: 0px 20px 0px 20px;
}
body.obp-page .obp-wrapper .obp-content-staff .obp-data-list-wrapper .day-off-wrapper .day-off-form .off_hours_field #off_hours {
  margin-bottom: 0;
}
body.obp-page .obp-wrapper .obp-content-staff .obp-data-list-wrapper .day-off-wrapper .day-off-form .off_hours_field #off_hours_type {
  cursor: pointer;
}
body.obp-page .obp-wrapper .obp-content-staff .obp-data-list-wrapper .day-off-wrapper .day-off-form .off_hours_field .off_hours_card {
  display: none;
  width: 100%;
  top: 65px;
  padding: 10px;
  background: #F9F9F9;
  position: absolute;
  border-radius: 4px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  z-index: 9;
}
body.obp-page .obp-wrapper .obp-content-staff .obp-data-list-wrapper .day-off-wrapper .day-off-form .off_hours_field .off_hours_card label {
  display: flex;
  align-items: center;
  cursor: pointer;
}
body.obp-page .obp-wrapper .obp-content-staff .obp-data-list-wrapper .day-off-wrapper .day-off-form .off_hours_field .off_hours_card label input {
  margin: 0px 10px 0px 0px;
}
body.obp-page .obp-wrapper .obp-content-staff .obp-data-list-wrapper .day-off-wrapper .day-off-form .off_hours_field .off_hours_card .custome_time_card {
  display: none;
}
body.obp-page .obp-wrapper .obp-content-staff .obp-data-list-wrapper .day-off-wrapper .day-off-form .off_hours_field .off_hours_card .custome_time_card .custom_time_items {
  list-style: none;
  margin: 0;
}
body.obp-page .obp-wrapper .obp-content-staff .obp-data-list-wrapper .day-off-wrapper .day-off-form .off_hours_field .off_hours_card .custome_time_card .custom_time_items .custom_time_item {
  display: flex;
}
body.obp-page .obp-wrapper .obp-content-staff .obp-data-list-wrapper .day-off-wrapper .day-off-form .off_hours_field .off_hours_card .custome_time_card .custom_time_items .custom_time_item input {
  border: 1px solid #DEDEDE;
  width: 40%;
  margin: 5px;
  padding: 5px;
  position: relative;
  line-height: 20px;
  border-radius: 2px;
}
body.obp-page .obp-wrapper .obp-content-staff .obp-data-list-wrapper .day-off-wrapper .day-off-form .off_hours_field .off_hours_card .custome_time_card .custom_time_items .custom_time_item input:after {
  top: 0px !important;
  right: 0px !important;
}
body.obp-page .obp-wrapper .obp-content-staff .obp-data-list-wrapper .day-off-wrapper .day-off-form .off_hours_field .off_hours_card .custome_time_card .custom_time_items .custom_time_item span {
  display: inline-block;
}
body.obp-page .obp-wrapper .obp-content-staff .obp-data-list-wrapper .day-off-wrapper .day-off-form .off_hours_field .off_hours_card .custome_time_card .custom_time_items .custom_time_item span i {
  color: #F62C00;
  cursor: pointer;
}
body.obp-page .obp-wrapper .obp-content-staff .obp-data-list-wrapper .day-off-wrapper .day-off-form .off_hours_field .off_hours_card .custome_time_card .card_button {
  margin-top: 5px;
  display: flex;
  justify-content: flex-end;
}
body.obp-page .obp-wrapper .obp-content-staff .obp-data-list-wrapper .day-off-wrapper .day-off-form .off_hours_field .off_hours_card .custome_time_card .card_button .obp_add_off_time {
  background: var(--obp-primary-color);
  color: #fff;
  border-radius: 4px;
  border: 1px solid transparent;
  transition: all 0.3s linear;
}
body.obp-page .obp-wrapper .obp-content-staff .obp-data-list-wrapper .day-off-wrapper .day-off-form .off_hours_field .off_hours_card .custome_time_card .card_button .obp_add_off_time:hover {
  color: var(--obp-primary-color);
  background: #fff;
  border-color: var(--obp-primary-color);
}
body.obp-page .obp-wrapper .obp-content-staff .obp-data-list-wrapper .day-off-wrapper .obp-button-wrapper {
  margin: 24px 0px 0px 0px;
}
body.obp-page .obp-wrapper .obp-content-staff .hours_card {
  transition: all 0.3s ease;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 330px;
  opacity: 0;
  visibility: hidden;
  overflow-y: auto;
  padding: 8px 12px;
  background-color: #F9F9F9;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.14);
  z-index: 10;
}
body.obp-page .obp-wrapper .obp-content-staff .hours_card.toggled {
  top: calc(100% - 20px);
  opacity: 1;
  visibility: visible;
}
body.obp-page .obp-wrapper .obp-content-staff .hours_card label {
  margin: 0;
  color: var(--obp-text-color);
  cursor: pointer;
}
body.obp-page .obp-wrapper .obp-content-staff .hours_card .time_field {
  margin: 12px 0;
  display: flex;
  align-items: center;
  column-gap: 6px;
}
body.obp-page .obp-wrapper .obp-content-staff .hours_card .custom_time_items {
  display: none;
}
body.obp-page .obp-wrapper .obp-content-staff .hours_card .custom_time_items input {
  padding: 12px;
  box-shadow: none;
}
body.obp-page .obp-wrapper .obp-content-staff .hours_card .custom_time_items i.icon-close {
  margin: 0;
  font-size: 18px;
}
body.obp-page .obp-wrapper .obp-content-staff .hours_card .custom_time_items i.bookproicon-remove {
  font-size: 15px;
}
body.obp-page .obp-wrapper .obp-content-staff .hours_card .obp_button {
  margin: 0 24px 8px 24px;
  font-size: 14px;
  padding: 14px;
}

body.rtl .obp-wrapper .obp-content-staff .obp-data-list-wrapper .obp_table_staff_list .obp_staff_table_heading th:last-child {
  text-align: left;
}

.obp-manage-role .obp_add_role_form table, .obp-manage-role .obp_add_role_form tr, .obp-manage-role .obp_add_role_form td, .obp-manage-role .obp_add_role_form th, .obp-manage-role .obp_save_role_form table, .obp-manage-role .obp_save_role_form tr, .obp-manage-role .obp_save_role_form td, .obp-manage-role .obp_save_role_form th {
  border: 0;
}
.obp-manage-role .obp_add_role_form td, .obp-manage-role .obp_save_role_form td {
  vertical-align: top;
}
.obp-manage-role .obp_add_role_form label, .obp-manage-role .obp_save_role_form label {
  cursor: pointer;
}
.obp-manage-role .obp_add_role_form table, .obp-manage-role .obp_save_role_form table {
  margin: 0 !important;
}
.obp-manage-role .obp_add_role_form table table td, .obp-manage-role .obp_save_role_form table table td {
  padding: 0;
}
.obp-manage-role .obp_add_role_form table table label, .obp-manage-role .obp_save_role_form table table label {
  margin-bottom: 20px;
  display: flex;
  justify-items: center;
}
.obp-manage-role .obp_add_role_form table table span, .obp-manage-role .obp_save_role_form table table span {
  color: var(--obp-text-color);
  display: inline-block;
  margin-left: 10px;
  font-weight: 400;
}
.obp-manage-role .obp_add_role_form input[type=checkbox], .obp-manage-role .obp_save_role_form input[type=checkbox] {
  vertical-align: bottom;
  border: 1px solid var(--obp-text-color);
  border-radius: 4px;
}
.obp-manage-role .obp_add_role_form input[type=checkbox]:checked:after, .obp-manage-role .obp_save_role_form input[type=checkbox]:checked:after {
  font-size: 18px !important;
}
.obp-manage-role .obp_add_role_form input[type=text], .obp-manage-role .obp_save_role_form input[type=text] {
  border-radius: 8px !important;
}
.obp-manage-role .obp_save_role_form {
  margin-top: 30px;
  margin-bottom: 30px;
  position: relative;
}
.obp-manage-role .obp_save_role_form .obp_remove_edit_form {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99;
  cursor: pointer;
}
.obp-manage-role .listing_roles {
  overflow: auto;
}
.obp-manage-role .obp_listing_role_table {
  min-width: 450px;
}
.obp-manage-role .obp_listing_role_table tr, .obp-manage-role .obp_listing_role_table th, .obp-manage-role .obp_listing_role_table td {
  background: transparent !important;
}
.obp-manage-role .obp_listing_role_table th:last-child {
  text-align: right;
}
.obp-manage-role .obp_listing_role_table .obp_role_info_row td {
  border-bottom: 1px solid #EFEFEF;
  padding: 20px 10px;
}
.obp-manage-role .obp_listing_role_table th {
  font-size: 18px;
  font-weight: 600;
  padding: 10px;
  color: #222;
  border-bottom: 1px solid #BCBCBC;
  white-space: nowrap;
}
.obp-manage-role .obp_listing_role_table th:first-child {
  width: 100px;
}
.obp-manage-role .obp_listing_role_table .role_action {
  text-align: right;
}
.obp-manage-role .obp_listing_role_table .role_action a {
  transition: all 0.3s linear;
  display: inline-block;
  margin: 0px 5px;
}
.obp-manage-role .obp_listing_role_table .role_action i {
  vertical-align: middle;
}
.obp-manage-role .obp_listing_role_table .role_action .obp_edit_role:hover {
  color: var(--obp-primary-color);
}
.obp-manage-role .obp_listing_role_table .role_action .obp_remove_role:hover {
  color: #F62C00;
}
.obp-manage-role .obp_add_role_wrap, .obp-manage-role .obp_role_edit_wrap {
  display: grid;
  grid-template-columns: 40% 60%;
  gap: 15px;
  margin-bottom: 20px;
}
@media screen and (max-width: 900px) {
  .obp-manage-role .obp_add_role_wrap, .obp-manage-role .obp_role_edit_wrap {
    grid-template-columns: auto;
  }
}
.obp-manage-role .obp_add_role_wrap .obp_cap_table tr, .obp-manage-role .obp_add_role_wrap .obp_cap_table th, .obp-manage-role .obp_add_role_wrap .obp_cap_table td, .obp-manage-role .obp_role_edit_wrap .obp_cap_table tr, .obp-manage-role .obp_role_edit_wrap .obp_cap_table th, .obp-manage-role .obp_role_edit_wrap .obp_cap_table td {
  background: transparent;
}
.obp-manage-role .obp_add_role_wrap .obp_cap_table td, .obp-manage-role .obp_role_edit_wrap .obp_cap_table td {
  padding: 10px 0px;
}
.obp-manage-role .obp_add_role_wrap .obp_cap_table .obp_label_cap, .obp-manage-role .obp_role_edit_wrap .obp_cap_table .obp_label_cap {
  margin: 0px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.obp-manage-role .add_role_title {
  margin-top: 30px !important;
}

body.rtl .obp_save_role_form .obp_remove_edit_form {
  right: unset;
  left: 0;
}
body.rtl .obp_add_role_form table table span {
  margin-left: 0px;
  margin-right: 10px;
}
body.rtl .listing_roles .role_item .role_action {
  margin-left: 0;
  margin-right: auto;
}

.obp-manage-role.rtl .obp_listing_role_table th:last-child {
  text-align: left;
}
.obp-manage-role.rtl .obp_listing_role_table .role_action {
  text-align: left;
}

body.obp-page .obp-wrapper .obp-content-orders .obp-second-title-with-filter .obp-filter-part .search-name-wrapper {
  border-bottom: none;
}
body.obp-page .obp-wrapper .obp-content-orders .obp-second-title-with-filter .obp-filter-part .from_date, body.obp-page .obp-wrapper .obp-content-orders .obp-second-title-with-filter .obp-filter-part .to_date, body.obp-page .obp-wrapper .obp-content-orders .obp-second-title-with-filter .obp-filter-part #post_order_status {
  cursor: pointer;
}
body.obp-page .obp-wrapper .obp-content-orders .obp-table-responsive {
  overflow-x: auto;
}
body.obp-page .obp-wrapper .obp-content-orders .obp-order-table {
  width: 100%;
  background: #fff;
  border-collapse: collapse;
}
body.obp-page .obp-wrapper .obp-content-orders .obp-order-table tr, body.obp-page .obp-wrapper .obp-content-orders .obp-order-table th, body.obp-page .obp-wrapper .obp-content-orders .obp-order-table td {
  background: #fff;
  white-space: nowrap;
  font-size: 15px;
  border-bottom: 1px solid #E3E3E3;
  border-collapse: collapse;
}
body.obp-page .obp-wrapper .obp-content-orders .obp-order-table tr:first-child th {
  color: #222;
  font-size: 18px;
  font-weight: 600;
  padding: 10px;
  border-bottom: 1px solid #BCBCBC;
}
body.obp-page .obp-wrapper .obp-content-orders .obp-order-table .icon i {
  font-size: 14px;
}
body.obp-page .obp-wrapper .obp-content-orders .obp-order-table td {
  color: var(--obp-text-color);
  padding: 20px 10px;
}
body.obp-page .obp-wrapper .obp-content-orders .obp-order-table .obp_order_detail_popup {
  color: var(--obp-primary-color);
}
body.obp-page .obp-wrapper .obp-content-orders .obp-order-table .obp_order_orderby_ID, body.obp-page .obp-wrapper .obp-content-orders .obp-order-table .obp_order_orderby_name {
  cursor: pointer;
}
body.obp-page .obp-wrapper .obp-content-orders .obp-order-table .order-items {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
body.obp-page .obp-wrapper .obp-content-orders .obp-order-table .order-items .item .service_name {
  margin: 0px;
}
body.obp-page .obp-wrapper .obp-content-orders .obp-order-table .order-items .item .service_name a {
  color: var(--obp-heading-color);
  font-weight: 500;
  transition: all 0.3s linear;
}
body.obp-page .obp-wrapper .obp-content-orders .obp-order-table .order-items .item .service_name a:hover {
  color: var(--obp-primary-color);
}
body.obp-page .obp-wrapper .obp-content-orders .obp-order-table .order-items .item .info {
  font-size: 12px;
  color: var(--obp-text-color);
}
body.obp-page .obp-wrapper .obp-content-orders .obp-order-table .order_action_wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}
body.obp-page .obp-wrapper .obp-content-orders .obp-order-table .order_action_wrapper a {
  transition: all 0.3s linear;
}
body.obp-page .obp-wrapper .obp-content-orders .obp-order-table .order_action_wrapper a:hover {
  color: var(--obp-primary-color);
}
body.obp-page .obp-wrapper .obp-content-orders .obp-order-table .order_status {
  display: inline-block;
  padding: 7px 10px;
  border-radius: 4px;
}
body.obp-page .obp-wrapper .obp-content-orders .obp-order-table .order_obp_pending, body.obp-page .obp-wrapper .obp-content-orders .obp-order-table .order_obp_cancelled, body.obp-page .obp-wrapper .obp-content-orders .obp-order-table .order_obp_refunded {
  color: #454545;
  background: #e5e5e5;
}
body.obp-page .obp-wrapper .obp-content-orders .obp-order-table .order_obp_processing {
  background: #c6e1c6;
  color: #2c4700;
}
body.obp-page .obp-wrapper .obp-content-orders .obp-order-table .order_obp_completed {
  background: #c8d7e1;
  color: #003d66;
}
body.obp-page .obp-wrapper .obp-content-orders .obp-order-table .order_obp_expired {
  background: #eba3a3;
  color: #570000;
}
body.obp-page .obp-wrapper .obp-content-manage-orders .obp-data-list-wrapper .obp-data-list .obp-data-info {
  width: 100%;
}
body.obp-page .obp-wrapper .obp_order_footer .obp_order_actions {
  display: flex;
  gap: 15px;
  align-items: end;
  margin: 20px 0px 0px 0px;
}
@media screen and (max-width: 479px) {
  body.obp-page .obp-wrapper .obp_order_footer .obp_order_actions {
    display: block;
  }
}

.obp_order_detail_popup_wrapper table, .obp_order_detail_popup_wrapper tr, .obp_order_detail_popup_wrapper th, .obp_order_detail_popup_wrapper td {
  background: #fff !important;
}
.obp_order_detail_popup_wrapper th, .obp_order_detail_popup_wrapper td {
  padding: 10px !important;
}
.obp_order_detail_popup_wrapper .obp_order_items {
  border-bottom: 1px solid #222;
  border-collapse: collapse;
}
.obp_order_detail_popup_wrapper .obp_order_items tr, .obp_order_detail_popup_wrapper .obp_order_items th, .obp_order_detail_popup_wrapper .obp_order_items td {
  border-bottom: 1px solid #222;
  font-size: 12px;
}
.obp_order_detail_popup_wrapper .obp_total_wrap {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.obp_order_detail_popup_wrapper .obp_total_wrap .obp_total_table {
  width: 50%;
  border-bottom: 1px solid #222;
  border-collapse: collapse;
}
.obp_order_detail_popup_wrapper .obp_total_wrap .obp_total_table tr, .obp_order_detail_popup_wrapper .obp_total_wrap .obp_total_table th, .obp_order_detail_popup_wrapper .obp_total_wrap .obp_total_table td {
  border-bottom: 1px solid #222;
}

.obp_order_info_wrapper .obp_total_wrap {
  display: flex;
  justify-content: flex-end;
}
.obp_order_info_wrapper .obp_total_wrap .obp_total_table {
  max-width: 500px;
}

.obp-overall-schedule .obp_all_schedules_wrap #all_schedules_calendar {
  background-color: #f8f8f8;
}
.obp-overall-schedule .obp_all_schedules_wrap .obp_all_schedules_filter {
  display: flex;
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 1px solid #E8E8E8;
}
@media screen and (max-width: 767px) {
  .obp-overall-schedule .obp_all_schedules_wrap .obp_all_schedules_filter {
    display: block;
  }
}
.obp-overall-schedule .obp_all_schedules_wrap .obp_all_schedules_filter .filter_title {
  font-size: 20px;
  color: var(--obp-heading-color);
  font-weight: 500;
}
.obp-overall-schedule .obp_all_schedules_wrap .obp_all_schedules_filter .filter_main {
  margin: 0;
  margin-left: auto;
  display: flex;
  align-items: center;
  column-gap: 30px;
}
.obp-overall-schedule .obp_all_schedules_wrap .obp_all_schedules_filter .filter_main .obp_all_schedule_submit {
  display: inline-block;
  background: transparent;
  padding: 0;
  border: 1px solid transparent;
  transition: all 0.3s linear;
}
.obp-overall-schedule .obp_all_schedules_wrap .obp_all_schedules_filter .filter_main .obp_all_schedule_submit:hover {
  color: var(--obp-primary-color);
}
.obp-overall-schedule .obp_all_schedules_wrap .obp_all_schedules_filter .filter_main select, .obp-overall-schedule .obp_all_schedules_wrap .obp_all_schedules_filter .filter_main input {
  margin: 0;
  padding: 0 20px;
  border: 0;
}
.obp-overall-schedule .obp_all_schedules_wrap .obp_all_schedules_filter .filter_main #obp_customer_name {
  min-width: 200px;
}
.obp-overall-schedule .obp_all_schedules_wrap .obp_all_schedules_filter .filter_main #obp_staff {
  min-width: 150px;
  color: var(--obp-heading-color);
}
@media screen and (max-width: 767px) {
  .obp-overall-schedule .obp_all_schedules_wrap .obp_all_schedules_filter .filter_main {
    display: block;
  }
  .obp-overall-schedule .obp_all_schedules_wrap .obp_all_schedules_filter .filter_main select, .obp-overall-schedule .obp_all_schedules_wrap .obp_all_schedules_filter .filter_main input {
    margin-top: 20px;
  }
  .obp-overall-schedule .obp_all_schedules_wrap .obp_all_schedules_filter .filter_main .obp_all_schedule_submit {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 10px;
    padding: 10px 0px;
    border-color: #E8E8E8;
    border-radius: 4px;
  }
}

body.rtl .obp_all_schedules_wrap .obp_all_schedules_filter .filter_main {
  margin-left: 0;
  margin-right: auto;
}

.obp_staff_schedule_wrap .obp_staff_schedule_filter {
  display: flex;
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 1px solid #E8E8E8;
}
@media screen and (max-width: 767px) {
  .obp_staff_schedule_wrap .obp_staff_schedule_filter {
    display: block;
  }
}
.obp_staff_schedule_wrap .obp_staff_schedule_filter .filter_title {
  font-size: 20px;
  color: var(--obp-heading-color);
  font-weight: 500;
}
.obp_staff_schedule_wrap .obp_staff_schedule_filter .filter_main {
  margin: 0;
  margin-left: auto;
  display: flex;
  align-items: center;
  column-gap: 30px;
}
.obp_staff_schedule_wrap .obp_staff_schedule_filter .filter_main .obp_staff_schedule_submit {
  display: inline-block;
  background: transparent;
  padding: 0;
  border: 1px solid transparent;
  transition: all 0.3s linear;
}
.obp_staff_schedule_wrap .obp_staff_schedule_filter .filter_main .obp_staff_schedule_submit:hover {
  color: var(--obp-primary-color);
}
.obp_staff_schedule_wrap .obp_staff_schedule_filter .filter_main #obp_customer_name {
  min-width: 200px;
  margin: 0;
  padding: 0 20px;
  border: 0;
}
@media screen and (max-width: 767px) {
  .obp_staff_schedule_wrap .obp_staff_schedule_filter .filter_main {
    display: block;
  }
  .obp_staff_schedule_wrap .obp_staff_schedule_filter .filter_main input {
    margin-top: 20px;
  }
  .obp_staff_schedule_wrap .obp_staff_schedule_filter .filter_main .obp_staff_schedule_submit {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 10px;
    padding: 10px 0px;
    border-color: #E8E8E8;
    border-radius: 4px;
  }
}

.ZebraDialog * {
  box-sizing: border-box !important;
}

.select2-container {
  z-index: 9999;
}

.obp_booking_dialog.ZebraDialog {
  z-index: 9999;
}
.obp_booking_dialog .ZebraDialog_Body {
  padding: 0;
  overflow-x: hidden; /* Hide horizontal scrollbar */
  overflow-y: auto; /* Add vertical scrollbar */
}
.obp_booking_dialog .ZebraDialog_Body > div {
  padding: 0 !important;
}
.obp_booking_dialog table:not(.has-background) tbody td {
  background: #fff;
}

.obp_booking_discard .ZebraDialog_Button_0 {
  font-weight: 500;
  background: var(--obp-primary-color);
  color: #fff;
  text-transform: none;
}
.obp_booking_discard .ZebraDialog_Button_1 {
  font-weight: 500;
  text-transform: none;
  color: #000;
  border: 1px solid #e6e6e6;
}
.obp_booking_discard a {
  transition: all 0.3s linear;
}
.obp_booking_discard a:hover, .obp_booking_discard a:focus {
  color: #fff !important;
  background: var(--obp-primary-color) !important;
}

.obp_booking_back {
  color: #fff;
  background: var(--obp-primary-color);
  border: 1px solid transparent;
  border-radius: 4px;
  display: inline-block;
  padding: 15px 20px;
  font-size: 15px;
  font-weight: 500;
  transition: all 0.3s linear;
}
.obp_booking_back:hover {
  color: var(--obp-primary-color);
  background: #fff;
  border-color: var(--obp-primary-color);
}

.obp_booking_info {
  padding-top: 20px;
  text-align: center;
}

.obp_booking_form_popup {
  /* Customize the label (the container) */
  /* Hide the browser's default radio button */
  /* Create a custom radio button */
  /* On mouse-over, add a grey background color */
  /* When the radio button is checked, add a blue background */
}
.obp_booking_form_popup input[type=radio] {
  width: 20px;
  height: 20px;
  background-color: #fff;
  appearance: none;
  border-radius: 50%;
  cursor: pointer;
}
.obp_booking_form_popup input[type=radio]:checked:after {
  display: inline-block;
  position: relative;
  top: -1px;
  left: -1px;
  content: "";
  width: 22px;
  height: 20px;
  border-radius: 50%;
  background-color: var(--obp-primary-color);
}
.obp_booking_form_popup input[type=radio]:focus {
  outline: none;
}
.obp_booking_form_popup input[type=checkbox] {
  width: 22px;
  height: 22px;
  border: 1px solid #dedede;
  background-color: #fff;
  border-radius: 4px;
  appearance: none;
  line-height: 22px;
  cursor: pointer;
}
.obp_booking_form_popup input[type=checkbox]:checked:after {
  font-family: "flaticon_bookpro" !important;
  font-size: 20px;
  line-height: 1;
  content: "\f11d";
  color: var(--obp-primary-color);
}
.obp_booking_form_popup input[type=checkbox]:focus {
  outline: none;
}
.obp_booking_form_popup .obp_radio {
  display: block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.obp_booking_form_popup .obp_radio.inline {
  display: inline-block;
}
.obp_booking_form_popup .obp_checkbox {
  display: inline-flex !important;
  align-items: center;
  column-gap: 10px;
}
.obp_booking_form_popup .obp_radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.obp_booking_form_popup .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #dedede;
  transition: all 0.3s linear;
  box-sizing: border-box;
}
.obp_booking_form_popup .obp_radio:hover input ~ .checkmark {
  background-color: #ccc;
}
.obp_booking_form_popup .obp_radio input:checked ~ .checkmark:after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: var(--obp-primary-color);
}
.obp_booking_form_popup .obp_booking_form {
  margin: 0;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-calendar-wrapper .month-year {
  color: var(--obp-heading-color);
  font-size: 25px;
  font-weight: 500;
  text-align: center;
  margin: 10px 0px 0px 0px;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-calendar-wrapper .obp-calendar-slider {
  position: relative;
  padding: 20px 100px;
}
@media screen and (max-width: 479px) {
  .obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-calendar-wrapper .obp-calendar-slider {
    padding: 10px 60px;
  }
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-calendar-wrapper .obp-calendar-slider .date-card {
  padding: 20px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  background: #fff;
  cursor: pointer;
  font-weight: 500;
  color: var(--obp-input-color);
  transition: all 0.3s linear;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-calendar-wrapper .obp-calendar-slider .date-card:hover {
  border-color: var(--obp-primary-color);
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-calendar-wrapper .obp-calendar-slider .date-card.is-active {
  border-color: var(--obp-primary-color);
  background: var(--obp-primary-color);
  color: #fff;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-calendar-wrapper .obp-calendar-slider .owl-carousel .owl-nav.disabled {
  display: block !important;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-calendar-wrapper .obp-calendar-slider .owl-nav button {
  position: absolute;
  z-index: 999;
  margin: 0;
  font-size: 35px;
  line-height: 35px;
  height: 35px;
  box-shadow: none;
  background: #fff;
  border-radius: 50%;
  overflow: hidden;
  transition: all 0.3s linear;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-calendar-wrapper .obp-calendar-slider .owl-nav button i {
  color: var(--obp-placeholder-color);
  line-height: 35px;
  height: 35px;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-calendar-wrapper .obp-calendar-slider .owl-theme .owl-nav {
  width: 100%;
  height: 100%;
  margin: 0;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-calendar-wrapper .obp-calendar-slider .owl-theme .owl-nav .owl-prev {
  position: absolute;
  left: -50px;
  top: 50%;
  transform: translateY(-50%);
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-calendar-wrapper .obp-calendar-slider .owl-theme .owl-nav .owl-next {
  position: absolute;
  right: -50px;
  top: 50%;
  transform: translateY(-50%);
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-calendar-wrapper .obp-calendar-slider .owl-theme .owl-nav [class*=owl-]:hover i {
  background: #fff;
  color: var(--obp-primary-color);
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-calendar-content {
  position: relative;
  border-top: 1px solid #EDEDED;
  padding: 20px 0px 0px 0px;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-calendar-content .obp-time-container {
  padding: 0px 60px;
}
@media screen and (max-width: 479px) {
  .obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-calendar-content .obp-time-container {
    padding: 0px 30px;
  }
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-calendar-content .obp-time-container .times_day_container {
  display: flex;
  justify-content: center;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-calendar-content .obp-time-container .times_day_container .times_day {
  display: flex;
  justify-content: center;
  border-radius: 4px;
  background: #F4F4F4;
  padding: 5px;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-calendar-content .obp-time-container .times_day_container .times_day .time {
  cursor: pointer;
  padding: 10px 20px;
  transition: all 0.3s linear;
  color: var(--obp-text-color);
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-calendar-content .obp-time-container .times_day_container .times_day .time.is-active {
  border-radius: 4px;
  background: #fff;
  color: var(--obp-heading-color);
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-calendar-content .obp-time-container .times_day_container .times_day .time.is-disable {
  border: 0;
  cursor: not-allowed;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-calendar-content .obp-time-container .obp-time-slider {
  position: relative;
  padding: 0px 40px;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-calendar-content .obp-time-container .obp-time-slider {
    padding: 0px 20px;
  }
}
@media screen and (max-width: 479px) {
  .obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-calendar-content .obp-time-container .obp-time-slider {
    padding: 0px;
  }
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-calendar-content .obp-time-container .obp-time-slider .item {
  padding-top: 10px;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-calendar-content .obp-time-container .obp-time-slider .item .time-card {
  position: relative;
  transition: all 0.3s linear;
  padding: 10px;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  background: #fff;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s linear;
  color: var(--obp-heading-color);
  font-size: 14px;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-calendar-content .obp-time-container .obp-time-slider .item .time-card:hover {
  border-color: var(--obp-primary-color);
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-calendar-content .obp-time-container .obp-time-slider .item .time-card.is-active {
  border-color: var(--obp-primary-color);
  background: var(--obp-primary-color);
  color: #fff;
  cursor: auto;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-calendar-content .obp-time-container .obp-time-slider .item .time-card .sale_percent {
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 99999;
  display: inline-block;
  background: #f1fff6;
  color: #5BBB7B;
  padding: 3px 5px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 700;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-calendar-content .obp-time-container .owl-nav button {
  position: absolute;
  z-index: 999;
  margin: 0;
  font-size: 35px;
  line-height: 35px;
  height: 35px;
  box-shadow: none;
  background: #fff;
  border-radius: 50%;
  overflow: hidden;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-calendar-content .obp-time-container .owl-nav button i {
  color: var(--obp-placeholder-color);
  line-height: 35px;
  height: 35px;
  transition: all 0.3s linear;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-calendar-content .obp-time-container .owl-theme .owl-nav [class*=owl-]:hover i {
  background: #fff;
  color: var(--obp-primary-color);
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-calendar-content .obp-time-container .owl-theme .owl-nav {
  width: 100%;
  height: 100%;
  margin: 0;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-calendar-content .obp-time-container .owl-theme .owl-nav .owl-prev {
  position: absolute;
  left: -50px;
  top: 50%;
  transform: translateY(-50%);
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-calendar-content .obp-time-container .owl-theme .owl-nav .owl-next {
  position: absolute;
  right: -50px;
  top: 50%;
  transform: translateY(-50%);
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-order-wrap {
  padding: 0px 60px 20px 60px;
}
@media screen and (max-width: 479px) {
  .obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-order-wrap {
    padding: 0px 30px 20px 30px;
  }
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-order-wrap .obp-order-container .ui-state-highlight {
  margin-top: 30px;
  display: block;
  height: 128px;
  background: #F4F4F4;
  border: 0;
  border-radius: 4px;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-order-wrap .obp-order-container .obp-order-item {
  margin-top: 30px;
  background: #F4F4F4;
  position: relative;
  border-radius: 4px;
  padding: 15px 30px;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-order-wrap .obp-order-container .obp-order-item .sort_item {
  position: absolute;
  top: 14px;
  left: -10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-order-wrap .obp-order-container .obp-order-item .sort_item i {
  font-size: 20px;
  height: 20px;
  line-height: 20px;
  color: var(--obp-text-color);
  transition: all 0.3s linear;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-order-wrap .obp-order-container .obp-order-item .sort_item:hover i {
  color: var(--obp-primary-color);
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-order-wrap .obp-order-container .obp-order-item .remove_item {
  position: absolute;
  top: -15px;
  right: -15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 30px;
  width: 30px;
  height: 30px;
  color: var(--obp-text-color);
  background: #fff;
  border-radius: 50%;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-order-wrap .obp-order-container .obp-order-item .remove_item i {
  display: inline-flex;
  font-size: 20px;
  transition: all 0.3s linear;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-order-wrap .obp-order-container .obp-order-item .remove_item:hover {
  color: #F62C00;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-order-wrap .obp-order-container .obp-order-item .obp-order-wait {
  position: absolute;
  bottom: -25px;
  left: 50%;
  font-size: 14px;
  font-weight: 500;
  transform: translateX(-50%);
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-order-wrap .obp-order-container .obp-order-item .order-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 5px;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-order-wrap .obp-order-container .obp-order-item .order-meta .service-name {
  font-size: 15px;
  font-weight: 500;
  color: var(--obp-heading-color);
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-order-wrap .obp-order-container .obp-order-item .order-meta .service-info {
  text-align: right;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-order-wrap .obp-order-container .obp-order-item .order-meta .service-info .price {
  white-space: nowrap;
  color: var(--obp-heading-color);
  font-weight: 700;
  font-size: 15px;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-order-wrap .obp-order-container .obp-order-item .order-meta .service-info .price .old_price {
  display: inline-block;
  margin-right: 5px;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-order-wrap .obp-order-container .obp-order-item .order-meta .service-info .price .old_price * {
  text-decoration: line-through;
  font-weight: 400;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-order-wrap .obp-order-container .obp-order-item .order-meta .service-info .times {
  color: var(--obp-text-color);
  font-weight: 500;
  font-size: 15px;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-order-wrap .obp-order-container .obp-order-item .staff-info {
  display: flex;
  align-items: center;
  padding-top: 10px;
  border-top: 1px solid #DFDFDF;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-order-wrap .obp-order-container .obp-order-item .staff-info .staff-title {
  font-size: 14px;
  color: #666;
  margin: 0px;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-order-wrap .obp-order-container .obp-order-item .staff-info .avatar {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0px 0px 0px 5px;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-order-wrap .obp-order-container .obp-order-item .staff-info .staff-name {
  margin: 0;
  font-size: 14px;
  display: inline-block;
  margin-left: 17px;
  font-weight: 400;
  color: var(--obp-heading-color);
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-order-wrap .obp-order-container .obp-order-item .staff-info .edit-staff {
  font-size: 20px;
  color: var(--obp-text-color);
  transition: all 0.3s linear;
  margin-left: 10px;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-order-wrap .obp-order-container .obp-order-item .staff-info .edit-staff:hover {
  color: var(--obp-primary-color);
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-order-wrap .obp-order-container .obp-order-item .service-packages .package_group {
  margin: 10px 0px;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-order-wrap .obp-order-container .obp-order-item .service-packages .package_group .package_label {
  font-weight: 600;
  margin: 15px 0px 5px 0px;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-order-wrap .obp-order-container .obp-order-item .service-packages .package_group .package-item {
  position: relative;
  margin: 5px 0px;
  vertical-align: middle;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-order-wrap .obp-order-container .obp-order-item .service-packages .package_group .package-item label {
  cursor: pointer;
  display: inline-block;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-order-wrap .obp-order-container .obp-order-item .service-packages .package_group .package-item .obp_remove_package {
  font-size: 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
  color: red;
  vertical-align: sub;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-order-wrap .obp-order-container .obp-order-item .service-packages .package_group .package-item .obp_remove_package i {
  display: inline-flex;
  width: 20px;
  height: 20px;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-order-wrap .obp_add_another_service {
  margin-top: 25px;
  display: inline-block;
  color: var(--obp-primary-color);
  font-size: 15px;
  font-weight: 500;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-order-wrap .obp_add_another_service .plus {
  vertical-align: middle;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-order-wrap .obp_add_another_service .plus i {
  font-size: 20px;
  line-height: 20px;
  height: 20px;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-booking-footer {
  position: sticky;
  bottom: 0;
  z-index: 9999;
  padding-top: 30px;
  border-top: 1px solid #EDEDED;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-booking-footer {
    position: static;
    bottom: unset;
  }
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-booking-footer .footer_wrapper {
  padding: 0px 60px;
}
@media screen and (max-width: 479px) {
  .obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-booking-footer .footer_wrapper {
    padding: 0px 30px;
  }
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-booking-footer .footer_wrapper .footer_inner {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-booking-footer .footer_wrapper .footer_inner {
    display: block;
  }
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-booking-footer .footer_wrapper .footer_inner .coupon-code-wrap .label {
  margin: 0px 0px 12px 0px;
  color: var(--obp-heading-color);
  font-size: 15px;
  font-weight: 500;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-booking-footer .footer_wrapper .footer_inner .coupon-code-wrap .coupon-container {
  margin: 0;
  position: relative;
  width: 260px;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-booking-footer .footer_wrapper .footer_inner .coupon-code-wrap .coupon-container .coupon_code {
  width: 100%;
  height: 46px;
  border-radius: 4px;
  border: 1px solid #DEDEDE;
  font-size: 15px;
  padding: 10px 50px 10px 10px;
  color: var(--obp-heading-color);
  background: #fff;
  box-shadow: none;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-booking-footer .footer_wrapper .footer_inner .coupon-code-wrap .coupon-container .coupon_code:placeholder {
  color: var(--obp-placeholder-color);
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-booking-footer .footer_wrapper .footer_inner .coupon-code-wrap .coupon-container .coupon_code_apply {
  position: absolute;
  right: 0px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0px 11px;
  height: 46px;
  background: var(--obp-primary-color);
  border-top-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0;
  color: #fff;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-booking-footer .footer_wrapper .footer_inner .coupon-code-wrap .coupon-container .coupon_code_apply i {
  font-size: 20px;
  height: 20px;
  line-height: 20px;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-booking-footer .footer_wrapper .footer_inner .coupon-code-wrap .coupon_message {
  margin: 10px 0px;
  font-style: italic;
  color: red;
}
@media screen and (max-width: 767px) {
  .obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-booking-footer .footer_wrapper .footer_inner .billing-container {
    margin-top: 20px;
  }
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-booking-footer .footer_wrapper .footer_inner .billing-container table, .obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-booking-footer .footer_wrapper .footer_inner .billing-container tr, .obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-booking-footer .footer_wrapper .footer_inner .billing-container td {
  border: 0;
  background: transparent !important;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-booking-footer .footer_wrapper .footer_inner .billing-container .billing-table {
  margin: 0;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-booking-footer .footer_wrapper .footer_inner .billing-container td {
  padding: 0;
  padding-bottom: 10px;
  text-align: right;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-booking-footer .footer_wrapper .footer_inner .billing-container td .label {
  color: var(--obp-text-color);
  font-size: 15px;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-booking-footer .footer_wrapper .footer_inner .billing-container td .price {
  color: var(--obp-heading-color);
  font-size: 15px;
  font-weight: 500;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-booking-footer .footer_wrapper .footer_inner .billing-container .first_column {
  padding-right: 30px;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-booking-footer .footer_wrapper .footer_inner .billing-container .billing-total {
  text-align: right;
  border-top: 1px solid #EDEDED;
  padding-top: 10px;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-booking-footer .footer_wrapper .footer_inner .billing-container .billing-total .total .label {
  color: var(--obp-text-color);
  font-size: 15px;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-booking-footer .footer_wrapper .footer_inner .billing-container .billing-total .total .total-price {
  color: var(--obp-heading-color);
  font-size: 32px;
  font-weight: 700;
  margin-left: 20px;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-booking-footer .footer_wrapper .footer_inner .billing-container .billing-total .total-time {
  color: var(--obp-text-color);
  font-size: 15px;
}
.obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-booking-footer .footer_wrapper .obp_booking_continue {
  display: block;
  margin-top: 15px;
  max-width: 100%;
  width: 100%;
  background: var(--obp-primary-color);
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  transition: all 0.3s linear;
  border: 1px solid transparent;
  border-radius: 4px;
}

.obp_booking_staff_container {
  padding: 30px 40px;
}
.obp_booking_staff_container .popup-title {
  color: var(--obp-heading-color);
  font-size: 25px;
  font-weight: 500;
}
.obp_booking_staff_container .list_staffs {
  margin-top: 15px;
}
.obp_booking_staff_container .list_staffs .staff-card {
  display: flex;
  align-items: center;
  column-gap: 20px;
  border: 1px solid #D9D9D9;
  transition: all 0.3s linear;
  padding: 5px;
  cursor: pointer;
}
.obp_booking_staff_container .list_staffs .staff-card:not(:first-child) {
  margin-top: 10px;
}
.obp_booking_staff_container .list_staffs .staff-card:hover, .obp_booking_staff_container .list_staffs .staff-card.is-active {
  border-color: var(--obp-primary-color);
  background: var(--obp-primary-color);
}
.obp_booking_staff_container .list_staffs .staff-card:hover .staff-name, .obp_booking_staff_container .list_staffs .staff-card.is-active .staff-name {
  color: #fff;
}
.obp_booking_staff_container .list_staffs .staff-card.is-active {
  cursor: auto;
}
.obp_booking_staff_container .list_staffs .staff-card .avatar {
  width: 50px;
}
.obp_booking_staff_container .list_staffs .staff-card .avatar img {
  display: block;
  width: 100%;
}
.obp_booking_staff_container .list_staffs .staff-card .staff-name {
  margin: 0;
  font-size: 20px;
  color: var(--obp-heading-color);
  font-weight: 500;
  transition: all 0.3s linear;
}

.obp_booking_payment_method_step {
  display: none;
}

.obp_booking_service_container {
  padding: 20px 60px;
}
@media screen and (max-width: 767px) {
  .obp_booking_service_container {
    padding: 20px 30px;
  }
}
@media screen and (max-width: 479px) {
  .obp_booking_service_container {
    padding: 0;
  }
}
.obp_booking_service_container .obp_booking_search_service {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
.obp_booking_service_container .obp_booking_search_service #obp_search_service {
  width: 100%;
  height: 50px;
  padding: 10px 10px 10px 40px;
  border-radius: 5px;
  border: 1px solid #DEDEDE;
  background: #fff;
  box-shadow: none;
}
.obp_booking_service_container .obp_booking_search_service i {
  position: absolute;
  font-size: 20px;
  display: inline-flex;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
}
.obp_booking_service_container .obp_booking_services {
  margin-top: 20px;
}
.obp_booking_service_container .obp_booking_services .service_section {
  padding: 10px 0px;
}
.obp_booking_service_container .obp_booking_services .service_section .service_title {
  margin: 0;
}
.obp_booking_service_container .obp_booking_services .service_section .service_title a {
  display: flex;
  width: 100%;
  align-items: center;
  column-gap: 10px;
}
.obp_booking_service_container .obp_booking_services .service_section .service_title .service_category {
  font-size: 20px;
  color: var(--obp-heading-color);
  font-weight: 500;
}
.obp_booking_service_container .obp_booking_services .service_section .service_title i {
  display: inline-flex;
  font-size: 20px;
  vertical-align: middle;
  color: var(--obp-text-color);
}
.obp_booking_service_container .obp_booking_services .service_section .service_title i.is-active {
  transform: rotate(90deg);
}
.obp_booking_service_container .obp_booking_services .service_section .service_title .service_counter {
  display: inline-block;
  font-size: 15px;
  color: var(--obp-input-color);
  background: #F1F1F1;
  border-radius: 4px;
  padding: 5px 7px;
}
.obp_booking_service_container .obp_booking_services .service_section .service_section_content .service-card {
  display: flex;
  align-items: center;
  padding: 25px 0px;
  border-bottom: 1px solid #D9D9D9;
}
.obp_booking_service_container .obp_booking_services .service_section .service_section_content .service-card .service_entry .service_name {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  color: var(--obp-heading-color);
}
.obp_booking_service_container .obp_booking_services .service_section .service_section_content .service-card .service_entry .service_save {
  margin-top: 10px;
  display: inline-block;
  background: #000;
  color: #fff;
  padding: 5px 10px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 700;
}
.obp_booking_service_container .obp_booking_services .service_section .service_section_content .service-card .service_meta {
  margin-left: auto;
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.obp_booking_service_container .obp_booking_services .service_section .service_section_content .service-card .service_meta .service_info .price {
  font-weight: 700;
  font-size: 15px;
  color: var(--obp-heading-color);
}
.obp_booking_service_container .obp_booking_services .service_section .service_section_content .service-card .service_meta .service_info .price .old_price {
  margin-right: 5px;
}
.obp_booking_service_container .obp_booking_services .service_section .service_section_content .service-card .service_meta .service_info .price .old_price * {
  text-decoration: line-through;
  font-weight: 400;
}
.obp_booking_service_container .obp_booking_services .service_section .service_section_content .service-card .service_meta .service_info .price span {
  display: inline-block;
}
.obp_booking_service_container .obp_booking_services .service_section .service_section_content .service-card .service_meta .service_info .times {
  font-size: 12px;
  color: var(--obp-text-color);
  text-align: right;
}
.obp_booking_service_container .obp_booking_services .service_section .service_section_content .service-card .service_meta .service_info .dashicons-info {
  color: #444;
  font-size: 16px;
}
.obp_booking_service_container .obp_booking_services .service_section .service_section_content .service-card .service_meta .obp_add_service {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  background: var(--obp-primary-color);
  border: 1px solid transparent;
  transition: all 0.3s linear;
}
.obp_booking_service_container .obp_booking_services .service_section .service_section_content .service-card .service_meta .obp_add_service:hover {
  color: var(--obp-primary-color);
  background: #fff;
  border-color: var(--obp-primary-color);
}

body.rtl .obp_booking_staff_container {
  text-align: right;
}
body.rtl .obp_booking_discard .ZebraDialog_Title {
  text-align: right;
}
body.rtl .obp_booking_discard .ZebraDialog_Title .ZebraDialog_Close {
  right: unset;
  left: 10px;
}
body.rtl .obp_booking_discard .ZebraDialog_Body {
  text-align: right;
  padding-left: 0;
  padding-right: 108px;
  background-position: top 10px right 25px;
}
body.rtl .ZebraDialog_NoTitle .ZebraDialog_Close {
  right: unset;
  left: 2px;
}
body.rtl .obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-calendar-wrapper .obp-calendar-slider .owl-theme .owl-nav .owl-prev {
  left: unset;
  right: -50px;
}
body.rtl .obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-calendar-wrapper .obp-calendar-slider .owl-theme .owl-nav .owl-next {
  right: unset;
  left: -50px;
}
body.rtl .obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-calendar-content .obp-time-container .owl-theme .owl-nav .owl-prev {
  left: unset;
  right: -50px;
}
body.rtl .obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-calendar-content .obp-time-container .owl-theme .owl-nav .owl-next {
  right: unset;
  left: -50px;
}
body.rtl .obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-order-wrap {
  text-align: right;
}
body.rtl .obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-order-wrap .obp-order-container .obp-order-item .remove_item {
  right: unset;
  left: -15px;
}
body.rtl .obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-order-wrap .obp-order-container .obp-order-item .sort_item {
  left: unset;
  right: -10px;
}
body.rtl .obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-order-wrap .obp-order-container .obp-order-item .staff-info .staff-name {
  margin-left: 0px;
  margin-right: 17px;
}
body.rtl .obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-order-wrap .obp-order-container .obp-order-item .staff-info .edit-staff {
  margin-left: 0px;
  margin-right: 10px;
}
body.rtl .obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-order-wrap .obp-order-container .obp-order-item .order-meta .service-info .price {
  text-align: left;
}
body.rtl .obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-booking-footer .footer_wrapper .footer_inner {
  text-align: right;
}
body.rtl .obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-booking-footer .footer_wrapper .footer_inner .coupon-code-wrap .coupon-container .coupon_code {
  padding: 10px 10px 10px 50px;
}
body.rtl .obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-booking-footer .footer_wrapper .footer_inner .coupon-code-wrap .coupon-container .coupon_code_apply {
  right: unset;
  left: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 4px;
}
body.rtl .obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-booking-footer .footer_wrapper .footer_inner .coupon-code-wrap .coupon-container .coupon_code_apply i {
  transform: rotate(180deg);
}
body.rtl .obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-booking-footer .footer_wrapper .footer_inner .billing-container .first_column {
  padding-right: 0px;
  padding-left: 30px;
}
body.rtl .obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-booking-footer .footer_wrapper .footer_inner .billing-container .second_column {
  text-align: left;
}
body.rtl .obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-booking-footer .footer_wrapper .footer_inner .billing-container .billing-total .total .label {
  text-align: right;
}
body.rtl .obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-booking-footer .footer_wrapper .footer_inner .billing-container .billing-total .total .total-price {
  margin-left: 0px;
  margin-right: 20px;
  text-align: left;
}
body.rtl .obp_booking_form_popup .obp_booking_form .obp_booking_calendar_step .obp-booking-footer .footer_wrapper .footer_inner .billing-container .billing-total .total-time {
  text-align: left;
}
body.rtl .obp_booking_service_container .obp_booking_search_service #obp_search_service {
  padding: 10px 40px 10px 10px;
}
body.rtl .obp_booking_service_container .obp_booking_search_service i {
  left: unset;
  right: 10px;
}
body.rtl .obp_booking_service_container .obp_booking_services .service_section .service_section_content .service-card .service_meta {
  text-align: right;
  margin-left: 0;
  margin-right: auto;
}
body.rtl .obp_booking_head {
  text-align: right;
}
body.rtl .obp_booking_head .obp_booking_service_close i {
  transform: rotate(180deg);
}

.obp_booking_service_close {
  display: inline-block;
  font-size: 30px;
  line-height: 30px;
  height: 30px;
  color: var(--obp-primary-color);
}
.obp_booking_service_close i {
  display: inline-flex;
  height: 30px;
}

/* rigth to left */
.obp_checkout_wrapper .obp_checkout_inner {
  display: grid;
  grid-template-columns: 60% 40%;
}
.obp_checkout_wrapper .obp_checkout_inner .customer_info {
  padding-right: 15px;
}
.obp_checkout_wrapper .obp_checkout_inner .customer_info .obp_checkout_form .obp_form_row {
  margin: 0px 0px 20px 0px;
  /* Customize the label (the container) */
  /* Create a custom radio button */
  /* On mouse-over, add a grey background color */
  /* When the radio button is checked, add a blue background */
}
.obp_checkout_wrapper .obp_checkout_inner .customer_info .obp_checkout_form .obp_form_row label {
  display: block;
  width: 100%;
  font-size: 15px;
  font-weight: 600;
  margin: 0px 0px 5px 0px;
}
.obp_checkout_wrapper .obp_checkout_inner .customer_info .obp_checkout_form .obp_form_row input {
  display: block;
  width: 100%;
  background: transparent;
  border: 1px solid #DEDEDE;
  border-radius: 8px;
  box-shadow: none;
  padding: 14px 20px;
  font-size: 15px;
}
.obp_checkout_wrapper .obp_checkout_inner .customer_info .obp_checkout_form .obp_form_row textarea {
  background: transparent;
  border: 1px solid #DEDEDE;
  box-shadow: none;
  border-radius: 8px;
}
.obp_checkout_wrapper .obp_checkout_inner .customer_info .obp_checkout_form .obp_form_row .obp_button {
  display: block;
  width: 100%;
  padding: 15px;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  background: var(--obp-primary-color);
  border-radius: 4px;
}
.obp_checkout_wrapper .obp_checkout_inner .customer_info .obp_checkout_form .obp_form_row .obp_radio {
  display: block;
  position: relative;
  padding-left: 30px;
  text-align: left;
  line-height: 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.obp_checkout_wrapper .obp_checkout_inner .customer_info .obp_checkout_form .obp_form_row .obp_radio.inline {
  display: inline-block;
}
.obp_checkout_wrapper .obp_checkout_inner .customer_info .obp_checkout_form .obp_form_row .obp_radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.obp_checkout_wrapper .obp_checkout_inner .customer_info .obp_checkout_form .obp_form_row .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border-radius: 50%;
  transition: all 0.3s linear;
  box-sizing: border-box;
  border: 1px solid #dedede;
}
.obp_checkout_wrapper .obp_checkout_inner .customer_info .obp_checkout_form .obp_form_row .obp_radio:hover input ~ .checkmark {
  background-color: #ccc;
}
.obp_checkout_wrapper .obp_checkout_inner .customer_info .obp_checkout_form .obp_form_row .obp_radio input:checked ~ .checkmark:after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: var(--obp-primary-color);
}
.obp_checkout_wrapper .obp_checkout_inner .customer_info .obp_checkout_form .obp_form_row .obp_payment_label {
  display: block;
  margin-bottom: 15px;
}
.obp_checkout_wrapper .obp_checkout_inner .customer_info .obp_checkout_form .obp-recaptcha-wrapper {
  margin: 0px 0px 20px 0px;
}
.obp_checkout_wrapper .obp_checkout_inner .customer_info .obp_checkout_form .obp_payment_field {
  display: none;
}
.obp_checkout_wrapper .obp_checkout_inner .customer_info .obp_checkout_form .show_payment {
  display: block;
}
.obp_checkout_wrapper .obp_checkout_inner .order_info {
  padding-left: 15px;
}
.obp_checkout_wrapper .obp_checkout_inner .order_info .order_subtitle {
  margin: 0px;
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 600;
}
.obp_checkout_wrapper .obp_checkout_inner .order_info .order_item {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #EAEAEA;
  padding: 10px 0px;
}
.obp_checkout_wrapper .obp_checkout_inner .order_info .order_item .order_item_info {
  width: 60%;
}
.obp_checkout_wrapper .obp_checkout_inner .order_info .order_item .order_item_info .service_name {
  display: block;
  font-size: 15px;
  font-weight: 600;
}
.obp_checkout_wrapper .obp_checkout_inner .order_info .order_item .order_item_info .package_name {
  display: block;
  font-size: 15px;
  font-weight: 400;
}
.obp_checkout_wrapper .obp_checkout_inner .order_info .order_item .order_item_price {
  width: 40%;
  text-align: right;
}
.obp_checkout_wrapper .obp_checkout_inner .order_info .order_info_footer .order_info_inner .obp_order_table {
  margin: 0;
  border: 0;
  background: transparent;
  border-collapse: collapse;
}
.obp_checkout_wrapper .obp_checkout_inner .order_info .order_info_footer .order_info_inner .obp_order_table tr, .obp_checkout_wrapper .obp_checkout_inner .order_info .order_info_footer .order_info_inner .obp_order_table th, .obp_checkout_wrapper .obp_checkout_inner .order_info .order_info_footer .order_info_inner .obp_order_table td {
  border: 0;
  border-top: 1px solid #EAEAEA;
  background: transparent;
}
.obp_checkout_wrapper .obp_checkout_inner .order_info .order_info_footer .order_info_inner .obp_order_table td, .obp_checkout_wrapper .obp_checkout_inner .order_info .order_info_footer .order_info_inner .obp_order_table td {
  padding: 10px 0px;
}
.obp_checkout_wrapper .obp_checkout_inner .order_info .order_info_footer .order_info_inner .obp_order_table td {
  padding-left: 0px;
  padding-right: 0px;
}
.obp_checkout_wrapper .obp_checkout_inner .order_info .order_info_footer .order_info_inner .obp_order_table tr td:not(:first-child) {
  text-align: right;
}
.obp_checkout_wrapper .obp_checkout_inner .order_info .order_info_footer .order_info_inner .obp_order_table .order_label {
  font-weight: 700;
}
.obp_checkout_wrapper .obp_checkout_step_2 {
  display: none;
}
.obp_checkout_wrapper .obp_checkout_step_2.is-active {
  display: block;
}
.obp_checkout_wrapper .obp_checkout_step_1.is-hidden {
  display: none;
}
.obp_checkout_wrapper .obp_checkout_breadcrumb .obp_checkout_back {
  display: inline-block;
  font-size: 30px;
  line-height: 30px;
  height: 30px;
  color: var(--obp-primary-color);
}
.obp_checkout_wrapper .obp_checkout_breadcrumb .obp_checkout_back i {
  display: inline-flex;
  height: 30px;
}

body.rtl .obp_checkout_dialog .obp_checkout_wrapper .obp_checkout_message {
  text-align: right;
}
body.rtl .obp_checkout_dialog .obp_checkout_wrapper .obp_checkout_inner .customer_info .obp_checkout_form .obp_form_row label {
  text-align: right;
}
body.rtl .obp_checkout_dialog .obp_checkout_wrapper .obp_checkout_inner .order_info {
  padding-right: 15px;
  padding-left: 0px;
}
body.rtl .obp_checkout_dialog .obp_checkout_wrapper .obp_checkout_inner .order_info .order_subtitle {
  text-align: right;
}
body.rtl .obp_checkout_dialog .obp_checkout_wrapper .obp_checkout_inner .order_info .order_item .order_item_info {
  text-align: right;
}
body.rtl .obp_checkout_dialog .obp_checkout_wrapper .obp_checkout_inner .order_info .order_item .order_item_price {
  text-align: left;
}
body.rtl .obp_checkout_dialog .obp_checkout_wrapper .obp_checkout_inner .order_info .order_info_footer .order_info_inner .obp_order_table tr td:not(:first-child) {
  text-align: left;
}

#obp_order_countdown {
  position: fixed;
  display: block;
  width: 100%;
  max-width: 100%;
  bottom: 0;
  left: 0;
  text-align: center;
  background: var(--obp-primary-color);
  color: #fff;
  border: 0;
  z-index: 10000;
  line-height: 40px;
}
#obp_order_countdown .text {
  font-size: 16px;
}
#obp_order_countdown .time {
  font-size: 33px;
  font-weight: 700;
}

.obp-content-coupon .obp_edit_coupon_form .obp_apply_to_wrap {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0px 0px 20px 0px;
}
.obp-content-coupon .obp_edit_coupon_form .obp_apply_to_wrap label {
  margin: 0px;
  line-height: 22px;
}
.obp-content-coupon .obp_edit_coupon_form .obp_service_container {
  display: none;
}
.obp-content-coupon .obp_edit_coupon_form .obp_coupon_time_wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
}
@media screen and (max-width: 479px) {
  .obp-content-coupon .obp_edit_coupon_form .obp_coupon_time_wrap {
    grid-template-columns: auto;
  }
}
.obp-content-coupon .obp_edit_coupon_form .obp_coupon_group {
  position: relative;
  margin: 0px 0px 30px 0px;
}
.obp-content-coupon .obp_edit_coupon_form .obp_coupon_group input {
  margin: 0px !important;
}
.obp-content-coupon .obp_edit_coupon_form .obp_coupon_group .coupon_currency {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.obp-content-coupon .obp_edit_coupon_form .obp-form-submit {
  margin: 20px 0px 0px 0px;
}
.obp-content-coupon .obp_coupon_table_wrapper {
  overflow-x: auto;
}
.obp-content-coupon .obp_coupon_table_wrapper .obp_coupon_list_table {
  width: 100%;
  background: transparent;
}
.obp-content-coupon .obp_coupon_table_wrapper .obp_coupon_list_table tr, .obp-content-coupon .obp_coupon_table_wrapper .obp_coupon_list_table th, .obp-content-coupon .obp_coupon_table_wrapper .obp_coupon_list_table td {
  background: transparent;
}
.obp-content-coupon .obp_coupon_table_wrapper .obp_coupon_list_table th {
  font-size: 18px;
  font-weight: 600;
  padding: 10px;
  color: #222;
  border-bottom: 1px solid #BCBCBC;
  white-space: nowrap;
}
.obp-content-coupon .obp_coupon_table_wrapper .obp_coupon_list_table td {
  border-bottom: 1px solid #E8E8E8;
  padding: 20px 10px;
  white-space: nowrap;
}
.obp-content-coupon .obp_coupon_table_wrapper .obp_coupon_list_table th:last-child {
  text-align: right;
}
.obp-content-coupon .obp_coupon_table_wrapper .obp_coupon_list_table .obp_coupon_action_wrap {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.obp-content-coupon .obp_coupon_setup_date {
  position: relative;
}
.obp-content-coupon .obp_coupon_setup_date .obp_clear_date_coupon {
  position: absolute;
  top: 0;
  right: 0;
}
.obp-content-coupon .obp-pagination-wrap {
  margin: 0px 0px 20px 0px;
}
.obp-content-coupon .obp-pagination-wrap .obp-pagination {
  justify-content: flex-start !important;
}

body.rtl .obp-content-coupon .obp_coupon_table_wrapper .obp_coupon_list_table th {
  text-align: left;
}
body.rtl .obp-content-coupon .obp_edit_coupon_form .obp_apply_to_wrap label {
  padding-left: 0px;
  padding-right: 30px;
}
body.rtl .obp-content-coupon .obp_coupon_setup_date .obp_clear_date_coupon {
  right: unset;
  left: 0;
}

.obp-my-wallet .obp-content-manage-wallet .obp_card_wrap .obp_cards {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 15px;
}
@media screen and (max-width: 1200px) {
  .obp-my-wallet .obp-content-manage-wallet .obp_card_wrap .obp_cards {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 767px) {
  .obp-my-wallet .obp-content-manage-wallet .obp_card_wrap .obp_cards {
    grid-template-columns: 1fr;
  }
}
.obp-my-wallet .obp-content-manage-wallet .obp_card_wrap .obp_cards .obp_card {
  border-radius: 5px;
  padding: 20px 30px;
}
.obp-my-wallet .obp-content-manage-wallet .obp_card_wrap .obp_cards .obp_card.withdraw {
  background: var(--obp-primary-color);
}
.obp-my-wallet .obp-content-manage-wallet .obp_card_wrap .obp_cards .obp_card.pending {
  background: #BBB15B;
}
.obp-my-wallet .obp-content-manage-wallet .obp_card_wrap .obp_cards .obp_card .total {
  color: #fff;
  font-weight: 700;
  font-size: 32px;
}
.obp-my-wallet .obp-content-manage-wallet .obp_card_wrap .obp_cards .obp_card .desc {
  margin: 0;
  color: #fff;
  font-size: 15px;
}
.obp-my-wallet .obp-content-manage-wallet .obp_card_wrap .obp_cards .obp_card .label {
  margin: 0;
  font-size: 20px;
  font-weight: 500;
  color: var(--obp-input-color);
}
.obp-my-wallet .obp-content-manage-wallet .obp_card_wrap .obp_cards .obp_card .label a {
  position: relative;
  color: var(--obp-input-color);
  font-weight: 500;
}
.obp-my-wallet .obp-content-manage-wallet .obp_card_wrap .obp_cards .obp_card .label a:before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 0%;
  height: 0px;
  background: transparent;
  transition: all 0.3s linear;
}
.obp-my-wallet .obp-content-manage-wallet .obp_card_wrap .obp_cards .obp_card .label a:hover:before {
  width: 100%;
  height: 1px;
  background: var(--obp-input-color);
}
.obp-my-wallet .obp-content-manage-wallet .obp_card_wrap .obp_cards .obp_card .label span {
  cursor: pointer;
}
.obp-my-wallet .obp-content-manage-wallet .obp_content_wrap {
  margin-top: 40px;
}
.obp-my-wallet .obp-content-manage-wallet .obp_content_wrap .obp_box {
  padding: 20px;
  background: #F1F1F1;
}
.obp-my-wallet .obp-content-manage-wallet .obp_content_wrap .obp_box .obp_head {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 1px solid #BCBCBC;
}
@media screen and (max-width: 500px) {
  .obp-my-wallet .obp-content-manage-wallet .obp_content_wrap .obp_box .obp_head {
    display: block;
  }
  .obp-my-wallet .obp-content-manage-wallet .obp_content_wrap .obp_box .obp_head .obp_set_payout_method {
    margin: 10px 0px 0px 0px;
  }
}
.obp-my-wallet .obp-content-manage-wallet .obp_content_wrap .obp_box .obp_head .obp_subtitle {
  margin: 0;
}
.obp-my-wallet .obp-content-manage-wallet .obp_content_wrap .obp_box .obp_head .label {
  font-size: 15px;
  color: var(--obp-primary-color);
  font-weight: 500;
}
.obp-my-wallet .obp-content-manage-wallet .obp_content_wrap .obp_box .obp_table {
  background: transparent;
}
.obp-my-wallet .obp-content-manage-wallet .obp_content_wrap .obp_box .obp_table tr, .obp-my-wallet .obp-content-manage-wallet .obp_content_wrap .obp_box .obp_table th, .obp-my-wallet .obp-content-manage-wallet .obp_content_wrap .obp_box .obp_table td {
  background: transparent;
}
.obp-my-wallet .obp-content-manage-wallet .obp_content_wrap .obp_box .obp_table th {
  color: var(--obp-heading-color);
  font-size: 15px;
  font-weight: 500;
}
.obp-my-wallet .obp-content-manage-wallet .obp_content_wrap .obp_box .obp_table th, .obp-my-wallet .obp-content-manage-wallet .obp_content_wrap .obp_box .obp_table td {
  border-bottom: 1px solid #D9D9D9;
}
.obp-my-wallet .obp-content-manage-wallet .obp_content_wrap .transaction_history {
  box-sizing: border-box;
  overflow-x: auto;
}
.obp-my-wallet .obp-content-manage-wallet .obp_content_wrap .transaction_history .transaction_history_content {
  min-height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.obp-my-wallet .obp-content-manage-wallet .obp_content_wrap .transaction_history .transaction_history_content .obp_table th, .obp-my-wallet .obp-content-manage-wallet .obp_content_wrap .transaction_history .transaction_history_content .obp_table td {
  padding: 10px 0px;
}
.obp-my-wallet .obp-content-manage-wallet .obp_content_wrap .transaction_history .transaction_history_content .obp_show_payout {
  font-weight: 700;
  transition: all 0.3s linear;
}
.obp-my-wallet .obp-content-manage-wallet .obp_content_wrap .transaction_history .transaction_history_content .obp_show_payout:hover {
  color: var(--obp-primary-color);
}
.obp-my-wallet .obp-content-manage-wallet .obp_content_wrap .payout_method {
  margin: 30px 0px 0px 0px;
  box-sizing: border-box;
}
@media screen and (max-width: 1200px) {
  .obp-my-wallet .obp-content-manage-wallet .obp_content_wrap {
    display: block;
  }
  .obp-my-wallet .obp-content-manage-wallet .obp_content_wrap .transaction_history {
    width: 100%;
  }
  .obp-my-wallet .obp-content-manage-wallet .obp_content_wrap .payout_method {
    width: 100%;
    margin-left: 0;
    margin-top: 30px;
  }
}
.obp-my-wallet .obp-content-manage-wallet .obp_content_wrap .obp_pagination {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.obp-my-wallet .obp-content-manage-wallet .obp_content_wrap .obp_pagination a:not(:first-child) {
  margin-left: 10px;
}
.obp-my-wallet .obp-content-manage-wallet .obp_content_wrap .obp_pagination a {
  display: inline-flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  transition: all 0.3s linear;
}
.obp-my-wallet .obp-content-manage-wallet .obp_content_wrap .obp_pagination .obp_page_number {
  background: #D9D9D9;
  border-radius: 4px;
}
.obp-my-wallet .obp-content-manage-wallet .obp_content_wrap .obp_pagination .obp_page_number:hover, .obp-my-wallet .obp-content-manage-wallet .obp_content_wrap .obp_pagination .obp_page_number.active {
  background: var(--obp-primary-color);
  color: #fff;
}
.obp-my-wallet .obp-content-manage-wallet .obp_content_wrap .obp_pagination .obp_page_number.active {
  cursor: auto;
}
.obp-my-wallet .obp-content-manage-wallet .obp_content_wrap .obp_pagination .obp_prev:hover, .obp-my-wallet .obp-content-manage-wallet .obp_content_wrap .obp_pagination .obp_next:hover {
  color: var(--obp-primary-color);
}
.obp-my-wallet .obp-content-manage-wallet .obp_content_wrap .payout_method_info .info_item {
  margin-top: 15px;
}
.obp-my-wallet .obp-content-manage-wallet .obp_content_wrap .payout_method_info .info_item .label {
  color: var(--obp-text-color);
  font-size: 15px;
  font-weight: 500;
}
.obp-my-wallet .obp-content-manage-wallet .obp_content_wrap .payout_method_info .info_item .value {
  color: var(--obp-heading-color);
  font-size: 15px;
  font-weight: 500;
}
.obp-my-wallet .obp-content-manage-wallet .obp_content_wrap .payout_method_info .info_item .name {
  color: var(--obp-primary-color);
  font-weight: 700;
}

.obp_payout_info_wrapper .obp_table {
  background: #fff;
}
.obp_payout_info_wrapper .obp_table tr, .obp_payout_info_wrapper .obp_table th, .obp_payout_info_wrapper .obp_table td {
  background: #fff !important;
}

body.rtl .obp_payout_method_popup .obp_subtitle, body.rtl .obp_payout_method_popup .obp_payout_footer, body.rtl .obp_payout_method_popup .messages {
  text-align: right;
}
body.rtl .obp_withdraw_popup_wrapper .subtitle, body.rtl .obp_withdraw_popup_wrapper .withdrawable {
  text-align: right;
}

.obp-my-wallet .obp_payout_method_popup .obp_subtitle {
  margin: 0;
  font-size: 25px;
  font-weight: 500;
  color: var(--obp-heading-color);
  padding-bottom: 40px;
}
.obp-my-wallet .obp_payout_method_popup .payout_method_setup_form {
  /* Customize the label (the container) */
  /* Hide the browser's default radio button */
  /* Create a custom radio button */
  /* On mouse-over, add a grey background color */
  /* When the radio button is checked, add a blue background */
}
.obp-my-wallet .obp_payout_method_popup .payout_method_setup_form .messages {
  font-size: 15px;
  font-weight: 500;
}
.obp-my-wallet .obp_payout_method_popup .payout_method_setup_form .messages .error {
  color: red;
}
.obp-my-wallet .obp_payout_method_popup .payout_method_setup_form .messages .success {
  color: green;
}
.obp-my-wallet .obp_payout_method_popup .payout_method_setup_form table, .obp-my-wallet .obp_payout_method_popup .payout_method_setup_form tr, .obp-my-wallet .obp_payout_method_popup .payout_method_setup_form th, .obp-my-wallet .obp_payout_method_popup .payout_method_setup_form td {
  background: transparent;
}
@media screen and (max-width: 479px) {
  .obp-my-wallet .obp_payout_method_popup .payout_method_setup_form table, .obp-my-wallet .obp_payout_method_popup .payout_method_setup_form tr, .obp-my-wallet .obp_payout_method_popup .payout_method_setup_form th, .obp-my-wallet .obp_payout_method_popup .payout_method_setup_form td {
    display: block;
    width: 100%;
  }
}
.obp-my-wallet .obp_payout_method_popup .payout_method_setup_form .obp_radio {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.obp-my-wallet .obp_payout_method_popup .payout_method_setup_form .obp_radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.obp-my-wallet .obp_payout_method_popup .payout_method_setup_form .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 50%;
}
.obp-my-wallet .obp_payout_method_popup .payout_method_setup_form .obp_radio:hover input ~ .checkmark {
  background-color: #ccc;
}
.obp-my-wallet .obp_payout_method_popup .payout_method_setup_form .obp_radio input:checked ~ .checkmark {
  background-color: var(--obp-primary-color);
}
.obp-my-wallet .obp_payout_method_popup .payout_method_setup_form .obp_table .label_inline {
  display: inline-block;
  margin-right: 10px;
}
.obp-my-wallet .obp_payout_method_popup .payout_method_setup_form .obp_table .label {
  font-size: 15px;
  font-weight: 500;
  color: var(--obp-heading-color);
}
.obp-my-wallet .obp_payout_method_popup .payout_method_setup_form .obp_table .input_setting {
  min-width: 290px;
  font-size: 15px;
  background: transparent;
  color: var(--obp-text-color);
  border: 1px solid #DEDEDE;
  border-radius: 8px;
  height: 54px;
  box-sizing: border-box !important;
  box-shadow: none;
}
.obp-my-wallet .obp_payout_method_popup .payout_method_setup_form .obp_table .input_setting:placeholder {
  color: var(--obp-placeholder-color);
}
.obp-my-wallet .obp_payout_method_popup .payout_method_setup_form .obp_table th, .obp-my-wallet .obp_payout_method_popup .payout_method_setup_form .obp_table td {
  vertical-align: middle;
  padding: 10px;
}
.obp-my-wallet .obp_payout_method_popup .payout_method_setup_form .obp_update_payout_method {
  font-size: 15px;
  font-weight: 700;
  background: var(--obp-primary-color);
  color: #fff;
  border: 1px solid transparent;
  transition: all 0.3s linear;
  border-radius: 4px;
  padding: 20px 28px;
}
.obp-my-wallet .obp_payout_method_popup .payout_method_setup_form .obp_update_payout_method:hover {
  background: #fff;
  color: var(--obp-primary-color);
  border-color: var(--obp-primary-color);
}

.obp-my-orders .obp_refund_popup .obp_subtitle, .obp-manage-orders .obp_refund_popup .obp_subtitle {
  margin: 0;
  font-size: 25px;
  font-weight: 500;
  color: var(--obp-heading-color);
  padding-bottom: 40px;
}
.obp-my-orders .obp_refund_popup .refund_setup_form, .obp-manage-orders .obp_refund_popup .refund_setup_form {
  /* Customize the label (the container) */
  /* Hide the browser's default radio button */
  /* Create a custom radio button */
  /* On mouse-over, add a grey background color */
  /* When the radio button is checked, add a blue background */
}
.obp-my-orders .obp_refund_popup .refund_setup_form .messages, .obp-manage-orders .obp_refund_popup .refund_setup_form .messages {
  font-size: 15px;
  font-weight: 500;
}
.obp-my-orders .obp_refund_popup .refund_setup_form .messages .error, .obp-manage-orders .obp_refund_popup .refund_setup_form .messages .error {
  color: red;
}
.obp-my-orders .obp_refund_popup .refund_setup_form .messages .success, .obp-manage-orders .obp_refund_popup .refund_setup_form .messages .success {
  color: green;
}
.obp-my-orders .obp_refund_popup .refund_setup_form table, .obp-my-orders .obp_refund_popup .refund_setup_form tr, .obp-my-orders .obp_refund_popup .refund_setup_form th, .obp-my-orders .obp_refund_popup .refund_setup_form td, .obp-manage-orders .obp_refund_popup .refund_setup_form table, .obp-manage-orders .obp_refund_popup .refund_setup_form tr, .obp-manage-orders .obp_refund_popup .refund_setup_form th, .obp-manage-orders .obp_refund_popup .refund_setup_form td {
  background: transparent;
}
@media screen and (max-width: 479px) {
  .obp-my-orders .obp_refund_popup .refund_setup_form table, .obp-my-orders .obp_refund_popup .refund_setup_form tr, .obp-my-orders .obp_refund_popup .refund_setup_form th, .obp-my-orders .obp_refund_popup .refund_setup_form td, .obp-manage-orders .obp_refund_popup .refund_setup_form table, .obp-manage-orders .obp_refund_popup .refund_setup_form tr, .obp-manage-orders .obp_refund_popup .refund_setup_form th, .obp-manage-orders .obp_refund_popup .refund_setup_form td {
    display: block;
    width: 100%;
  }
}
.obp-my-orders .obp_refund_popup .refund_setup_form .obp_radio, .obp-manage-orders .obp_refund_popup .refund_setup_form .obp_radio {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.obp-my-orders .obp_refund_popup .refund_setup_form .obp_radio input, .obp-manage-orders .obp_refund_popup .refund_setup_form .obp_radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.obp-my-orders .obp_refund_popup .refund_setup_form .checkmark, .obp-manage-orders .obp_refund_popup .refund_setup_form .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 50%;
}
.obp-my-orders .obp_refund_popup .refund_setup_form .obp_radio:hover input ~ .checkmark, .obp-manage-orders .obp_refund_popup .refund_setup_form .obp_radio:hover input ~ .checkmark {
  background-color: #ccc;
}
.obp-my-orders .obp_refund_popup .refund_setup_form .obp_radio input:checked ~ .checkmark, .obp-manage-orders .obp_refund_popup .refund_setup_form .obp_radio input:checked ~ .checkmark {
  background-color: var(--obp-primary-color);
}
.obp-my-orders .obp_refund_popup .refund_setup_form .obp_table .label_inline, .obp-manage-orders .obp_refund_popup .refund_setup_form .obp_table .label_inline {
  display: inline-block;
  margin-right: 10px;
}
.obp-my-orders .obp_refund_popup .refund_setup_form .obp_table .label, .obp-manage-orders .obp_refund_popup .refund_setup_form .obp_table .label {
  font-size: 15px;
  font-weight: 500;
  color: var(--obp-heading-color);
}
.obp-my-orders .obp_refund_popup .refund_setup_form .obp_table .input_setting, .obp-manage-orders .obp_refund_popup .refund_setup_form .obp_table .input_setting {
  min-width: 290px;
  font-size: 15px;
  background: transparent;
  color: var(--obp-text-color);
  border: 1px solid #DEDEDE;
  border-radius: 8px;
  height: 54px;
  box-sizing: border-box !important;
  box-shadow: none;
}
.obp-my-orders .obp_refund_popup .refund_setup_form .obp_table .input_setting:placeholder, .obp-manage-orders .obp_refund_popup .refund_setup_form .obp_table .input_setting:placeholder {
  color: var(--obp-placeholder-color);
}
.obp-my-orders .obp_refund_popup .refund_setup_form .obp_table th, .obp-my-orders .obp_refund_popup .refund_setup_form .obp_table td, .obp-manage-orders .obp_refund_popup .refund_setup_form .obp_table th, .obp-manage-orders .obp_refund_popup .refund_setup_form .obp_table td {
  vertical-align: middle;
  padding: 10px;
}
.obp-my-orders .obp_refund_popup .refund_setup_form .obp_refund_submit, .obp-manage-orders .obp_refund_popup .refund_setup_form .obp_refund_submit {
  font-size: 15px;
  font-weight: 700;
  background: var(--obp-primary-color);
  color: #fff;
  border: 1px solid transparent;
  transition: all 0.3s linear;
  border-radius: 4px;
  padding: 20px 28px;
}
.obp-my-orders .obp_refund_popup .refund_setup_form .obp_refund_submit:hover, .obp-manage-orders .obp_refund_popup .refund_setup_form .obp_refund_submit:hover {
  background: #fff;
  color: var(--obp-primary-color);
  border-color: var(--obp-primary-color);
}

.obp_export_popup_wrapper .subtitle {
  font-size: 20px;
  font-weight: 600;
  margin: 0px 0px 5px 0px;
}
.obp_export_popup_wrapper .description {
  margin: 0px;
}
.obp_export_popup_wrapper .messages p {
  margin: 0px 0px 5px 0px;
  color: red;
  font-style: italic;
}
.obp_export_popup_wrapper .date_time_wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  margin: 25px 0px 0px 0px;
  grid-gap: 15px;
}
@media screen and (max-width: 767px) {
  .obp_export_popup_wrapper .date_time_wrapper {
    grid-template-columns: auto;
  }
}
.obp_export_popup_wrapper .date_time_wrapper .flatpickr-calendar {
  position: fixed;
}
.obp_export_popup_wrapper .date_time_wrapper input {
  background: #fff;
  border: 1px solid #DEDEDE;
  border-radius: 4px;
  box-shadow: none;
}
.obp_export_popup_wrapper .date_time_wrapper input, .obp_export_popup_wrapper .date_time_wrapper select {
  width: 100%;
  height: 50px;
}
.obp_export_popup_wrapper .date_time_wrapper .select2-container--default .select2-selection--single {
  height: 50px;
  border: 1px solid #DEDEDE;
}
.obp_export_popup_wrapper .date_time_wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
  height: 50px;
  line-height: 50px;
}
.obp_export_popup_wrapper .date_time_wrapper .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 50px;
}
.obp_export_popup_wrapper .date_time_wrapper .flatpickr-current-month {
  display: flex;
  align-items: center;
}
.obp_export_popup_wrapper .obp_button {
  transition: all 0.3s ease;
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0;
  text-decoration: none;
  text-transform: none;
  color: #fff;
  cursor: pointer;
  padding: 17px 20px;
  border-radius: 4px;
  border: 1px solid var(--obp-primary-color);
  box-shadow: none;
  outline: none;
  background-color: var(--obp-primary-color);
}
.obp_export_popup_wrapper .obp_button:hover {
  transition: all 0.3s ease;
  color: var(--obp-primary-color);
  background-color: #fff;
}
.obp_export_popup_wrapper .obp_export_form {
  margin: 0px;
}
.obp_export_popup_wrapper .obp_export_form .export_fields {
  margin: 25px 0px 0px 0px;
  list-style: none;
}
.obp_export_popup_wrapper .obp_export_form .export_fields .field {
  display: inline-block;
  margin: 0px 15px 15px 0px;
}
.obp_export_popup_wrapper .obp_export_form .export_fields .field label {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.obp_export_popup_wrapper .obp_export_form .export_fields .field label span {
  display: inline-block;
  margin: 0px 0px 0px 7px;
}
.obp_export_popup_wrapper .obp_export_form .export_fields .field input[type=checkbox] {
  width: 22px;
  height: 22px;
  border: 1px solid #dedede;
  background-color: #fff;
  appearance: none;
  cursor: pointer;
  position: relative;
}
.obp_export_popup_wrapper .obp_export_form .export_fields .field input[type=checkbox]:checked:after {
  font-family: "flaticon_bookpro" !important;
  font-size: 20px !important;
  line-height: 20px;
  content: "\f11d";
  color: var(--obp-primary-color);
  position: absolute;
}
.obp_export_popup_wrapper .obp_export_form .export_fields .field input[type=checkbox]:focus {
  outline: none;
}

body.rtl .obp_export_popup_wrapper .subtitle, body.rtl .obp_export_popup_wrapper .description, body.rtl .obp_export_popup_wrapper .export_fields, body.rtl .obp_export_popup_wrapper .obp_export_form {
  text-align: right;
}
body.rtl .obp_export_popup_wrapper .export_fields .field {
  margin: 0px 0px 15px 15px;
}
body.rtl .obp_export_popup_wrapper .export_fields .field span {
  margin: 0px 7px 0px 0px;
}

.obp_calendar_popup .ZebraDialog_Body > div {
  padding: 0px !important;
}

.obp_add_to_calendar_wrapper .obp_calendar_innner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 15px;
}
.obp_add_to_calendar_wrapper input {
  background: #fff;
  border: 1px solid #DEDEDE;
  border-radius: 4px;
  box-shadow: none;
}
.obp_add_to_calendar_wrapper input:focus {
  background: #fff;
}
.obp_add_to_calendar_wrapper .obp_cal_err {
  color: red;
  font-style: italic;
}
.obp_add_to_calendar_wrapper .obp_cal_success {
  color: green;
}
.obp_add_to_calendar_wrapper .flatpickr-calendar {
  position: fixed;
}
.obp_add_to_calendar_wrapper .obp_button {
  transition: all 0.3s ease;
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0;
  text-decoration: none;
  text-transform: none;
  color: #fff;
  cursor: pointer;
  padding: 17px 20px;
  border-radius: 4px;
  border: 1px solid var(--obp-primary-color);
  box-shadow: none;
  outline: none;
  background-color: var(--obp-primary-color);
}
.obp_add_to_calendar_wrapper .obp_button:hover {
  transition: all 0.3s ease;
  color: var(--obp-primary-color);
  background-color: #fff;
}
.obp_add_to_calendar_wrapper .obp_calendar_action {
  margin-top: 30px;
}

.obp_withdraw_popup_wrapper .subtitle .label {
  color: var(--obp-heading-color);
  font-size: 18px;
  font-weight: 700;
}
.obp_withdraw_popup_wrapper .subtitle .text {
  color: var(--obp-primary-color);
  font-size: 20px;
  font-weight: 700;
}
.obp_withdraw_popup_wrapper .obp_withdraw_form {
  margin: 0;
}
.obp_withdraw_popup_wrapper .obp_withdraw_form .withdraw_container {
  display: flex;
  width: 100%;
}
.obp_withdraw_popup_wrapper .obp_withdraw_form .withdraw_container #obp_withdraw_amount {
  width: 100%;
  background: transparent;
  border: 1px solid #ddd;
  box-shadow: none;
}
.obp_withdraw_popup_wrapper .obp_withdraw_form .withdraw_container .obp_withdraw_submit {
  background: #000;
  color: #fff;
}
.obp_withdraw_popup_wrapper .withdrawable {
  margin-top: 20px;
}
.obp_withdraw_popup_wrapper .withdrawable .label, .obp_withdraw_popup_wrapper .withdrawable .text {
  font-size: 18px;
}
.obp_withdraw_popup_wrapper .withdrawable .text {
  font-weight: 700;
  color: var(--obp-primary-color);
}
.obp_withdraw_popup_wrapper .message p {
  margin-bottom: 10px;
  font-weight: 500;
  font-style: italic;
}
.obp_withdraw_popup_wrapper .message .error {
  color: red;
}
.obp_withdraw_popup_wrapper .message .success {
  color: green;
}

.obp-my-booking .ZebraDialog *, .obp-manage-booking .ZebraDialog * {
  box-sizing: border-box !important;
}
.obp-my-booking .obp_order_dialog, .obp-manage-booking .obp_order_dialog {
  z-index: 99999;
}
.obp-my-booking .obp_order_dialog .ZebraDialog_Body, .obp-manage-booking .obp_order_dialog .ZebraDialog_Body {
  padding: 0;
  overflow-x: hidden; /* Hide horizontal scrollbar */
  overflow-y: auto; /* Add vertical scrollbar */
}
.obp-my-booking .obp_order_dialog .ZebraDialog_Body > div, .obp-manage-booking .obp_order_dialog .ZebraDialog_Body > div {
  padding: 0 !important;
}
.obp-my-booking .obp_order_dialog table:not(.has-background) tbody td, .obp-manage-booking .obp_order_dialog table:not(.has-background) tbody td {
  background: #fff;
}
.obp-my-booking .obp_order_discard .ZebraDialog_Button_0, .obp-manage-booking .obp_order_discard .ZebraDialog_Button_0 {
  font-weight: 500;
  background: var(--obp-primary-color);
  color: #fff;
  text-transform: none;
}
.obp-my-booking .obp_order_discard .ZebraDialog_Button_1, .obp-manage-booking .obp_order_discard .ZebraDialog_Button_1 {
  font-weight: 500;
  text-transform: none;
  color: #000;
}
.obp-my-booking .obp_change_order_form, .obp-manage-booking .obp_change_order_form {
  margin: 0;
}
.obp-my-booking .obp_change_order_form .obp-calendar-wrapper .month-year, .obp-manage-booking .obp_change_order_form .obp-calendar-wrapper .month-year {
  margin: 0;
  color: var(--obp-heading-color);
  font-size: 25px;
  font-weight: 500;
  text-align: center;
}
.obp-my-booking .obp_change_order_form .obp-calendar-wrapper .obp-calendar-slider, .obp-manage-booking .obp_change_order_form .obp-calendar-wrapper .obp-calendar-slider {
  position: relative;
  padding: 20px 100px;
}
@media screen and (max-width: 479px) {
  .obp-my-booking .obp_change_order_form .obp-calendar-wrapper .obp-calendar-slider, .obp-manage-booking .obp_change_order_form .obp-calendar-wrapper .obp-calendar-slider {
    padding: 10px 60px;
  }
}
.obp-my-booking .obp_change_order_form .obp-calendar-wrapper .obp-calendar-slider .date-card, .obp-manage-booking .obp_change_order_form .obp-calendar-wrapper .obp-calendar-slider .date-card {
  padding: 20px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  background: #fff;
  cursor: pointer;
  font-weight: 500;
  color: var(--obp-input-color);
  transition: all 0.3s linear;
}
.obp-my-booking .obp_change_order_form .obp-calendar-wrapper .obp-calendar-slider .date-card:hover, .obp-manage-booking .obp_change_order_form .obp-calendar-wrapper .obp-calendar-slider .date-card:hover {
  border-color: var(--obp-primary-color);
}
.obp-my-booking .obp_change_order_form .obp-calendar-wrapper .obp-calendar-slider .date-card.is-active, .obp-manage-booking .obp_change_order_form .obp-calendar-wrapper .obp-calendar-slider .date-card.is-active {
  border-color: var(--obp-primary-color);
  background: var(--obp-primary-color);
  color: #fff;
}
.obp-my-booking .obp_change_order_form .obp-calendar-wrapper .obp-calendar-slider .owl-carousel .owl-nav.disabled, .obp-manage-booking .obp_change_order_form .obp-calendar-wrapper .obp-calendar-slider .owl-carousel .owl-nav.disabled {
  display: block !important;
}
.obp-my-booking .obp_change_order_form .obp-calendar-wrapper .obp-calendar-slider .owl-nav button, .obp-manage-booking .obp_change_order_form .obp-calendar-wrapper .obp-calendar-slider .owl-nav button {
  position: absolute;
  z-index: 999;
  margin: 0;
  font-size: 35px;
  line-height: 35px;
  height: 35px;
  box-shadow: none;
  background: #fff;
  border-radius: 50%;
  overflow: hidden;
  transition: all 0.3s linear;
}
.obp-my-booking .obp_change_order_form .obp-calendar-wrapper .obp-calendar-slider .owl-nav button i, .obp-manage-booking .obp_change_order_form .obp-calendar-wrapper .obp-calendar-slider .owl-nav button i {
  color: var(--obp-placeholder-color);
  line-height: 35px;
  height: 35px;
}
.obp-my-booking .obp_change_order_form .obp-calendar-wrapper .obp-calendar-slider .owl-theme .owl-nav, .obp-manage-booking .obp_change_order_form .obp-calendar-wrapper .obp-calendar-slider .owl-theme .owl-nav {
  width: 100%;
  height: 100%;
  margin: 0;
}
.obp-my-booking .obp_change_order_form .obp-calendar-wrapper .obp-calendar-slider .owl-theme .owl-nav .owl-prev, .obp-manage-booking .obp_change_order_form .obp-calendar-wrapper .obp-calendar-slider .owl-theme .owl-nav .owl-prev {
  position: absolute;
  left: -50px;
  top: 50%;
  transform: translateY(-50%);
}
.obp-my-booking .obp_change_order_form .obp-calendar-wrapper .obp-calendar-slider .owl-theme .owl-nav .owl-next, .obp-manage-booking .obp_change_order_form .obp-calendar-wrapper .obp-calendar-slider .owl-theme .owl-nav .owl-next {
  position: absolute;
  right: -50px;
  top: 50%;
  transform: translateY(-50%);
}
.obp-my-booking .obp_change_order_form .obp-calendar-wrapper .obp-calendar-slider .owl-theme .owl-nav [class*=owl-]:hover i, .obp-manage-booking .obp_change_order_form .obp-calendar-wrapper .obp-calendar-slider .owl-theme .owl-nav [class*=owl-]:hover i {
  background: #fff;
  color: var(--obp-primary-color);
}
.obp-my-booking .obp_change_order_form .obp-time-slider .time-card, .obp-manage-booking .obp_change_order_form .obp-time-slider .time-card {
  background: #fff;
  text-align: center;
  cursor: pointer;
  border: 1px solid transparent;
  transition: all 0.3s linear;
}
.obp-my-booking .obp_change_order_form .obp-time-slider .time-card:hover, .obp-manage-booking .obp_change_order_form .obp-time-slider .time-card:hover {
  border-color: #ccc;
}
.obp-my-booking .obp_change_order_form .obp-calendar-content, .obp-manage-booking .obp_change_order_form .obp-calendar-content {
  position: relative;
  border-top: 1px solid #EDEDED;
  padding: 20px 0px 0px 0px;
}
.obp-my-booking .obp_change_order_form .obp-calendar-content .obp-time-container, .obp-manage-booking .obp_change_order_form .obp-calendar-content .obp-time-container {
  padding: 0px 60px;
}
@media screen and (max-width: 479px) {
  .obp-my-booking .obp_change_order_form .obp-calendar-content .obp-time-container, .obp-manage-booking .obp_change_order_form .obp-calendar-content .obp-time-container {
    padding: 0px 30px;
  }
}
.obp-my-booking .obp_change_order_form .obp-calendar-content .obp-time-container .times_day_container, .obp-manage-booking .obp_change_order_form .obp-calendar-content .obp-time-container .times_day_container {
  display: flex;
  justify-content: center;
}
.obp-my-booking .obp_change_order_form .obp-calendar-content .obp-time-container .times_day_container .times_day, .obp-manage-booking .obp_change_order_form .obp-calendar-content .obp-time-container .times_day_container .times_day {
  display: flex;
  justify-content: center;
  border-radius: 4px;
  background: #F4F4F4;
  padding: 5px;
}
.obp-my-booking .obp_change_order_form .obp-calendar-content .obp-time-container .times_day_container .times_day .time, .obp-manage-booking .obp_change_order_form .obp-calendar-content .obp-time-container .times_day_container .times_day .time {
  cursor: pointer;
  padding: 10px 20px;
  transition: all 0.3s linear;
  color: var(--obp-text-color);
}
.obp-my-booking .obp_change_order_form .obp-calendar-content .obp-time-container .times_day_container .times_day .time.is-active, .obp-manage-booking .obp_change_order_form .obp-calendar-content .obp-time-container .times_day_container .times_day .time.is-active {
  border-radius: 4px;
  background: #fff;
  color: var(--obp-heading-color);
}
.obp-my-booking .obp_change_order_form .obp-calendar-content .obp-time-container .times_day_container .times_day .time.is-disable, .obp-manage-booking .obp_change_order_form .obp-calendar-content .obp-time-container .times_day_container .times_day .time.is-disable {
  border: 0;
  cursor: not-allowed;
}
.obp-my-booking .obp_change_order_form .obp-calendar-content .obp-time-container .obp-time-slider, .obp-manage-booking .obp_change_order_form .obp-calendar-content .obp-time-container .obp-time-slider {
  position: relative;
  padding: 0px 40px;
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .obp-my-booking .obp_change_order_form .obp-calendar-content .obp-time-container .obp-time-slider, .obp-manage-booking .obp_change_order_form .obp-calendar-content .obp-time-container .obp-time-slider {
    padding: 0px 20px;
  }
}
@media screen and (max-width: 479px) {
  .obp-my-booking .obp_change_order_form .obp-calendar-content .obp-time-container .obp-time-slider, .obp-manage-booking .obp_change_order_form .obp-calendar-content .obp-time-container .obp-time-slider {
    padding: 0px;
  }
}
.obp-my-booking .obp_change_order_form .obp-calendar-content .obp-time-container .obp-time-slider .time-card, .obp-manage-booking .obp_change_order_form .obp-calendar-content .obp-time-container .obp-time-slider .time-card {
  transition: all 0.3s linear;
  padding: 10px;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  background: #fff;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s linear;
  color: var(--obp-heading-color);
  font-size: 14px;
}
.obp-my-booking .obp_change_order_form .obp-calendar-content .obp-time-container .obp-time-slider .time-card:hover, .obp-manage-booking .obp_change_order_form .obp-calendar-content .obp-time-container .obp-time-slider .time-card:hover {
  border-color: var(--obp-primary-color);
}
.obp-my-booking .obp_change_order_form .obp-calendar-content .obp-time-container .obp-time-slider .time-card.is-active, .obp-manage-booking .obp_change_order_form .obp-calendar-content .obp-time-container .obp-time-slider .time-card.is-active {
  border-color: var(--obp-primary-color);
  background: var(--obp-primary-color);
  color: #fff;
  cursor: auto;
}
.obp-my-booking .obp_change_order_form .obp-calendar-content .obp-time-container .owl-nav button, .obp-manage-booking .obp_change_order_form .obp-calendar-content .obp-time-container .owl-nav button {
  position: absolute;
  z-index: 999;
  margin: 0;
  font-size: 35px;
  line-height: 35px;
  height: 35px;
  box-shadow: none;
  background: #fff;
  border-radius: 50%;
  overflow: hidden;
}
.obp-my-booking .obp_change_order_form .obp-calendar-content .obp-time-container .owl-nav button i, .obp-manage-booking .obp_change_order_form .obp-calendar-content .obp-time-container .owl-nav button i {
  color: var(--obp-placeholder-color);
  line-height: 35px;
  height: 35px;
  transition: all 0.3s linear;
}
.obp-my-booking .obp_change_order_form .obp-calendar-content .obp-time-container .owl-theme .owl-nav [class*=owl-]:hover i, .obp-manage-booking .obp_change_order_form .obp-calendar-content .obp-time-container .owl-theme .owl-nav [class*=owl-]:hover i {
  background: #fff;
  color: var(--obp-primary-color);
}
.obp-my-booking .obp_change_order_form .obp-calendar-content .obp-time-container .owl-theme .owl-nav, .obp-manage-booking .obp_change_order_form .obp-calendar-content .obp-time-container .owl-theme .owl-nav {
  width: 100%;
  height: 100%;
  margin: 0;
}
.obp-my-booking .obp_change_order_form .obp-calendar-content .obp-time-container .owl-theme .owl-nav .owl-prev, .obp-manage-booking .obp_change_order_form .obp-calendar-content .obp-time-container .owl-theme .owl-nav .owl-prev {
  position: absolute;
  left: -50px;
  top: 50%;
  transform: translateY(-50%);
}
.obp-my-booking .obp_change_order_form .obp-calendar-content .obp-time-container .owl-theme .owl-nav .owl-next, .obp-manage-booking .obp_change_order_form .obp-calendar-content .obp-time-container .owl-theme .owl-nav .owl-next {
  position: absolute;
  right: -50px;
  top: 50%;
  transform: translateY(-50%);
}
.obp-my-booking .obp_change_order_form .obp-calendar-content .obp_change_order_back, .obp-manage-booking .obp_change_order_form .obp-calendar-content .obp_change_order_back {
  color: #fff;
  background: var(--obp-primary-color);
  border: 1px solid transparent;
  border-radius: 4px;
  display: inline-block;
  padding: 15px 20px;
  font-size: 15px;
  font-weight: 500;
  transition: all 0.3s linear;
}
.obp-my-booking .obp_change_order_form .obp-calendar-content .obp_change_order_back:hover, .obp-manage-booking .obp_change_order_form .obp-calendar-content .obp_change_order_back:hover {
  color: var(--obp-primary-color);
  background: #fff;
  border-color: var(--obp-primary-color);
}
.obp-my-booking .obp_change_order_form .obp-calendar-content .obp_change_order_info, .obp-manage-booking .obp_change_order_form .obp-calendar-content .obp_change_order_info {
  padding-top: 20px;
  text-align: center;
}
.obp-my-booking .obp_change_order_form .obp-order-wrap, .obp-manage-booking .obp_change_order_form .obp-order-wrap {
  padding: 0px 60px 20px 60px;
}
@media screen and (max-width: 479px) {
  .obp-my-booking .obp_change_order_form .obp-order-wrap, .obp-manage-booking .obp_change_order_form .obp-order-wrap {
    padding: 0px 30px 20px 30px;
  }
}
.obp-my-booking .obp_change_order_form .obp-order-wrap .obp-order-container .ui-state-highlight, .obp-manage-booking .obp_change_order_form .obp-order-wrap .obp-order-container .ui-state-highlight {
  margin-top: 30px;
  display: block;
  height: 128px;
  background: #F4F4F4;
  border: 0;
  border-radius: 4px;
}
.obp-my-booking .obp_change_order_form .obp-order-wrap .obp-order-container .obp-order-item, .obp-manage-booking .obp_change_order_form .obp-order-wrap .obp-order-container .obp-order-item {
  margin-top: 30px;
  background: #F4F4F4;
  position: relative;
  border-radius: 4px;
  padding: 15px 30px;
}
.obp-my-booking .obp_change_order_form .obp-order-wrap .obp-order-container .obp-order-item .obp-order-wait, .obp-manage-booking .obp_change_order_form .obp-order-wrap .obp-order-container .obp-order-item .obp-order-wait {
  position: absolute;
  bottom: -25px;
  left: 50%;
  font-size: 14px;
  font-weight: 500;
  transform: translateX(-50%);
}
.obp-my-booking .obp_change_order_form .obp-order-wrap .obp-order-container .obp-order-item .sort_item, .obp-manage-booking .obp_change_order_form .obp-order-wrap .obp-order-container .obp-order-item .sort_item {
  position: absolute;
  top: 14px;
  left: -10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}
.obp-my-booking .obp_change_order_form .obp-order-wrap .obp-order-container .obp-order-item .sort_item i, .obp-manage-booking .obp_change_order_form .obp-order-wrap .obp-order-container .obp-order-item .sort_item i {
  font-size: 20px;
  height: 20px;
  line-height: 20px;
  color: var(--obp-text-color);
  transition: all 0.3s linear;
}
.obp-my-booking .obp_change_order_form .obp-order-wrap .obp-order-container .obp-order-item .sort_item:hover i, .obp-manage-booking .obp_change_order_form .obp-order-wrap .obp-order-container .obp-order-item .sort_item:hover i {
  color: var(--obp-primary-color);
}
.obp-my-booking .obp_change_order_form .obp-order-wrap .obp-order-container .obp-order-item .remove_item, .obp-manage-booking .obp_change_order_form .obp-order-wrap .obp-order-container .obp-order-item .remove_item {
  position: absolute;
  top: -15px;
  right: -15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 30px;
  width: 30px;
  height: 30px;
  color: var(--obp-text-color);
  background: #fff;
  border-radius: 50%;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.obp-my-booking .obp_change_order_form .obp-order-wrap .obp-order-container .obp-order-item .remove_item i, .obp-manage-booking .obp_change_order_form .obp-order-wrap .obp-order-container .obp-order-item .remove_item i {
  display: inline-flex;
  font-size: 20px;
  transition: all 0.3s linear;
}
.obp-my-booking .obp_change_order_form .obp-order-wrap .obp-order-container .obp-order-item .remove_item:hover, .obp-manage-booking .obp_change_order_form .obp-order-wrap .obp-order-container .obp-order-item .remove_item:hover {
  color: #F62C00;
}
.obp-my-booking .obp_change_order_form .obp-order-wrap .obp-order-container .obp-order-item .order-meta, .obp-manage-booking .obp_change_order_form .obp-order-wrap .obp-order-container .obp-order-item .order-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 5px;
}
.obp-my-booking .obp_change_order_form .obp-order-wrap .obp-order-container .obp-order-item .order-meta .service-name, .obp-manage-booking .obp_change_order_form .obp-order-wrap .obp-order-container .obp-order-item .order-meta .service-name {
  font-size: 15px;
  font-weight: 500;
  color: var(--obp-heading-color);
}
.obp-my-booking .obp_change_order_form .obp-order-wrap .obp-order-container .obp-order-item .order-meta .service-info, .obp-manage-booking .obp_change_order_form .obp-order-wrap .obp-order-container .obp-order-item .order-meta .service-info {
  text-align: right;
}
.obp-my-booking .obp_change_order_form .obp-order-wrap .obp-order-container .obp-order-item .order-meta .service-info .price, .obp-manage-booking .obp_change_order_form .obp-order-wrap .obp-order-container .obp-order-item .order-meta .service-info .price {
  color: var(--obp-heading-color);
  font-weight: 500;
  font-size: 15px;
}
.obp-my-booking .obp_change_order_form .obp-order-wrap .obp-order-container .obp-order-item .order-meta .service-info .times, .obp-manage-booking .obp_change_order_form .obp-order-wrap .obp-order-container .obp-order-item .order-meta .service-info .times {
  color: var(--obp-text-color);
  font-weight: 500;
  font-size: 15px;
}
.obp-my-booking .obp_change_order_form .obp-order-wrap .obp-order-container .obp-order-item .staff-info, .obp-manage-booking .obp_change_order_form .obp-order-wrap .obp-order-container .obp-order-item .staff-info {
  display: flex;
  align-items: center;
  padding-top: 10px;
  border-top: 1px solid #DFDFDF;
}
.obp-my-booking .obp_change_order_form .obp-order-wrap .obp-order-container .obp-order-item .staff-info .avatar, .obp-manage-booking .obp_change_order_form .obp-order-wrap .obp-order-container .obp-order-item .staff-info .avatar {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
}
.obp-my-booking .obp_change_order_form .obp-order-wrap .obp-order-container .obp-order-item .staff-info .staff-name, .obp-manage-booking .obp_change_order_form .obp-order-wrap .obp-order-container .obp-order-item .staff-info .staff-name {
  display: inline-block;
  margin-left: 17px;
  font-weight: 400;
  color: var(--obp-heading-color);
}
.obp-my-booking .obp_change_order_form .obp-order-wrap .obp-order-container .obp-order-item .staff-info .edit-staff, .obp-manage-booking .obp_change_order_form .obp-order-wrap .obp-order-container .obp-order-item .staff-info .edit-staff {
  font-size: 20px;
  color: var(--obp-text-color);
  transition: all 0.3s linear;
  margin-left: 10px;
}
.obp-my-booking .obp_change_order_form .obp-order-wrap .obp-order-container .obp-order-item .staff-info .edit-staff:hover, .obp-manage-booking .obp_change_order_form .obp-order-wrap .obp-order-container .obp-order-item .staff-info .edit-staff:hover {
  color: var(--obp-primary-color);
}
.obp-my-booking .obp_change_order_form .obp-order-wrap .obp-order-container .obp-order-item .service-packages .package-item, .obp-manage-booking .obp_change_order_form .obp-order-wrap .obp-order-container .obp-order-item .service-packages .package-item {
  margin: 5px 0px;
}
.obp-my-booking .obp_change_order_form .obp-change-order-footer, .obp-manage-booking .obp_change_order_form .obp-change-order-footer {
  position: sticky;
  bottom: 0;
  z-index: 99;
  padding-top: 30px;
  border-top: 1px solid #EDEDED;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .obp-my-booking .obp_change_order_form .obp-change-order-footer, .obp-manage-booking .obp_change_order_form .obp-change-order-footer {
    position: static;
    bottom: unset;
  }
}
.obp-my-booking .obp_change_order_form .obp-change-order-footer .footer_wrapper, .obp-manage-booking .obp_change_order_form .obp-change-order-footer .footer_wrapper {
  padding: 0px 60px;
}
@media screen and (max-width: 479px) {
  .obp-my-booking .obp_change_order_form .obp-change-order-footer .footer_wrapper, .obp-manage-booking .obp_change_order_form .obp-change-order-footer .footer_wrapper {
    padding: 0px 30px;
  }
}
.obp-my-booking .obp_change_order_form .obp-change-order-footer .footer_wrapper .footer_inner, .obp-manage-booking .obp_change_order_form .obp-change-order-footer .footer_wrapper .footer_inner {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  .obp-my-booking .obp_change_order_form .obp-change-order-footer .footer_wrapper .footer_inner, .obp-manage-booking .obp_change_order_form .obp-change-order-footer .footer_wrapper .footer_inner {
    display: block;
  }
}
.obp-my-booking .obp_change_order_form .obp-change-order-footer .footer_wrapper .footer_inner .billing-container table, .obp-my-booking .obp_change_order_form .obp-change-order-footer .footer_wrapper .footer_inner .billing-container tr, .obp-my-booking .obp_change_order_form .obp-change-order-footer .footer_wrapper .footer_inner .billing-container td, .obp-manage-booking .obp_change_order_form .obp-change-order-footer .footer_wrapper .footer_inner .billing-container table, .obp-manage-booking .obp_change_order_form .obp-change-order-footer .footer_wrapper .footer_inner .billing-container tr, .obp-manage-booking .obp_change_order_form .obp-change-order-footer .footer_wrapper .footer_inner .billing-container td {
  border: 0;
}
.obp-my-booking .obp_change_order_form .obp-change-order-footer .footer_wrapper .footer_inner .billing-container .billing-table, .obp-manage-booking .obp_change_order_form .obp-change-order-footer .footer_wrapper .footer_inner .billing-container .billing-table {
  margin: 0;
}
.obp-my-booking .obp_change_order_form .obp-change-order-footer .footer_wrapper .footer_inner .billing-container td, .obp-manage-booking .obp_change_order_form .obp-change-order-footer .footer_wrapper .footer_inner .billing-container td {
  padding: 0;
  padding-bottom: 10px;
  text-align: right;
}
.obp-my-booking .obp_change_order_form .obp-change-order-footer .footer_wrapper .footer_inner .billing-container td .label, .obp-manage-booking .obp_change_order_form .obp-change-order-footer .footer_wrapper .footer_inner .billing-container td .label {
  color: var(--obp-text-color);
  font-size: 15px;
}
.obp-my-booking .obp_change_order_form .obp-change-order-footer .footer_wrapper .footer_inner .billing-container td .price, .obp-manage-booking .obp_change_order_form .obp-change-order-footer .footer_wrapper .footer_inner .billing-container td .price {
  color: var(--obp-heading-color);
  font-size: 15px;
  font-weight: 500;
}
.obp-my-booking .obp_change_order_form .obp-change-order-footer .footer_wrapper .footer_inner .billing-container .first_column, .obp-manage-booking .obp_change_order_form .obp-change-order-footer .footer_wrapper .footer_inner .billing-container .first_column {
  padding-right: 30px;
}
.obp-my-booking .obp_change_order_form .obp-change-order-footer .footer_wrapper .footer_inner .billing-container .billing-total, .obp-manage-booking .obp_change_order_form .obp-change-order-footer .footer_wrapper .footer_inner .billing-container .billing-total {
  text-align: right;
  padding-top: 10px;
}
.obp-my-booking .obp_change_order_form .obp-change-order-footer .footer_wrapper .footer_inner .billing-container .billing-total .total .label, .obp-manage-booking .obp_change_order_form .obp-change-order-footer .footer_wrapper .footer_inner .billing-container .billing-total .total .label {
  color: var(--obp-text-color);
  font-size: 15px;
}
.obp-my-booking .obp_change_order_form .obp-change-order-footer .footer_wrapper .footer_inner .billing-container .billing-total .total .total-price, .obp-manage-booking .obp_change_order_form .obp-change-order-footer .footer_wrapper .footer_inner .billing-container .billing-total .total .total-price {
  color: var(--obp-heading-color);
  font-size: 32px;
  font-weight: 700;
  margin-left: 20px;
}
.obp-my-booking .obp_change_order_form .obp-change-order-footer .footer_wrapper .footer_inner .billing-container .billing-total .total-time, .obp-manage-booking .obp_change_order_form .obp-change-order-footer .footer_wrapper .footer_inner .billing-container .billing-total .total-time {
  color: var(--obp-text-color);
  font-size: 15px;
}
.obp-my-booking .obp_change_order_form .obp-change-order-footer .footer_wrapper .messages, .obp-manage-booking .obp_change_order_form .obp-change-order-footer .footer_wrapper .messages {
  text-align: center;
}
.obp-my-booking .obp_change_order_form .obp-change-order-footer .footer_wrapper .messages .error, .obp-manage-booking .obp_change_order_form .obp-change-order-footer .footer_wrapper .messages .error {
  color: red;
}
.obp-my-booking .obp_change_order_form .obp-change-order-footer .footer_wrapper .messages .success, .obp-manage-booking .obp_change_order_form .obp-change-order-footer .footer_wrapper .messages .success {
  color: green;
}
.obp-my-booking .obp_change_order_form .obp-change-order-footer .footer_wrapper .obp_order_change_update, .obp-manage-booking .obp_change_order_form .obp-change-order-footer .footer_wrapper .obp_order_change_update {
  display: block;
  margin-top: 15px;
  max-width: 100%;
  width: 100%;
  background: var(--obp-primary-color);
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  transition: all 0.3s linear;
  border: 1px solid transparent;
  border-radius: 4px;
}
.obp-my-booking .obp_change_order_staff_container, .obp-manage-booking .obp_change_order_staff_container {
  padding: 30px 40px;
}
.obp-my-booking .obp_change_order_staff_container .popup-title, .obp-manage-booking .obp_change_order_staff_container .popup-title {
  color: var(--obp-heading-color);
  font-size: 25px;
  font-weight: 500;
}
.obp-my-booking .obp_change_order_staff_container .list_staffs, .obp-manage-booking .obp_change_order_staff_container .list_staffs {
  margin-top: 15px;
}
.obp-my-booking .obp_change_order_staff_container .list_staffs .staff-card, .obp-manage-booking .obp_change_order_staff_container .list_staffs .staff-card {
  display: flex;
  align-items: center;
  border: 1px solid #D9D9D9;
  transition: all 0.3s linear;
  padding: 5px;
  cursor: pointer;
  column-gap: 10px;
}
.obp-my-booking .obp_change_order_staff_container .list_staffs .staff-card:not(:first-child), .obp-manage-booking .obp_change_order_staff_container .list_staffs .staff-card:not(:first-child) {
  margin-top: 10px;
}
.obp-my-booking .obp_change_order_staff_container .list_staffs .staff-card:hover, .obp-my-booking .obp_change_order_staff_container .list_staffs .staff-card.is-active, .obp-manage-booking .obp_change_order_staff_container .list_staffs .staff-card:hover, .obp-manage-booking .obp_change_order_staff_container .list_staffs .staff-card.is-active {
  border-color: var(--obp-primary-color);
  background: var(--obp-primary-color);
}
.obp-my-booking .obp_change_order_staff_container .list_staffs .staff-card:hover .staff-name, .obp-my-booking .obp_change_order_staff_container .list_staffs .staff-card.is-active .staff-name, .obp-manage-booking .obp_change_order_staff_container .list_staffs .staff-card:hover .staff-name, .obp-manage-booking .obp_change_order_staff_container .list_staffs .staff-card.is-active .staff-name {
  color: #fff;
}
.obp-my-booking .obp_change_order_staff_container .list_staffs .staff-card.is-active, .obp-manage-booking .obp_change_order_staff_container .list_staffs .staff-card.is-active {
  cursor: auto;
}
.obp-my-booking .obp_change_order_staff_container .list_staffs .staff-card .avatar, .obp-manage-booking .obp_change_order_staff_container .list_staffs .staff-card .avatar {
  width: 50px;
}
.obp-my-booking .obp_change_order_staff_container .list_staffs .staff-card .avatar img, .obp-manage-booking .obp_change_order_staff_container .list_staffs .staff-card .avatar img {
  display: block;
  width: 100%;
}
.obp-my-booking .obp_change_order_staff_container .list_staffs .staff-card .staff-name, .obp-manage-booking .obp_change_order_staff_container .list_staffs .staff-card .staff-name {
  margin: 0;
  font-size: 20px;
  color: var(--obp-heading-color);
  font-weight: 500;
  transition: all 0.3s linear;
}
.obp-my-booking.rtl .obp_change_order_staff_container, .obp-manage-booking.rtl .obp_change_order_staff_container {
  text-align: right;
}
.obp-my-booking.rtl .ZebraDialog_NoTitle .ZebraDialog_Close, .obp-manage-booking.rtl .ZebraDialog_NoTitle .ZebraDialog_Close {
  right: unset;
  left: 2px;
}
.obp-my-booking.rtl .obp_order_discard .ZebraDialog_Title, .obp-manage-booking.rtl .obp_order_discard .ZebraDialog_Title {
  text-align: right;
}
.obp-my-booking.rtl .obp_order_discard .ZebraDialog_Title .ZebraDialog_Close, .obp-manage-booking.rtl .obp_order_discard .ZebraDialog_Title .ZebraDialog_Close {
  right: unset;
  left: 10px;
}
.obp-my-booking.rtl .obp_order_discard .ZebraDialog_Body, .obp-manage-booking.rtl .obp_order_discard .ZebraDialog_Body {
  text-align: right;
  padding-left: 0;
  padding-right: 108px;
  background-position: top 10px right 25px;
}
.obp-my-booking.rtl .obp_change_order_form .obp-calendar-wrapper .obp-calendar-slider .owl-theme .owl-nav .owl-prev, .obp-manage-booking.rtl .obp_change_order_form .obp-calendar-wrapper .obp-calendar-slider .owl-theme .owl-nav .owl-prev {
  left: unset;
  right: -50px;
}
.obp-my-booking.rtl .obp_change_order_form .obp-calendar-wrapper .obp-calendar-slider .owl-theme .owl-nav .owl-next, .obp-manage-booking.rtl .obp_change_order_form .obp-calendar-wrapper .obp-calendar-slider .owl-theme .owl-nav .owl-next {
  right: unset;
  left: -50px;
}
.obp-my-booking.rtl .obp_change_order_form .obp-calendar-content .obp-time-container .owl-theme .owl-nav .owl-prev, .obp-manage-booking.rtl .obp_change_order_form .obp-calendar-content .obp-time-container .owl-theme .owl-nav .owl-prev {
  left: unset;
  right: -50px;
}
.obp-my-booking.rtl .obp_change_order_form .obp-calendar-content .obp-time-container .owl-theme .owl-nav .owl-next, .obp-manage-booking.rtl .obp_change_order_form .obp-calendar-content .obp-time-container .owl-theme .owl-nav .owl-next {
  right: unset;
  left: -50px;
}
.obp-my-booking.rtl .obp_change_order_form .obp-order-wrap .obp-order-container .obp-order-item .sort_item, .obp-manage-booking.rtl .obp_change_order_form .obp-order-wrap .obp-order-container .obp-order-item .sort_item {
  left: unset;
  right: -10px;
}
.obp-my-booking.rtl .obp_change_order_form .obp-order-wrap .obp-order-container .obp-order-item .order-meta .service-info, .obp-manage-booking.rtl .obp_change_order_form .obp-order-wrap .obp-order-container .obp-order-item .order-meta .service-info {
  text-align: left;
}
.obp-my-booking.rtl .obp_change_order_form .obp-order-wrap .obp-order-container .obp-order-item .staff-info .staff-name, .obp-manage-booking.rtl .obp_change_order_form .obp-order-wrap .obp-order-container .obp-order-item .staff-info .staff-name {
  margin-left: 0;
  margin-right: 17px;
}
.obp-my-booking.rtl .obp_change_order_form .obp-order-wrap .obp-order-container .obp-order-item .staff-info .edit-staff, .obp-manage-booking.rtl .obp_change_order_form .obp-order-wrap .obp-order-container .obp-order-item .staff-info .edit-staff {
  margin-left: 0;
  margin-right: 10px;
}

body.rtl .obp_change_order_info .description {
  text-align: right;
}
body.rtl .obp_change_order_form .obp-change-order-footer .footer_wrapper .footer_inner .billing-container .first_column {
  padding-left: 30px;
  padding-right: 0px;
}
body.rtl .obp_change_order_form .obp-change-order-footer .footer_wrapper .footer_inner .billing-container .second_column {
  text-align: left;
}
body.rtl .obp_change_order_form .obp-change-order-footer .footer_wrapper .footer_inner .billing-container .billing-total .total .total-price {
  margin-left: 0px;
  margin-right: 20px;
}
body.rtl .obp_change_order_form .obp-change-order-footer .footer_wrapper .footer_inner .billing-container .billing-total .total-time {
  text-align: left;
}

.obp-content-my-wishlist .obp_wishlist_table_wrapper {
  overflow-x: auto;
}
.obp-content-my-wishlist .obp-table {
  background: transparent;
  min-width: 767px;
  border-collapse: collapse;
  border: 1px solid #ccc;
}
.obp-content-my-wishlist .obp-table th {
  background: #000;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}
.obp-content-my-wishlist .obp-table td {
  background: transparent;
}
.obp-content-my-wishlist .obp-table th, .obp-content-my-wishlist .obp-table td {
  padding: 10px 20px;
  border: 1px solid #ccc;
}
.obp-content-my-wishlist .obp-table .obp_wishlist_title_wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}
.obp-content-my-wishlist .obp-table .obp_wishlist_title_wrapper .remove-wishlist {
  width: 20px;
  height: 20px;
  color: red;
}
.obp-content-my-wishlist .obp-table .obp_wishlist_title_wrapper .business-name {
  color: #000;
  font-size: 18px;
}

body.obp-page .service-wrap {
  position: relative;
  padding-bottom: 25px;
}
body.obp-page .service-wrap .obp-second-title {
  font-size: 26px;
  font-weight: bold;
}
body.obp-page .service-wrap .search-name-wrapper {
  padding: 10px 15px;
  background-color: #f1f1f1;
  border-radius: 4px;
  border: none;
}
body.obp-page .service-wrap .service-section {
  margin-top: 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
body.obp-page .service-wrap .service-section i {
  transform: rotate(90deg);
  font-size: 18px;
}
body.obp-page .service-wrap .service-section.toggled {
  border-bottom: 1px solid #E8E8E8;
}
body.obp-page .service-wrap .service-section.toggled i {
  transform: none;
}
body.obp-page .service-wrap .service-section .service-type {
  display: flex;
  align-items: center;
  gap: 5px;
}
body.obp-page .service-wrap .service-section .service-type .service-type-name {
  font-weight: 600;
}
body.obp-page .service-wrap .service-section .service-counter {
  padding: 4px 8px;
  background-color: #f1f1f1;
  border-radius: 4px;
}
body.obp-page .service-wrap .list-service-items.hide-items {
  display: none;
}
body.obp-page .service-wrap .list-service-items .service-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 19px;
  padding: 19px 0;
  border-bottom: 1px solid #e8e8e8;
}
body.obp-page .service-wrap .list-service-items .service-item .service-info {
  max-width: 460px;
}
body.obp-page .service-wrap .list-service-items .service-item .service-info .service-name {
  font-size: 16px;
  font-weight: 500;
}
body.obp-page .service-wrap .list-service-items .service-item .service-info .service-description .show_more_desc {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
  height: 100px;
}
body.obp-page .service-wrap .list-service-items .service-item .service-info .service-description .show_more_desc .btn_showmore {
  justify-content: flex-start;
  background-color: #fff;
  font-size: 14px;
}
body.obp-page .service-wrap .list-service-items .service-item .service-info .service-description .show_more_desc .btn_showmore i {
  font-size: 16px;
}
body.obp-page .service-wrap .list-service-items .service-item .service-info .service-description h1, body.obp-page .service-wrap .list-service-items .service-item .service-info .service-description h2, body.obp-page .service-wrap .list-service-items .service-item .service-info .service-description h3, body.obp-page .service-wrap .list-service-items .service-item .service-info .service-description h4, body.obp-page .service-wrap .list-service-items .service-item .service-info .service-description h5, body.obp-page .service-wrap .list-service-items .service-item .service-info .service-description h6 {
  font-size: 1em;
  font-weight: 500;
}
body.obp-page .service-wrap .list-service-items .service-item .service-info .service-description p {
  margin: 0 0 4px 0;
  line-height: 1.4;
}
body.obp-page .service-wrap .list-service-items .service-item .service-info .service-description img {
  display: inline-block;
  width: 52px;
  height: 52px;
  object-fit: cover;
}
body.obp-page .service-wrap .list-service-items .service-item .service-info .service_save {
  color: #fff;
  font-weight: 700;
  background: #000;
  border-radius: 15px;
  padding: 5px 15px;
  display: inline-block;
}
body.obp-page .service-wrap .list-service-items .service-item .service-meta {
  display: flex;
  align-items: center;
  gap: 15px;
}
body.obp-page .service-wrap .list-service-items .service-item .service-meta .price-and-duration {
  text-align: right;
  line-height: 1.6;
}
body.obp-page .service-wrap .list-service-items .service-item .service-meta .price-and-duration .price {
  white-space: nowrap;
  font-weight: bold;
  color: var(--obp-heading-color);
}
body.obp-page .service-wrap .list-service-items .service-item .service-meta .price-and-duration .price .old_price {
  display: inline-block;
  font-weight: 400;
  margin-right: 5px;
  text-decoration: line-through;
}
body.obp-page .service-wrap .list-service-items .service-item .service-meta .price-and-duration .duration {
  font-size: 13px;
}
body.obp-page .service-wrap .list-service-items .service-item .service-meta .price-and-duration .dashicons-info {
  color: #444;
  font-size: 16px;
}
body.obp-page .service-wrap .list-service-items .service-item .service-meta .obp_booking_popup {
  padding: 10px 20px;
}

body.obp-page.obp-member-account .obp-pagination-wrap .obp-pagination {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
body.obp-page.obp-member-account .obp-pagination-wrap .obp-pagination a {
  color: #222222;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 15px;
  transition: all 0.3s linear;
}
body.obp-page.obp-member-account .obp-pagination-wrap .obp-pagination .page_number {
  background: #D9D9D9;
  border-radius: 4px;
}
body.obp-page.obp-member-account .obp-pagination-wrap .obp-pagination .page_number:hover, body.obp-page.obp-member-account .obp-pagination-wrap .obp-pagination .page_number.current_page {
  color: #FFFFFF;
  background: #5BBB7B;
}