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

//@sb_base_color: #F0393F;

//@body_bg_color: #fdfdfd;

//@site_description_color: #333333;

//@dark_font_color: #494949;

//@header_color: #ffffff;

@grey: #81889a;

@black: #464646;

//@dark_font_color: #494949;

//@light_font_color: #fff;

body {
  background: @body_bg_color;
  color: @dark_font_color;
}

html {
  &::-webkit-scrollbar {
    _background-color: @body_bg_color;
  }

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

.title-main:not(.company-name, .company-logo-and-name) {
  color: contrast(@body_bg_color, @dark_font_color, @light_font_color);
}

/*Custom theme color styles*/
#header {
  background-color: fade(@header_color, 92%);
}

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

#main #main-buttons .wrapper .inner .bar .txt,
#main #main-buttons .wrapper .inner .bar p,
#main #main-buttons .wrapper .inner .bar  li{
  color: @site_description_color;
}

#main #main-buttons .btn.promo {
  background-color: @btn_color;
}

#main #main-buttons .wrapper .inner .bar .btn {
  background-color: @btn_color;
  color: contrast(@btn_color, @dark_font_color, @light_font_color);

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

.full-info--cart_footer .btn-bar .btn,
.subscribe-component--btn-bar .btn-bar--row .btn.btn-primary,
.is-widget #main .btn.book {
  background-color: @btn_color;
  color: contrast(@btn_color, @dark_font_color, @light_font_color);
}

#main #main-content #sb_content #client-login .custom-form .sign_button_wrap .btn.custom {
  background-color: @btn_color;
}

#main #main-content #sb_content #steps #sb_booking_content #sb_provider_step_container .provider-item .button_wrap a {
  background-color: @btn_color;
  color: contrast(@btn_color, @dark_font_color, @light_font_color);
}

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

#header .items-wrapper .nav-item#sb_cart .full-info .filled .bottom-block .book-btn {
  background-color: @btn_color;
  a {
    color: contrast(@btn_color, @dark_font_color, @light_font_color);
  }
}

#main #main-content #sb_content #steps #details .buttons-container #sb_book_btn {
  background-color: @btn_color;
}

#main #main-content #sb_content #booking-result-view #show_all_bookings_btn {
  background-color: @btn_color;
}

#main #main-content #sb_content #steps #sb_booking_content .item .tab .btn.select {
  background-color: @btn_color;
}

#header .items-wrapper #sb_login_form .not-logged .sign_in_bottom #sb_sign_in_btn {
  background-color: @btn_color;
}

#main #main-content #sb_content #client-login .section_top #cs_register_or_login_tabs ul li.active a {
  border-bottom-color: @sb_base_color;
}

#main #main-content #sb_content #client-login .section_top #cs_register_or_login_tabs ul li a {
  color: @sb_base_color;
}

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

#main #main-content #sb_content #client-login .to-sign-up__link {
  color: @sb_base_color;
}

#header .items-wrapper #sb_login_form .not-logged .sign_in_top .remind-pass {
  color: @sb_base_color;
}

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

#main #main-content #sb_content #booking-result-view {
  background-color: @sb_base_color;
}

#header .items-wrapper .login-container .full-info .bar-with-btn a {
  background-color: @sb_base_color;
}

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

.subscribe-component--btn-bar .btn-bar--row .btn.btn-danger,
#client-profile-preview #sb_profile_form .bar-with-btn .btn{
  border: 1px solid @btn_color;
  background-color: #fff;
  color: @dark_font_color;
  &:focus, &:active {
    outline: none;
  }
  &:hover {
    background-color: #fff;
  }
  &.btn-logout{
    background: @btn_color;
    color: contrast(@btn_color, @dark_font_color, @light_font_color);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='19'%3E%3Cpath d='M1295.22 134.6a.782.782 0 0 0 0-.523l-.01-.011a.689.689 0 0 0-.14-.2l-5.62-5.355a.709.709 0 0 0-.98 0 .639.639 0 0 0 0 .933l4.44 4.229h-11.22a.676.676 0 0 0-.69.659.631.631 0 0 0 .2.466.726.726 0 0 0 .49.193h11.22l-4.44 4.229a.637.637 0 0 0 0 .932.709.709 0 0 0 .98 0l5.62-5.354a.671.671 0 0 0 .15-.198Zm7.08-9.608h-6.34a.66.66 0 1 0 0 1.319h5.65v16.37h-5.65a.66.66 0 1 0 0 1.318h6.34a.666.666 0 0 0 .69-.659v-17.689a.666.666 0 0 0-.69-.66Z' transform='translate(-1281 -125)' style='fill:@{svg-btn-text-color};fill-rule:evenodd'/%3E%3C/svg%3E") !important;
    &:hover{
      background-color: @btn_color;
    }
  }
}

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

#main #main-content #sb_content #steps #sb_booking_content .item .tab .bar .address a {
  color: @sb_base_color;
}

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

.grid-weekly-item .full-info .close-full-info {
  background-color: @sb_base_color;
}

#main #main-content #sb_content #steps #sb_booking_content .item .plugin-group-booking .slider .ui-slider-handle {
  background-color: @sb_base_color;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step .timeline-wrapper #sb_time_slots_weekly_container .data-col .time-container .time-slot.free:hover {
  background-color: @sb_base_color!important;
}

#main #main-content #sb_content #steps .datetime-step #sb_dateview_container .top-date-select .datepicker-button .btn:hover {
  border-color: @btn_color;
  color: @btn_color;
}

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

.datepicker table tr td.day:hover:not(.disabled), .datepicker table tr td.focused:not(.disabled) {
  background-color: @sb_base_color !important;
  background: @sb_base_color !important;
}

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

#main #main-content #sb_content #steps #details .detail-step-inner #sb_license_container a {
  color: @sb_base_color;
}

#main #main-content #sb_content #steps #details .buttons-container #sb_multiple_booking_btn.btn {
  border: 1px solid @btn_color;
  color: @dark_font_color;
}

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

#sb_main .payment_step_wrapper .modal-dialog.payment-modal .modal-content .modal-body #sb_payment_systems_container .payment-system .custom-radio input:checked + label {
  border-color: @sb_base_color;
}

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

#sb_main .modal-dialog .modal-content .modal-footer button:first-of-type {
  color: @sb_base_color;
}

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

#main #main-content #sb_content #booking-result-view.membership-section #booking-result-tabs .tabs-container .tab-link.active a {
  border-bottom-color: @sb_base_color!important;
}

#main #main-content #sb_content #booking-result-view.membership-section #booking-result-tabs .tabs-container .tab-link a {
  color: @sb_base_color!important;
}

#main #main-content #sb_content #reviews-view #sb_reviews_add_container .btn-bar .logout {
  color: @sb_base_color;
}

#main #main-content #sb_content #membership-view .membership-item a.price-formatter {
  background-color: @btn_color;
}

#main #main-content #sb_content #membership-view .mb.btn-bar .info-container,
#main #main-content #sb_content .mb.btn-bar .info-container span{
  color: @sb_base_color;
}

#main #main-content #sb_content #reviews-view .reviews_top #open_cs_add_review_modal:hover {
  background-color: @sb_base_color;
}

#main #main-content #sb_content #reviews-view .reviews_top #open_cs_add_review_modal {
  border: 1px solid @sb_base_color;
  color: @sb_base_color;
}

.slick-dots li.slick-active button{
  border-color: @sb_base_color;
}

.slick-dots li button {
  background-color: @sb_base_color;
}

#main #main-content #sb_content #reviews-view #sb_reviews_add_container .form .send-btn-container .btn.custom {
  color: @sb_base_color;
}

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

#main #main-content #sb_content #news-index .news-list .article .bar .read-more a:hover {
  border-bottom-color: @sb_base_color;
}

#main #main-content #sb_content #news-single .return-btn .back-btn {
  color: @sb_base_color;
}

#main #main-content #sb_content #about_us_section #map-view .left_side_info {
  background-color: @sb_base_color;
  color: contrast(@sb_base_color, @light_font_color, @dark_font_color);
}

#main #main-content #sb_content #contacts_page_section .bottom_wrapper .message_form .buttons .send-message-button {
  background-color: @sb_base_color;
}

#main #main-content #sb_content #contacts_page_section .bottom_wrapper .message_form .buttons .open-booking-widget-button {
  border: 1px solid @sb_base_color;
  color: @sb_base_color;
}

#main #main-content #sb_content #reviews-view #sb_reviews_add_container .block-top .close:hover:before,
#main #main-content #sb_content #reviews-view #sb_reviews_add_container .block-top .close:hover:after {
  background-color: @sb_base_color;
}

#footer .copyright a {
  color: @sb_base_color;
}

#main #main-content #sb_content #steps .datetime-step #sb_timeview_container .flexible-view .time-slot.free:hover,
#main #main-content #sb_content #steps .datetime-step #sb_timeview_container .flexible-view .time-slot.free.hovered{
  background-color: @sb_base_color;
  color: #fff;
  font-weight: 700;
}

#main #main-content #sb_content #steps .datetime-step #sb_timeview_container .slots-view .slot.available:hover {
  background-color: @sb_base_color;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_slots_container .slot.available:hover a{
  color: #fff;
  font-weight: 700;
}

#main #main-content #sb_content #steps .datetime-step #sb_timeview_container .flexible-weekly-view #sb_time_flexible_weekly_container .time-slot.free:hover,
#main #main-content #sb_content #steps .datetime-step #sb_timeview_container .flexible-weekly-view #sb_time_flexible_weekly_container .time-slot.free.hovered{
  background-color: @sb_base_color;
}

//.classes-modal #time_classes_time_container .time-slot:hover {
//  background-color: @sb_base_color;
//  a {
//    color: #fff;
//    font-weight: 700;
//  }
//}
//
//#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 {
//  background-color: @sb_base_color;
//  a {
//    color: #fff;
//  }
//}
//
//#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;
//  }
//}

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

#sb_time_classes_service_container .service_list_item .bar-service .plugin-group-booking .slider .ui-slider-handle {
  background-color: @sb_base_color;
}

#sb_time_classes_service_container .service_list_item .wrapper .cap-short a:hover {
  color: @sb_base_color;
}

#main #main-content #sb_content #steps #details .detail-step-inner #sb_user_license_container .user-license a {
  color: @sb_base_color;
}

#main #main-content #sb_content #steps #details .left-side #sb_client_login_container .additional-info .btn {
  color: @dark_font_color;
  border-color: @btn_color;
}

#main #main-content #sb_content #steps #sb_booking_content .item .tab .btn.select a {
  background-color: @btn_color;
}

#header .items-wrapper .nav-item#book-btn .book-btn-container .item-container {
  background-color: @sb_base_color;
}

#main #main-content #sb_content .remind_form_wrapper #remind-password .column.section .form_wrapper_inner .form .bar .remind_btn #sb_remind_btn {
  background-color: @btn_color;
}

#main #main-content #sb_content #steps #details #sb_cancellation_policy_container .cancellation-policy 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 {
  background-color: @sb_base_color;
  a {
    color: #fff;
  }
}

#main #main-content #sb_content #about_us_section .left_side_block .text a{
  color: @sb_base_color;
}

#main #main-content #sb_content #steps #sb_booking_content .item .tab .txt a {
  color: @sb_base_color;
}

#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 {
  background-color: @sb_base_color;
  font-weight: 700;
}

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

#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 .cell.free.hovered {
  background-color: @sb_base_color;
  font-weight: 600;
}

#sb_main .paym-container .paym-btn {
  background-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, #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;
}

#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 a {
  &:hover {
    color: #ffffff;
    font-weight: 600;
    background-color: @sb_base_color;
  }
}

#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 .time-cell.free.hovered {
  font-weight: 600;
}

#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 .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 .btn {
  background-color: @btn_color;
  border-radius: 10px;
  border: none;
  padding: 11px 0;
  &:hover {
    font-weight: 400;
  }
}
#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 .full-info .bar-service .badge {
  color: @dark_font_color;
}
.service-item .badge {
  color: @dark_font_color;
}

.panel .service-deposit {
  .badge {
    color: @sb_base_color;
  }
  .text {
    color: @dark_font_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 .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.classes-plugin .inner .provider-container .provider-col .provider-item:not(:first-of-type) .cell {
  border-top-color: @sb_base_color;
}

//timeline colors

#sb_product_container .product-item .tab .badge {
  background-color: transparent;
  color: @sb_base_color;
}

.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;
  }
}

@black: #464646;
//@sb_busy: #dad2ce;
//@sb_available: #d3e0f1;
@sb_active: @sb_base_color;

@sb_busy_font: contrast(@sb_busy, @dark_font_color, @light_font_color);
@sb_available_font: contrast(@sb_available, @dark_font_color, @light_font_color);
@sb_active_font: contrast(@sb_active, @dark_font_color, @light_font_color);

.sb-cell {
  cursor: pointer;
  &.free {
    background: @sb_available;
    color: @sb_available_font;
    a {
      color: @sb_available_font;
    }
    &.hovered,
    &:hover {
      background: @sb_active;
      color: @sb_active_font;
      a {
        color: @sb_available_font;
      }
    }
  }
  &.breaktime,
  &.reserved,
  &.busy_time,
  &.busy {
    background: @sb_busy;
    color: @sb_busy_font;
    opacity: .4;
    cursor: not-allowed;
  }
}


.time-legend .available .circle {
  background: @sb_available;
}
.time-legend .unavailable .circle {
  background: @sb_busy;
  opacity: .4;
}


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

.custom-checkbox input:checked + .custom-label {
  background-color: #F4F4F4;
  border: 1px solid #DDDDDD;
}

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

#main #main-content #sb_content #membership-view .mb.btn-bar .wrapper,
#main #main-content #sb_content #membership-view .mb.btn-bar .wrapper span{
  color: @dark_font_color;
}

#main #main-content #sb_content #membership-view .mb.btn-bar .wrapper.btn,
#main #main-content #sb_content #membership-view .mb.btn-bar .wrapper.btn span {
  color: @light_font_color;
}

#main #main-content #sb_content #steps #sb_booking_info {
  border-bottom: 4px solid fade(@sb_base_color, 30%);
}

#main #main-content #sb_content #steps #steps-nav li.step_info_item.active ,
#main #main-content #sb_content #steps #steps-nav li.passed + li {
  background-color: @sb_base_color;

  .title-small {
    color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
  }
}

#main #main-content #sb_content #steps #steps-nav li.passed,
#main #main-content #sb_content #steps #steps-nav li.passed:first-of-type{
  background: transparent !important;

  .title-small {
    color: @sb_base_color;
  }
}

#main #main-content #sb_content #steps #steps-nav li.passed:before {
  background-color: @sb_base_color;
}

#main #main-content #sb_content #steps #steps-nav li.step_info_item.passed .title-small {
  color: @sb_base_color!important;
}
#main #main-content #sb_content #steps #steps-nav li.step_info_item.filled .title-small{
  color: @sb_base_color!important;
}

#sb_time_classes_service_container .tab-col .plugin-group-booking .slider .ui-slider-handle {
  background-color: @sb_base_color;
}

#sb_time_classes_service_container .tab-col .content .cap-short a {
  color: @dark_font_color;
}

#sb_time_classes_service_container .tab-col .content .bar-service .badge {
  color: @dark_font_color;
}

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

#main #main-buttons .wrapper .inner .main-descr ul li:before {
  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 .full-info .service-bar__text a {
  &:hover {
    background-color: transparent;
    color: @dark_font_color;
  }
}


//DATEPICKER COLORS
.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_available;
  background: @sb_available;
  color: @sb_available_font;
}

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

.cart-container .full-info .current-booking-info .accordion .title {
  background-color: @sb_base_color;
  color: @light_font_color;
}

#main #main-content #sb_content #booking-result-view .back-to-site .btn {
  background-color: @light_font_color;
  color: @btn_color;
}
.current-booking-info .location-modal .close-full-info {
  background-color: @sb_base_color;
}

#header .items-wrapper .login-container .full-info .bar-with-btn .sb-client-info-popup {
  background-color: @btn_color;
  color: contrast(@btn_color, @dark_font_color, @light_font_color);
}

#header .items-wrapper .nav-item#sb_client_info .login-container .full-info #sb_login_form .not-logged .bar .btn {
  background-color: @btn_color;
}

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

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

#footer a {
  color: @sb_base_color;
}

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

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

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

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

.invoice-pay-page .to-invoices-list:hover {
  color: @sb_base_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);
  }
}

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

.promo-list-wrap {
  background-color: @sb_base_color;
}

.promotion-list .promotion-item .select a {
  background-color: @sb_base_color;
  color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
}

.promotion-list .promotion-item .badge{
  color: @sb_base_color;
}

#main #main-content #sb_content #steps #details .left-side .add-details .fb-container .btn{
  background: @btn_color;
  color: contrast(@btn_color, @dark_font_color, @light_font_color);
}

#sb-timeline #steps #steps-content #sb_booking_content #details .detail-step .right-side .current-booking-info .booking-info .booking-overview {
  .info a {
    color: @sb_base_color;
  }
}

#sb-timeline #steps #sb_back_button a {
  color: @sb_base_color;
}

.other_3 {
  .main-descr {
    .title-main,
    .txt {
      color: @light_font_color!important;
    }
  }
}

#main #main-content #sb_content #booking-result-view .current-booking-info .booking-btns .btns-wrapper .btn.sb_cancel_btn .btn_tooltip .text,
#main #main-content #sb_content #steps #details #sb_multiple_booking_list_container #sb_multiple_booking_list .booking-btns .btn.sb_cancel_btn{
  color: @sb_base_color;
}

#main #main-content #sb_content #membership-view .membership-item.panel .title a,
#sb-timeline #steps #steps-content #sb_booking_content .timeline-sidebar .item.panel .title a{
  color:  @dark_font_color;
}

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

//online meeting
.page-content--online-meeting{
  background-color: @sb_base_color;
}

// Client fields
#client-login .sb-client-fields,
.modal-content  #client-profile-edit .sb-client-fields {
  border-bottom-color: @sb_base_color;
}

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

  &__popup {
    background: @body_bg_color;

    &-btn {
      background: @sb_base_color;
      color: contrast(@sb_base_color, @dark_font_color, @light_font_color);

      &:hover {
        color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
      }
    }

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

#header .items-wrapper .nav-item#sb_client_info .login-container .full-info #sb_login_form .not-logged .bar .btn-bar--row{
  .btn--sign-up{
    border: 2px solid @btn_color;
    color: @btn_color;
    background-color: #fff !important;

    &:hover {
      background-color: #fff !important;
      border: 2px solid darken(@btn_color, 10%);
      color: darken(@btn_color, 10%);
    }
  }
}

#header .items-wrapper .nav-item#sb_client_info .login-container .full-info #sb_login_form .not-logged .bar .btn-bar--row{
  .btn--sign-up{
    border: 2px solid @btn_color;
    color: @btn_color;
    background-color: #fff !important;

    &:hover {
      background-color: #fff !important;
      border: 2px solid darken(@btn_color, 10%);
      color: darken(@btn_color, 10%);
    }
  }
}

#header .nav-wrapper #sb_menu {
  &::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 8px;
    border-radius: 4px;
  }
  &::-webkit-scrollbar-track {
    background-color: fade(@sb_base_color, 20%);
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
    border-radius: 4px;
  }
  &::-webkit-scrollbar-thumb {
    background-color: @sb_base_color;
    border-radius: 4px;
    border: none;
  }
  &::-webkit-overflow-scrolling:touch {
    width: 8px;
  }
}

.telegram-notifications{
  &--modal {
    .close-full-info{
      &:hover{
        &:before, &:after{
          background-color: @sb_base_color;
        }
      }
    }
  }
  &--card{
    background-color: rgba(255, 255, 255, 0.68);
  }
}


#header .items-wrapper .nav-item#sb_client_info .login-container__remember-check {
  background: @sb_base_color;

  svg path {
    stroke: contrast(@sb_base_color, @dark_font_color, @light_font_color);
  }
}

.bonus{
  &__amount{
    color: #47ED41;
    &.no-income{
      color: #FF7993;
    }
  }
  &__table{
    background: #fff;
    thead{
      background: #F7F7F7;
      th{
      }
    }
    tbody{
      tr{
        background: transparent;
        &:nth-child(odd) {
          background: #fff;
        }
        &:nth-child(even) {
          background: #fff;
        }
        td{
          border-bottom: 1px solid #E9EAEE;
        }
      }
    }
  }
}

.tab.tab-col .excerpt-info .btn-bar ,
.tab.tab-col .excerpt-info .btn-bar {
  button.btn.select-by-bonus,
  a.btn.select-by-bonus{
    background-color: #fff;
    border: 2px solid @btn_color;
    color: @dark_font_color;
    &.disabled{
      border: 2px solid #ccc;
      color: #ccc;
    }
  }
}

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

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

.custom-checkbox .custom-label:before {
  background: fade(contrast(@body_bg_color, @light_font_color, @dark_font_color), 20%);
}

.btn--next-available-date{
  background-color: @btn_color;
  color: contrast(@btn_color, @dark_font_color, @light_font_color);
}
.btn--next-available-date:active,
.btn--next-available-date:focus,
.btn--next-available-date:hover{
  background-color: darken(@btn_color, 5%);
  color: contrast(@btn_color, @dark_font_color, @light_font_color);
}