@import "/v2/themes/assets/base-colors.less?v=2";


body {
  color: @dark_font_color;
  background-color: #fff;
}

.pwa-app--btn:hover,
.pwa-app--btn:focus,
.pwa-app--btn:active{
  color: contrast(@btn_color, @dark_font_color, @light_font_color);
}

.title-main {
  color: @sb_company_label_color !important;
}

#sb_content.masked {
  .title-main {
    color: contrast(@sb_base_color, @dark_font_color, @light_font_color)!important;
  }
  .section {
    .title-main {
      color: @dark_font_color!important;
    }
  }
}

#main #main-content #sb_content.masked #main-buttons .wrapper #main_description{
 color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
}

#main #main-content #sb_content #main-buttons .buttons_wrap .main_btn {
  background-color: @btn_color;
}

#sb_main #header .header_nav_wrap .items-wrapper .nav-item#sb_cart .full-info .empty_wrap .empty .txt {
  color: @dark_font_color;
}

.dark-title {
  color: @dark_font_color;
}

#main #main-content #sb_content #steps-nav #sb_booking_info ul li.step_info_item a {
  color: @light_font_color;
}

#footer .copyright,
#footer .copyright a,
#sb_gdpr_report_module_container #sb_gdpr_show_form_btn {
  color: @light_font_color;
}

#main #main-content #sb_content #main-buttons .wrapper #main_description a {
  color: @dark_font_color;
}

#main #main-content #sb_content.masked #main-buttons .wrapper #main_description a {
  color: @light_font_color;
}

#main #main-content #sb_content #booking-result-view #bookings_list_btns_wrap .show_all_btn, #main #main-content #sb_content #booking-result-view #bookings_list_btns_wrap #sb_back_btns_plugin .back-to-site a {
  color: @light_font_color;
}

.timezone-modal.modal-dialog .modal-content .modal-header .modal-title {
  color: @dark_font_color;
}

#main #main-content #sb_content #sb-timeline #time-settings #sb_booking_company_time {
  color: @light_font_color;
}

.sb-widget-form .title {
  color: @dark_font_color;
}

#main #main-content #sb_content #news-index .news-list .article .cap a {
  color: @dark_font_color;
}

#main #main-content #sb_content #reviews-view #sb_reviews_add_container .add-review .avatar .info a {
  color: @dark_font_color;
}

#main #main-content #sb_content #membership-view #membership-payment-history .table-responsive td, #main #main-content #sb_content #membership-view #membership-payment-history .table-responsive th {
  color: @light_font_color;
}

.filter .title-small {
  color: @light_font_color;
}

.modal-dialog .modal-content .modal-header .modal-title {
  color: @dark_font_color;
}

.title-main {
  color: @light_font_color;
}

#main #main-content #sb_content #main-buttons .wrapper #contacts_data #contacts_info #contacts .info ul li .links a {
  color: @dark_font_color;
}

#sb_main #header .header_nav_wrap .nav-wrapper .nav li a {
  color: @sb_base_color;
}

#sb_main #header {
  background-color: @nav_bg_color;
}

#sb_main #header .header_nav_wrap .nav-wrapper {
  @media (max-width: 1024px){
    background-color: @nav_bg_color;
  }
}

#sb_main #header .header_nav_wrap .nav-wrapper .nav li.active a {
  color: @sb_base_color;
}

#main #main-content #sb_content #main-buttons .wrapper #contacts_data #schedule .title-main {
  color: @sb_base_color;
}

#sb_main #header .items-wrapper #sb_cart .item-container:before,
#sb_main #header .items-wrapper .item-container .logged-in:before,
#sb_main #header .items-wrapper .item-container .logged-out:before{
  background: @sb_base_color;
}

#sb_main #header .items-wrapper #sb_cart .item-container .counter {
  background-color: @dark_font_color;
  color: contrast(@dark_font_color, @light_font_color);
}

#sb_main #header .header_nav_wrap .items-wrapper #sb_cart .full-info #sb_multiple_booking_popup_btn {
  background-color: @btn_color;
}

#sb_main #header .items-wrapper #sb_cart .full-info .book_wrap a {
  background-color: @btn_color;
}

#main #main-content #sb_content #client-profile-preview .buttons .btn_edit{
  color: @sb_base_color;
}

.subscribe-component--btn-bar .btn-bar--row .btn,
#client-profile-preview .bar-with-btn .btn{
  border: 1px solid @btn_color;
  background-color: #fff;
  color: @btn_color;
  &:focus, &:active {
    outline: none;
  }
  &:hover {
    border: 1px solid @sb_base_color;
    background-color: #fff;
  }
  &.btn-danger,
  &.btn-logout{
    border: 1px solid @btn_color;
    background-color: @btn_color;
    color: contrast(@btn_color, @dark_font_color, @light_font_color);
    &:focus, &:active {
      outline: none;
    }
    &:hover {
      background-color: @btn_color;
    }
  }
}

.subscribe-component--btn-bar .btn-bar--row .btn.btn-primary{
  border: 1px solid @btn_color;
  color: @btn_color;
}

#sb_main #header .items-wrapper #sb_client_info #sb_login_form #sb_sign_in_form .bar #sb_sign_in_btn {
  border-color: @btn_color;
  color: @btn_color;
}


#header .nav-wrapper .items-wrapper .nav-item#sb_client_info .login-container .full-info #sb_login_form .not-logged .bar .btn-bar--row{
  .btn--sign-up{
    color: contrast(@btn_color, @dark_font_color, @light_font_color)!important;
    background-color: @btn_color !important;

    &:hover {
      color: contrast(@btn_color, @dark_font_color, @light_font_color)!important;
      background-color: @btn_color !important;
    }
  }
}


#sb_main #header .items-wrapper #sb_client_info #sb_login_form #sb_sign_in_form .bar .remind-pass {
  color: @sb_base_color;
}

#sb_main #header .items-wrapper .nav-item#sb_client_info .is-logged .bar-with-btn a {
  color: @sb_base_color;
}

#main #main-content #sb_content #client-profile-edit #sb_profile_form .bar-with-btn button {
  color: @sb_base_color;
}

#main #main-content #sb_content #main-buttons .buttons_wrap #main_buttons_book_btn {
  background-color: @btn_color;
}

.is-widget #main #main-content #sb_content #main-buttons .buttons_wrap #main_buttons_book_btn {
  background-color: @nav_bg_color;
  color: @btn_color;
}

#main #main-content #sb_content #client-login .remind-pass {
  color: @sb_base_color;
}

#main #main-content #sb_content #sb-timeline #steps-content #client-login .form-horizontal .btn.custom {
  border-color: @btn_color;
  color: @btn_color;
}

#main #main-content #sb_content #sb-timeline #steps-content #sb_booking_content .item .btn-bar .select {
  background-color: transparent;
}

#main #main-content #sb_content #sb-timeline #steps-content #sb_booking_content .item .btn-bar .select a {
  border-color: @btn_color;
  color: @btn_color;
  &:hover {
    background-color: @btn_color;
    color: #fff;
  }
}

.product-item .full-info .close-full-info,
#main #main-content #sb_content #sb-timeline #steps-content #sb_booking_content .item .full-info .close-full-info {
  background-color: @sb_base_color;
}

.tab.tab-col .excerpt-info .tab-pd .bar .address a {
  color: @sb_base_color;
  &:hover {
    text-decoration: underline;
  }
}

#main #main-content #sb_content #sb-timeline #sb_dateview_container #sb_datepicker #sb_label_container {
  color: @sb_base_color;
}
#main #main-content #sb_content #sb-timeline #sb_dateview_container #sb_datepicker #sb_label_container:hover {
  border-color: @sb_base_color;
  text-decoration: none;
}

.datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover {
  background-color: @sb_base_color;
  color: #fff;
}

.datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active {
  background-color: @sb_base_color;
  border: none;
}

.datepicker table tr td.active:active:hover, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active:active:focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active:active.focus, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.active.focus, .datepicker table tr td.active.highlighted.active.focus {
  background-color: fade(@sb_base_color, 70%);
  border: none;
}

.datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active {
  background-color: @sb_base_color;
}

.datepicker table tr td span.active:active:hover, .datepicker table tr td span.active:hover:active:hover, .datepicker table tr td span.active.disabled:active:hover, .datepicker table tr td span.active.disabled:hover:active:hover, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active:hover.active:hover, .datepicker table tr td span.active.disabled.active:hover, .datepicker table tr td span.active.disabled:hover.active:hover, .datepicker table tr td span.active:active:focus, .datepicker table tr td span.active:hover:active:focus, .datepicker table tr td span.active.disabled:active:focus, .datepicker table tr td span.active.disabled:hover:active:focus, .datepicker table tr td span.active.active:focus, .datepicker table tr td span.active:hover.active:focus, .datepicker table tr td span.active.disabled.active:focus, .datepicker table tr td span.active.disabled:hover.active:focus, .datepicker table tr td span.active:active.focus, .datepicker table tr td span.active:hover:active.focus, .datepicker table tr td span.active.disabled:active.focus, .datepicker table tr td span.active.disabled:hover:active.focus, .datepicker table tr td span.active.active.focus, .datepicker table tr td span.active:hover.active.focus, .datepicker table tr td span.active.disabled.active.focus, .datepicker table tr td span.active.disabled:hover.active.focus {
  background-color: fade(@sb_base_color, 70%);
}

#main #main-content #sb_content #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_slots_weekly_container .data-col .time-container .time-slot.free:hover {
  background-color: @sb_base_color;
  a {
    font-weight: 600;
    color: #fff;
  }
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .weeks-date .inner .date:hover {
  background-color: @sb_base_color;
  .day-on {
    color: #fff;
  }
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .date.selected {
  border-radius: 0px;
  background-color: @sb_base_color;
  a {
    color: #fff;
    font-weight: 600;
  }

  .day-on,
  .day-off {
    color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
  }
  &:hover {
    background: @sb_base_color;
  }
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_flexible_container .hour-line .sb_time_flexible_hour_container .time-slot.free.hovered {
  background-color: @sb_base_color!important;
  a{
    color: #fff!important;
    font-weight: 600;
  }
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_slots_container .slot:hover {
  background-color: @sb_base_color!important;
  a {
    color: #fff!important;
    font-weight: 600;
  }
}

.datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active {
  background-color: @sb_base_color!important;
  background: @sb_base_color!important;
  color: #fff!important;
  opacity: 1;
  font-weight: 600;
}
.datepicker table tr td.day:hover:not(.disabled), .datepicker table tr td.focused:not(.disabled) {
  background-color: @sb_base_color;
  text-decoration: none;
  color: #fff;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_slots_weekly_container .data-col .time-container .time-slot .cell.free:hover {
  font-weight: 600;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .flexible-weekly-inner .content-container #sb_time_flexible_weekly_container .data-col .time-container .time-slot.hovered {
  background-color: @sb_base_color!important;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb-time-classes-container .inner .provider-container .provider-col .provider-item:hover {
  background-color: @sb_base_color!important;
  a {
    color: #fff!important;
  }
}

.modal-dialog .modal-content .modal-footer .btn#sb_set_button {
 color: @btn_color;
 margin-right: 23px;
}
.modal-dialog.delete-review .modal-footer #sb_review_delete_cancel{
  color: rgba(51,51,51,.5);
}
.modal-dialog.delete-review .modal-footer #sb_review_delete_confirm{
  color: @btn_color;
}

.classes-modal #time_classes_time_container .time-slot:hover {
  background-color: @sb_base_color;
  a {
    color: #fff;
    font-weight: 600;
  }
}

#main #main-content #sb_content #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb-flexible-provider .inner #sb_time_flexible_provider_container .provider-col .provider-timeline .provider-item .time-slot.free.hovered {
  background-color: @sb_base_color;
  a {
    color: #fff;
  }
}

#main #main-content #sb_content #sb-timeline #steps-content #sb_booking_content #details .left-side .add-details .additional-info #sb_sign_out_btn {
  border-color: @btn_color;
  color: @btn_color;
}

#sb-timeline #steps #steps-content #sb_booking_content #details .detail-step .left-side .custom-checkbox input:checked + .custom-label {
  background-color: @sb_base_color!important;
  border: 1px solid @sb_base_color!important;
}

#main #main-content #sb_content #sb-timeline #steps-content #sb_booking_content #details .right-side .license-links-container a {
  color: @sb_base_color;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .date.selected:hover {
  background-color: @sb_base_color;
  a {
    font-weight: 600;
  }
}

#main #main-content #sb_content #sb-timeline #steps-content #sb_booking_content #details .right-side .buttons-container #sb_multiple_booking_button_container > div .btn {
  border-color: @btn_color;
  background-color: @btn_color;
  color: #fff;
}

#main #main-content #sb_content #sb-timeline #steps-content #sb_booking_content #details .right-side .buttons-container .sb-book-btn-container .btn,
.modal-cancellation-reason--bar .btn{
  border-color: @btn_color;
  color: @btn_color;
}

#main #main-content #sb_content #booking-result-tabs .tabs-container .tab-link.active a {
  color: @sb_base_color;
}

.filter .filter-list .filter-item .custom-checkbox input:checked + .custom-label,
#sb_terms_and_conditions .custom-checkbox input:checked + .custom-label {
  background-color: @sb_base_color;
  border-color: @sb_base_color;
}

#main #main-content #sb_content #membership-view #sb_membership_list_container .membership-item .tab .active-container {
  border-color: @sb_base_color;
  transition: all .3s ease;
  a {
    color: @sb_base_color;
    background: transparent;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 16px;
    padding: 16px 10px;
    .pr-numb,
    .pr-currency{
      color: @sb_base_color;
    }
  }
  &:hover {
    background-color: @sb_base_color;
    a {
      color: #fff;
      .pr-numb,
      .pr-currency{
        color: #fff;
      }
    }
  }
}

#main #main-content #sb_content #reviews-view #sb_reviews_add_container .form .send-btn-container #sb_submit_review {
  border-color: @btn_color;
  color: @btn_color;
  &:hover {
    background-color: @btn_color;
    color: #fff;
  }
}

#main #main-content #sb_content #news-index .news-list #sb_news_list_container .article .bar .read-more a {
  color: @sb_base_color;
  &:hover {
    opacity: .8;
  }
}

.modal-dialog.membership_step_modal .buttons_wrap button:nth-of-type(1){
  color: @sb_base_color;
  margin-right: 23px;
}

#sb_content #sb_bookings_list .booking-item .booking-btns .btns_wrap{
  .btn{
    &.sb_add_to_cal{
      color: @btn_color;
    }

    &.sb_add_to_cal,
    &.sb-book,
    &.sb-reschedule,
    &.sb-ticket-download,
    &.sb-medical-test-download{
      border-radius: 0;
      border-color: @btn_color !important;
    }
  }
}

#main #main-content #sb_content #sb_bookings_list .modal.in .buttons.calendar-popup li .btn:hover {
  border-color: @btn_color;
}

.modal-dialog.booking_cancel .modal-footer .tab-pd button:last-of-type {
  color: @sb_base_color;
}

.modal-dialog.payment-modal .modal-body #sb_paid_events_data #sb_payment_systems_container .payment-system .custom-radio input:checked + label:before {
  background-color: @sb_base_color;
}

.modal-dialog.payment-modal .modal-footer .confirm_btn#sb_pay_btn {
  background-color: @btn_color;
}

#main #main-content #sb_content #booking-result-view #bookings_list_btns_wrap .show_all_btn {
  &:hover {
    background-color: #fff;
    color: @btn_color;
    opacity: 1;
    a {
      background-color: #fff;
      color: @btn_color;
      opacity: 1;
    }
  }
}

#main #main-content #sb_content #booking-result-view #bookings_list_btns_wrap #sb_back_btns_plugin a {
  &:hover {
    background-color: #fff;
    color: @sb_base_color;
  }
}

#main #main-content #sb_content .sb-widget-form .buttons .button.send-message-button {
  border: 1px solid @sb_base_color;
  background-color: @sb_base_color;
}
#main #main-content #sb_content .sb-widget-form .buttons .open-booking-widget-button {
  border: 1px solid @sb_base_color;
  color: @sb_base_color;
}

#main #main-content #sb_content #client-profile-preview #sb_membership_button_module .btn {
  border-color: @btn_color;
  color: @btn_color;
}

.modal-dialog.license_dialog .terms_and_conditions a {
  color: @sb_base_color;
  display: inline-block;
  &:hover {
    text-decoration: underline;
  }
}

#main #main-content #sb_content #remind-password #sb_sign_in_form .bottom_wrap .bottom_of_bottom_wrap button:nth-of-type(1) {
  color: @sb_base_color;
}

.modal-dialog .modal-content button.close:after,
.modal-dialog .modal-content button.close:before{
  background-color: @sb_base_color;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .inner.selected {
  background-color: @sb_base_color;
  border-radius: 0px;
}

#main #main-content #sb_content #sb-timeline #sb_dateview_container .top-date-select .header #sb_prev_month:before,
#main #main-content #sb_content #sb-timeline #sb_dateview_container .top-date-select .header #sb_next_month:before{
  color: @sb_base_color;
}

#main #main-content #sb_content #sb-timeline #sb_dateview_container .top-date-select .header #sb_prev_month:before, #main #main-content #sb_content #sb-timeline #sb_dateview_container .top-date-select .header #sb_prev_date:before,
#main #main-content #sb_content #sb-timeline #sb_dateview_container .top-date-select .header #sb_next_month:before, #main #main-content #sb_content #sb-timeline #sb_dateview_container .top-date-select .header #sb_next_date:before{
  color: @sb_base_color;
}

.datepicker table tr td.today {
  border-color: @sb_base_color;
  background-color: @sb_base_color;
  opacity: .6;
}

.datepicker table tr td.today:active:hover, .datepicker table tr td.today.active:hover, .datepicker table tr td.today:active:focus, .datepicker table tr td.today.active:focus, .datepicker table tr td.today:active.focus, .datepicker table tr td.today.active.focus {
  border-color: @sb_base_color!important;
  background-color: @sb_base_color!important;
}

#main #main-content #sb_content #sb-timeline #sb_timeview_container .timeline-wrapper .header .txt-left:before,
#main #main-content #sb_content #sb-timeline #sb_timeview_container .timeline-wrapper .header .txt-right:before {
  color: @sb_base_color;
}

#main #main-content #sb_content.masked {
  background-color: fade(@sb_base_color, 65%);
}

.is-widget #main #main-content #sb_content.masked {
  background-color: @sb_base_color;
}

#footer {
  background-color: @sb_base_color;
}

#main #main-content #sb_content #client-login .form-horizontal .btn.custom {
  border-color: @btn_color;
  color: @btn_color;
  &:focus, &:active {
    outline: none;
  }
}

.booking-item .booking-btns .btns_wrap .btn:after {
  color:  @btn_color;
}

#main #main-content #sb_content .mb.btn-bar .active-container a, #main #main-content #sb_content .mb.btn-bar .active-container span {
  color: @sb_base_color;
}

#sb_main #header .header_nav_wrap .text_logo {
  color: @sb_base_color;
  transition: all .4s ease;
  &:hover {
    opacity: .7;
  }
}


#main #main-content #sb_content #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb-flexible-provider .inner #sb_time_flexible_provider_container .provider-col .provider-timeline .provider-item .sb_time_flexible_hour_container .time-slot .time-cell.free.hovered {
  background-color: @sb_base_color;
  color: #fff;
}

#main #main-content #sb_content #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .flexible-view .timeline-wrapper #sb_time_flexible_container .hour-line .sb_time_flexible_hour_container .time-slot a.hovered {
  background-color: @sb_base_color;
  color: #fff;
  font-weight: 600;
}

#main #main-content #sb_content #membership-view #sb_membership_list_container .membership-item .tab .active-container:hover a span {
  color: #fff;
}

.widget-sb-book {
  background-color: @sb_base_color;
  color: #fff;
  &:hover {
    color: #fff;
    opacity: .7;
  }
}

#sb_main .paym-container .paym-btn {
  background-color: @btn_color;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper.classes-plugin-wrapper #sb-time-classes-container .inner .provider-container .provider-col .provider-item:hover {
  background-color: transparent!important;
}

#main #main-content #sb_content #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper.classes-plugin-wrapper #sb-time-classes-container .inner .provider-container .provider-col .provider-item .cell.sb-cell:hover {
  background-color: @sb_base_color;
  color: @light_font_color!important;
}

#main #main-content #sb_content #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb-time-classes-container .inner .provider-container .provider-col .provider-item .btn {
  background-color: @btn_color;
  color: @light_font_color;
  border: none;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper.classes-plugin-wrapper #sb-time-classes-container .inner .provider-container .provider-col .provider-item .close-full-info {
  background-color: @sb_base_color;
}

#main #main-content #sb_content #sb-timeline #sb_timeview_container .timeline-wrapper .header .txt-left a:before,
#main #main-content #sb_content #sb-timeline #sb_timeview_container .timeline-wrapper .header .txt-right a:before{
  color: @sb_base_color;
}

#main #main-content #sb_content #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper.classes-plugin-wrapper #sb-time-classes-container .inner .provider-container .provider-col .provider-item .close-full-info {
  background-color: @sb_base_color;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb-time-classes-container.classes-plugin .inner .provider-container .provider-col .provider-item:not(:first-of-type) .cell {
  border-top-color: @sb_base_color;
}

//timeline colors

.badge {
  background: @sb_base_color;
  color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
  &:before {
    border-top: 40px solid @sb_base_color;
  }
  &:after {
    border-top: 5px solid @sb_base_color;
  }
}

.panel .service-deposit {
  .badge {
    color: @sb_base_color;
  }
  .text {
    color: @dark_font_color;
  }
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step .timeline-wrapper #sb_time_flexible_weekly_container .data-col .time-container .time-slot {
  border-left: 1px solid @border_slot_color;
}

#membership-view .mb.btn-bar .info-container .wrapper {
  background-color: transparent;
  color: @dark_font_color;
}

#membership-view .mb.btn-bar .info-container a.wrapper {
  background: transparent;
  border: 2px solid @btn_color;
  color: @btn_color;
  span {
    color: @btn_color;
  }
}

#membership-view .mb.btn-bar .info-container .wrapper span {
  color: @dark_font_color;
}

#membership-view .mb.btn-bar .active-container .wrapper {
  background: transparent;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .date.selected .day-on {
  color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
}

.modal-dialog .modal-content .modal-header {
  background-color: transparent;
}

#main #main-content #sb_content #sb-timeline #steps-content #sb_booking_content #details .title-main,
.badge{
  color: @dark_font_color;
}

.product-item .badge{
  color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
}

.product-pagination a, span {
  &.current {
    background-color: @sb_base_color;
    color: @light_font_color;
  }
  &.arrow {
    color: @sb_base_color;
  }
}

#sb_main #header .header_nav_wrap .items-wrapper .nav-item#sb_client_info .my-bookings .btn {
  border: 1px solid @btn_color;
  color: @btn_color;
}

//#sb_main .service-bar__text a {
//  color: @light_font_color;
//}

#main #main-content #sb_content .sb-widget-form .buttons .btn.send-message-button {
  color: @light_font_color;
}

#main #main-content #sb_content #membership-view #membership-payment-history .table + div {
  color: @light_font_color;
}

#reviews-view .review-item .avatar a .author {
  color: @light_font_color;
}

.alert.alert-booking {
  border: 1px solid @light_font_color;
  color: @light_font_color;
}

.custom-radio input:checked + label {
  border-color: @sb_base_color;
}

.modal-dialog.license-modal .modal-content .modal-footer .btn {
  color: @btn_color;
}
.current-booking-info .location-modal .close-full-info {
  background-color: @sb_base_color;
}

#client-profile-preview .close-modal:after,
#client-profile-preview .close-modal:before,
#client-profile-edit .close-modal:before,
#client-profile-edit .close-modal:after,
#remind-password .close-modal:before,
#remind-password .close-modal:after{
  background-color: @sb_base_color;
}

#client-profile-preview .bar-with-btn .btn.sb-client-edit-popup {
  color: @btn_color;
}

#sb_main #header .items-wrapper .nav-item#sb_client_info #sb_login_form .bar-with-btn .sb-client-info-popup {
  color: @btn_color;
}

#client-profile-preview .title-main {
  color: @dark_font_color;
}

#client-profile-edit #sb_profile_form .bar-with-btn #sb_update_btn {
  color: @btn_color;
}

#remind-password .bar #sb_remind_btn {
  color: @btn_color;
  background: transparent;
}

#main .cookies .wrapper a {
  color: @sb_base_color;
}

#main .cookies .wrapper .btn {
  background-color: @btn_color;
}

#main #main-content #sb_content #membership-view #sb_membership_list_container .membership-item .tab .excerpt-info .full-info .close-full-info {
  background-color: @sb_base_color;
}
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb-time-classes-container .inner .provider-container .provider-col .provider-item:hover .service-bar__text a{
  color: @dark_font_color !important;
}

#sb_gdpr_report_module_container #sb_gdpr_email_form .sb_gdpr_close_form_btn{
  background: @btn_color;
  color: contrast(@btn_color, @dark_font_color, @light_font_color);
}

#footer a {
  color: contrast(@btn_color, @dark_font_color, @light_font_color);
}

#footer #sb_scroll_top_btn {
  background-color: contrast(@btn_color, @dark_font_color, @light_font_color);
  color: @btn_color;
  &:hover {
    background-color: fade(contrast(@btn_color, @dark_font_color, @light_font_color), 70%);
    color: @btn_color;
  }
}

.error-card .title-main.er-404{
  color: @sb_base_color;
}
#sb_content .section-page-404 .error-card .redirect-block .block .btn {
  color: @btn_color;
  border-color: @btn_color;
  &:hover {
    color: contrast(@btn_color, @dark_font_color, @light_font_color);
    background: @btn_color;
  }
}

.tab.tab-col .read-more,
.provider-item .read-more,
.membership-item .read-more{
  font-weight: 600;
  color: @sb_base_color;
}

.invoice-pay-page .invoice-table tbody tr td a {
  color: @sb_base_color;
}

.invoice-pay-page .to-invoices-list{ 
  background: @sb_base_color;
  color: contrast(@sb_base_color, @dark_font_color, @light_font_color);

  &:hover{
    background: darken(@sb_base_color, 5%);
    color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
  }
}

.invoice-pay-page .to-invoices-list {
  color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
}

//.invoice-pay-page .title.custom-title {
//  color: @dark_font_color;
//}

.custom-radio input:checked + label:before {
  background-color: @sb_base_color;
}

.invoice-pay-page #sb_invoice_pager_container .pagination-wrapper a {
  color: @dark_font_color;
}

.invoice-pay-page #sb_invoice_pager_container .pagination-wrapper .arrow {
  color: @sb_base_color;
}

.invoice-pay-page #sb_invoice_pager_container .pagination-wrapper .arrow:hover, .invoice-pay-page #sb_invoice_pager_container .pagination-wrapper a:hover {
  background-color: #e5e5e5;
  color: @dark_font_color;
}

.invoice-pay-page #sb_invoice_pager_container .pagination-wrapper a.current:hover {
  background-color: @sb_base_color;
  color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
}

.tab.tab-col .read-more,
.provider-item .read-more,
.membership-item .read-more{
  font-weight: 600;
  color: @sb_base_color;
}

#main #main-content #sb_content.masked #main-buttons .wrapper #contacts_data #schedule {
  color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
}

.promo-list-wrap .promotion-list .promotion-item .btn-bar .btn.select a {
  border: 1px solid @btn_color;
  color: @btn_color;
  background: transparent;
  &:hover {
    background-color: @btn_color;
    color: contrast(@btn_color, @dark_font_color, @light_font_color);
  }
}

.tab.tab-col .excerpt-info .btn-bar ,
.tab.tab-col .excerpt-info .btn-bar {
  .btn{
    border: 2px solid @btn_color;
    background: transparent;
    color: @btn_color;

    a{
      border: none !important;
    }

    &:hover{
      background-color: @btn_color;
      color: contrast(@btn_color, @dark_font_color, @light_font_color);
    }
  }
  button.btn.select-by-bonus,
  a.btn.select-by-bonus{
    background-color: @btn_color;
    color: contrast(@btn_color, @dark_font_color, @light_font_color);
    &.disabled{
      border: 1px solid #ccc;
      color: @dark_font_color;
    }
  }
}

.promo-list-wrap .promotion-list .promotion-item .full-info .close-full-info {
  background-color: @sb_base_color;
}
.is-widget #header .nav-wrapper .items-wrapper .nav-item#book-btn {
  .btn {
    background-color: @btn_color;
    color: contrast(@btn_color, @dark_font_color, @light_font_color);
  }
}

.current-booking-info .accordion .title {
  color: @sb_base_color;
}

#sb-timeline #steps #steps-content .step-content .split-title .title-section {
  color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
}


.back-to-site .btn-primary {
  background-color: @btn_color;
  color: contrast(@btn_color, @dark_font_color, @light_font_color);
  &:hover,
  &:focus {
    background-color: @btn_color;
    color: contrast(@btn_color, @dark_font_color, @light_font_color);
  }
}

.wrap-client-info-view .client-info-view .titles-block .title-main{
  color: @dark_font_color;
}

.package-content .package-item .tab.tab-col .full-info .close-full-info{
  background-color: @sb_base_color;
}

#main #main-content #sb_content #sb-timeline #steps-content #sb_booking_content .item.panel .btn-bar .select{
  background-color: @btn_color;
  color: contrast(@btn_color, @dark_font_color, @light_font_color);
  &:hover,
  &:focus {
    background-color: darken(@btn_color, 4%);
    color: contrast(@btn_color, @dark_font_color, @light_font_color);
  }
}

#booking-result-view .back-to-services {
  color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
}

#sb_content.masked .title-main.er-404 {
  color: @dark_font_color!important;
}

// Empty step
#main #main-content #sb_content #sb-timeline #steps-content #sb_booking_content .step-content {
    .empty-step {
      &__wrapper {
        background: @nav_bg_color;
      }
    }
}

.page-content--online-meeting .online-meeting .btn{
  background: transparent;
  border: 1px solid @btn_color;
  color: @btn_color;

  &:hover, &:active{
    background: @btn_color;
    color: contrast(@btn_color, @dark_font_color, @light_font_color);
  }
}

// Theme main icons color
.preloader,
.photo,
.img,
.provider-item .default,
.empty-step__image,
//.invoice-pay-page,
.invoice-notifications,
.error-card ,
.page-content--online-meeting .online-meeting__picture {
  svg  {
    path[stroke] {stroke: @sb_base_color;}
    path[fill] {fill: @sb_base_color;}
    circle[stroke] {stroke: @sb_base_color;}
    circle[fill] {fill: @sb_base_color;}
  }
}

// Samesite cookies popup
.samesite-cookies {
  background: fade(@body_bg_color, 70%);
  &__popup {

    &-btn {
      border-color: @btn_color;
      color: @btn_color;

      &:hover {
        background: @btn_color;
        color: #fff;
      }
    }

    &-link {
      color: @sb_base_color;
    }
  }
}

.current-booking-info .package-use-credits-msg .link{
  color: @sb_base_color;
}

.telegram-notifications{
  &--modal {
    .modal-dialog .modal-content {
      .modal-header {
        .modal-title {
          color: @dark_font_color;
        }
      }
    }
    .close-full-info{
      &:before,
      &:after {
       background: @sb_base_color;
      }
    }
  }
  &--card{
    .btn{

    }
  }
  &__btn-bar{
    text-align:left;
    .btn{
      color: @btn_color;
    }
  }
}


.login-container__remember-check {
  background: @dark_font_color;

  svg path {
    fill: @light_font_color;
  }
}

.bonus{
  &__count-row{
    color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
    .icon{
      color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
    }
  }
  &__count{
    color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
  }
  &__amount{
    color: #47ED41;
    &.no-income{
      color: #FF7993;
    }
  }
  &__table{
    background: #fff;
    thead{
      background: #F8F8F8;
      th{
      }
    }
    tbody{
      tr{
        background: transparent;
        &:nth-child(odd) {
          background: #fff;
        }
        &:nth-child(even) {
          background: #fff;
        }
        td{
          border-bottom: 1px solid #E8E9EB;
        }
      }
    }
  }
}

// Date field icon
.calendar-toggle {
  &__icon path {
    fill: @sb_base_color;

    &:last-child {
      fill: none;
      stroke: @sb_base_color;
    }
  }
}

#sb_main #header.line .nav-wrapper #sb_menu .nav .menu-item .popup-hide{
  color: @sb_base_color;
}

.is-widget.line #main #main-content #sb_content.masked{
  background: transparent;
}
.is-widget.line body{
  background: rgba(@sb_base_color, 0.7);
}
.timeline-wrapper{
  background: #fff;
}

.invoice-pay-page{
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: rgba(#fff, 0.15);
}

.full-info--cart_footer .btn-bar .btn.book-btn{
  color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
  background-color: @sb_base_color ;
}

.product-view--filter_sort-by .field_wrap{
  display: flex;
  align-items: center;
  gap: 12px;
  flex-direction: row;

  .control-label{
    padding: 0;
    margin: 0;
    white-space: nowrap;
  }
  .form-control{
    padding: 2px 12px;
  }
}

.btn--next-available-date{
  color: contrast(@btn_color, @dark_font_color, @light_font_color)!important;
  background-color: @btn_color !important;

  &:hover {
    color: contrast(@btn_color, @dark_font_color, @light_font_color)!important;
    background-color: @btn_color !important;
  }
}