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

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

.btn,
.btn-success,
.current-booking-info .booking-btns .btn.sb_add_to_cal,
.modal-dialog .modal-content .modal-footer .btn,
.telegram-notifications--modal .full-info .telegram-notifications__btn-bar .btn,
#booking-result-view #membership-view #sb_membership_list_container .membership-item .tab .section-pd .btn-bar .info-container a.wrapper,
#reviews-view .add-review .form .send-btn-container button,
#membership-view .mb.btn-bar .active-container .wrapper,
#sb_booking_content .tab .btn.select,
#sb_time_classes_service_container .btn.select,
.sb-widget-form .buttons .send-message-button,
#sb_content #sb-timeline #steps #steps-content #sb_booking_content #details .detail-step .buttons-container #sb_book_btn,
#remind-password .form-horizontal .bar #sb_remind_btn,
#sb_main #main #sb_content #membership-view #sb_membership_list_container .membership-item .info-container a.wrapper.price-formatter,
#sb_accept_cookies,
.current-booking-info .booking-btns .btn.sb-reschedule{
 background: @btn_color;

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

  &:hover, &:focus, &:active{
    color: contrast(@btn_color, @dark_font_color, @light_font_color);
    background: darken( @btn_color, 6%);
    opacity: .99;
    box-shadow: none; /*inset 0 3px 5px rgba(0, 0, 0, 0.125)*/
  }
}

#client-profile-preview .bar-with-btn .btn.btn-logout{
  border: none;
  background-color: #fff;

  color: @sb_base_color;
  &:focus, &:active {
    outline: none;
  }
  &:hover {
    background-color: #fff;
  }
}

#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{
    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%);
    }
  }
}

.company-name {
  color: @sb_company_label_color;
}

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

.inline-datepicker-wrapper .datepicker-button .btn-link {
  color: contrast(@new_btn_color, @dark_font_color, @light_font_color);
}

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

#header .nav-wrapper .items-wrapper .nav-item#sb_client_info .login-container .full-info #sb_login_form .not-logged .bar .btn{
  color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
}


.btn.second{
  background: fade(@btn_color, 30% );

  &:hover, &:focus, &:active{
    background: darken( @btn_color, 5%);
    opacity: .98;
    box-shadow: none;
  }
}


 #sb_menu .nav li a {
  color: contrast(@sb_base_color, @dark_font_color, @light_font_color);

  &:hover{
    color: @sb_base_color;
  }

  @media only screen and (max-width: 1024px) {
    color: #464646;
  }
}

.calendar-popup li .btn {
  background: @btn_color;
  color: contrast(@btn_color, @dark_font_color, @light_font_color);
  a {
    color: contrast(@btn_color, @dark_font_color, @light_font_color);
  }
}

.pagination-wrapper {
  .current,
  .arrow:hover,
  .current:hover {
    background-color: @sb_base_color;
    color: @light_font_color;
  }
}

#footer .copyright {
 // color: contrast(@body_bg_color, @dark_font_color, @light_font_color);
}


//button with second color
.current-booking-info .sb-book {
  background: @sb_base_color;
  color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
  //color: #ffffff;
  a {
    color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
    //color: #ffffff;
  }
}

.current-booking-info .btn.sb_book_again {
  background: @btn_color;
  color: contrast(@btn_color, @dark_font_color, @light_font_color);
  //color: #ffffff;
  a {
    color: contrast(@btn_color, @dark_font_color, @light_font_color);
    //color: #ffffff;
  }
}

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



#header .items-wrapper .nav-item#sb_client_info .login-container .full-info #sb_login_form .not-logged .bar .btn {
  background: @btn_color;
  color: contrast(@btn_color, @dark_font_color, @light_font_color);
  a {
    color: contrast(@btn_color, @dark_font_color, @light_font_color);
  }
  &:hover{
    color: contrast(@btn_color, @dark_font_color, @light_font_color);
    background: darken( @btn_color, 6%);
  }
}


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

#steps #steps-content #sb_booking_content .detail-step .right-side #sb_multiple_booking_btn {
  background: @btn_color;
  color: contrast(@btn_color, @dark_font_color, @light_font_color);
  //color: #ffffff;
  a {
    color: contrast(@btn_color, @dark_font_color, @light_font_color);
    //color: #ffffff;
  }
}


#main #main-content #sb_content #client-login button.btn {
  background: @btn_color;
  color: contrast(@btn_color, @dark_font_color, @light_font_color);

  &:hover, &:active{
    color: contrast(@btn_color, @dark_font_color, @light_font_color);
    background: darken( @btn_color, 6%);
    opacity: .99;
  }
}

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

#booking-result-view #booking-result-tabs .tabs-container .tab-link {
  a {
   // color: contrast(@body_bg_color, @dark_font_color, @light_font_color);
  }
  &.active {
    a {
      border-bottom-color: @sb_base_color;
    }
  }
}

#sb-timeline #steps #steps-content #sb_booking_content .service-item .sb_group_booking_count .plugin-group-booking .ui-slider {
  background: @sb_base_color;
}

.classes-modal .tab .plugin-group-booking .ui-slider {
  background: @sb_base_color;
}

.badge {
  background: #e6e7ec;
  color: @dark_font_color;
  &:before {
    border-top: 40px solid #e6e7ec;
  }
  &:after {
    border-top: 5px solid #e6e7ec;
  }
}

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

#membership-view #sb_membership_list_container .membership-item .purchased{
  background: #e6e7ec;
}

#main #main-content #sb_content #sb_product_container .sb-list-type.simple-list .product-item .item-data .badge {
  color: @dark_font_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);

.classes-modal #time_classes_time_container .time-slot {
  background-color: @sb_available;
}


.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,
  .day-off {
    color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
  }
  &:hover {
    background: @sb_base_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_base_color;
  background: @sb_base_color;
  color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
}

.datepicker table tr td.disabled.active {
  color: fade(@light_font_color, 40%);
}

.nav-trigger span, .nav-trigger span:after, .nav-trigger span:before {
  background: contrast(@sb_base_color, @dark_font_color, @light_font_color);
}

#header .nav-wrapper .items-wrapper .nav-item .cart-container #sb_client_info:after,
#header .nav-wrapper .items-wrapper .nav-item .login-container #sb_client_info:after,
#header .nav-wrapper .items-wrapper .nav-item#sb_multiple_book_cart .cart-container .cart .fa {
  color:  @dark_font_color;
}

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


#header .nav-wrapper .items-wrapper .nav-item .cart-container #sb_client_info:hover:after,
#header .nav-wrapper .items-wrapper .nav-item .login-container #sb_client_info:hover:after{
  color: @sb_base_color;
}
#header .nav-wrapper .items-wrapper .nav-item#sb_multiple_book_cart:hover{
  .cart-container .cart .fa {
    color: @sb_base_color;
  }
}


.wrap-collapse > div a{
  color:  @dark_font_color;
}

#membership-plugin .btn-with-icon:after{
  color: contrast(@btn_color, @dark_font_color, @light_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:hover i,
.modal-dialog .modal-content button.close:hover,
.telegram-notifications--modal .close-full-info:hover,
.tab .full-info .close-full-info:hover{
  color: @sb_base_color;
}

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

.current-booking-info .booking-btns .btn.sb_cancel_btn,
.current-booking-info .sb-book{
  background: @btn_color !important;

  &:hover, &:focus, &:active{
    background: darken( @btn_color, 6%) !important;
  }
}

.add-details .login-bar #sb_fb_container .facebook.btn:before{
  color: contrast(@btn_color, @dark_font_color, @light_font_color);
}

.btn.btn-with-icon:after{
  color: contrast(@btn_color, @dark_font_color, @light_font_color);
}

.empty-week-time-part {
  .btn-next-week {
    padding: 13px;
  }
}


#sb_main #main #sb_content #membership-view #sb_membership_list_container .membership-item .info-container .wrapper.price-formatter span {
  color: contrast(@btn_color, @dark_font_color, @light_font_color);
}

#sb_main #main #sb_content #membership-view #sb_membership_list_container .membership-item .info-container.space-renewal-row a.wrapper.price-formatter span{
  color: contrast(@btn_color, @dark_font_color, @light_font_color);
}
#sb_main #main #sb_content #membership-view #sb_membership_list_container .membership-item .info-container a.wrapper.price-formatter span{
  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;
}

#header .nav-wrapper .items-wrapper .nav-item#sb_client_info .login-container .full-info #sb_login_form .main-form .is-logged .bar-with-btn #sb_sign_out_btn {
  color: @sb_base_color;
}

.promotion-item .btn.select{
  color: contrast(@btn_color, @dark_font_color, @light_font_color);
  background-color: @btn_color;
}
.promotion-item .btn.select:hover{
  color: contrast(@btn_color, @dark_font_color, @light_font_color);
  background-color: darken(@btn_color, 10%);
}

.tab.tab-col .excerpt-info .btn-bar a.btn.select-by-bonus {
  background-color: #fff;
  border: 1px solid  @btn_color;
  color:  @btn_color;
}

.tab.tab-col .excerpt-info .btn-bar a.btn.select-by-bonus:hover {
  background-color: #fff;
  border: 1px solid  darken(@btn_color, 10%);
  color:  darken(@btn_color, 10%);
}

#content-view [class*='col-'] #contacts .info ul li .links a:not(.fa) {
  color: @sb_base_color;
}

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

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

#client-profile-preview .close-modal,
#client-profile-edit .close-modal {
  &:hover {
    color: @sb_base_color;
  }
}

#client-profile-edit #sb_update_btn {
  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);
  }
}

#booking-result-view .back-to-services {
  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 {
  &__popup {
    &-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;
    }
  }
}

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

// Remember me
#header .items-wrapper .nav-item .cart-container .cart .counter,
#header .nav-wrapper .items-wrapper .nav-item#sb_client_info .login-container__remember-check{
  background: @sb_base_color;
  color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
  svg path {
    stroke: contrast(@sb_base_color, @dark_font_color, @light_font_color);
  }
}

.bonus{
  &__amount{
    color: #47ED41;
    &.no-income{
      color: #FF7993;
    }
  }
}

.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: 1px solid @btn_color;
    color: @btn_color;
    &.disabled{
      border: 1px solid @dark_font_color;
      color: @dark_font_color;
    }
  }
}

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

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

#header .items-wrapper .nav-item .cart-container .cart .fa{
  color: @dark_font_color;
}

#booking-result-tabs,
#content-view .section,
.news-list.section {
  background: transparent;
}

.invoice-used-packages-list .accordion .custom-checkbox .custom-label{
  border: 1px solid @btn_color;
  background: rgba(#fff, 0.8) !important;
}

.invoice-used-packages-list .accordion .custom-checkbox input:checked + .custom-label{
  border: 1px solid @btn_color;
}
.invoice-used-packages-list .custom-checkbox input:checked + .custom-label:before{
  background: @btn_color;
}

.subscribe-component--btn-bar .btn-bar--row .btn.btn-danger{
  color: @sb_base_color;
  background: transparent;
  border-color: transparent;
  &:hover, &:focus, &:active{
    color: darken(@sb_base_color, 10%);
    background: transparent;
    border-color: transparent;
  }
}