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

@formThemeColor: @dark_font_color;
@svg-group-booking: fade(@formThemeColor, 99.9%);

@svgContrastColor: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
@svg-contrast-color: fade(@svgContrastColor, 99.9%);

@link_color: @sb_base_color;

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

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

html.is-widget{
  &::-webkit-scrollbar {
    background-color: darken(@body_bg_color, 6%);
  }
  &::-webkit-scrollbar-thumb {
    border-radius: 12px;
    border: 4px solid rgba(255, 255, 255, 0);
    background-clip: content-box;
    background-color: #A0A0A0;
  }

  &::-webkit-scrollbar-thumb:hover {
    border-radius: 12px;
    border: 4px solid rgba(255, 255, 255, 0);
    background-clip: content-box;
    background-color: #A0A0A0;
  }

  &::-webkit-scrollbar-corner {
    background-color: #a0a0a0;
  }
}

a {
  color: @link_color;
}

.company-name {
  color: @sb_company_label_color !important;
}

.btn--phantom-cart .sb-cart-btn,
#sb_cart {
  .counter {
    background: @dark_font_color;
    color: contrast(@dark_font_color, @dark_font_color, @light_font_color);
    //color: #ffffff;
    a {
      //color: #fffffe;
      color: contrast(@link_color, @dark_font_color, @light_font_color);
    }
  }
}

#sb_client_info:before {
  color: @link_color;
}

.not-logged {
  #sb_sign_in_btn {
    background: @body_bg_color;
    color: contrast(@body_bg_color, @btn_color_1_gr2, @light_font_color);
  }
}

#header .nav-wrapper .items-wrapper .nav-item .full-info #sb_login_form .not-logged .social .btn-bar--row .btn.btn--sign-up{
  color: @dark_font_color;
}

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

.invoice-pay-page-grid form input[type='submit'],
.invoice-pay-page-grid form input[type='button'],
.invoice-payment-systems #sb_pay_btn,
.promotion-item .select,
.promotion-item .select a{
  background: linear-gradient(to right, @btn_color_1);
  color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item.grid-weekly-button .btn {
  background: linear-gradient(to right, @btn_color_1);
  color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
}

#sb_menu {
  &::-webkit-scrollbar-track {
    background: @body_bg_color;
  }

  &::-webkit-scrollbar-thumb {
    background: contrast(@body_bg_color, @dark_font_color, @light_font_color);
  }
  a {
    color: contrast(@body_bg_color, @dark_font_color, @light_font_color);
    @media only screen and (max-width: 1024px) {
      color: #464646;
    }
  }
}

.current-booking-info .booking-btns .btn.sb_add_to_cal {
  background: linear-gradient(to right, @btn_color_1);
  color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
  //color: #ffffff;
  a {
    color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
    //color: #fffffe;
  }
}

.btn:hover {
  box-shadow: 0 0 10px 0 fade(@btn_color_1_gr2, 70%);
}

.btn.book-btn {
  background: linear-gradient(to right, @btn_color_1);
  color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
  //color: #ffffff;
  a {
    color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
    //color: #fffffe;
  }
}

.btn.btn-back {
  background: linear-gradient(to right, @btn_color_1);
  color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
}

.page--line-liff .btn-bar .btn,
.btn-success,
.btn-success:active:focus {
  background: linear-gradient(to right, @btn_color_1);
  color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
}

.invoice-buttons-container .btn-invoice {
  background: linear-gradient(to right, @btn_color_1);
  color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
}

.invoice-pay-page .invoice-payment-systems > div .invoice-payment-systems-info.payment-modal .btn-primary,
.invoice-buttons-container .btn-invoice:nth-child(2) {
  background: linear-gradient(to right, @btn_color_1);
  color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
}

.invoice-pay-page .invoice-payment-systems > div .invoice-payment-systems-info.payment-modal .btn-primary&:hover{
  background: linear-gradient(to right, @btn_color_1);
}

.invoice-buttons-container .btn-invoice:nth-child(1) {
  border-color: @dark_font_color;
  color: contrast(@body_bg_color, @dark_font_color, @light_font_color);
}

.pagination-wrapper .current,
.pagination-wrapper .arrow:hover,
.pagination-wrapper .current:hover {
  background: linear-gradient(to right, @btn_color_1);
  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: linear-gradient(to right, @btn_color_1);
  color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
  //color: #ffffff;
  a {
    color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
    //color: #ffffff;
  }
}

.current-booking-info .btn.sb_book_again {
  background: linear-gradient(to right, @btn_color_1);
  color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
  //color: #ffffff;
  a {
    color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
    //color: #ffffff;
  }
}

.grid-weekly-item .data-trigger {
  color: @link_color;
}

#sb_timeview_container .timeline-wrapper .grid-weekly-header .grid-weekly-header-item {
  color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
}

.grid-weekly-row.grid-weekly-header-row {
  background: linear-gradient(to right, @btn_color_1);
}

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

#header .nav-wrapper .items-wrapper .nav-item .full-info {
  &.active:after {
    background: linear-gradient(to top, @menu_sidebar_color) !important;
  }

  .current-booking-info .info a {
    color: @dark_font_color;
  }
}

#client-profile-preview .btn {
  background: @body_bg_color;
  color: contrast(@body_bg_color, @btn_color_1_gr2, @light_font_color);

  &:before {
    color: contrast(@body_bg_color, @btn_color_1_gr2, @light_font_color);
  }
}

#client-profile-preview .user-avatar .user-avatar-icon {
  color: contrast(@menu_sidebar_color_gr2, @light_font_color, @dark_font_color);
}

#main-content #client-profile-preview .btn {
  background: linear-gradient(to right, @btn_color_1);
  color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);

  &:before {
    color: contrast(@btn_color_1_gr2, @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: @body_bg_color;
  color: contrast(@body_bg_color, @btn_color_1_gr2, @light_font_color) !important;
  //color: #ffffff;
  a {
    color: contrast(@body_bg_color, @btn_color_1_gr2, @light_font_color) !important;
    //color: #ffffff;
  }
}

.btn--next-available-date{
  background: linear-gradient(to right, @btn_color_1);
  color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
}
.btn--next-available-date:active,
.btn--next-available-date:focus,
.btn--next-available-date:hover{
  background: linear-gradient(to right, @btn_color_1);
  color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
}

.go-to-admin__button,
.telegram-notifications--modal .btn,
.telegram-notifications--card .btn,
#main #main-buttons .btn.custom {
  background: linear-gradient(to right, @btn_color_1);
  color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
  //color: #ffffff;
  a {
    color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
    //color: #ffffff;
  }
}

.go-to-admin__button:hover, .go-to-admin__button:active, .go-to-admin__button:focus {
  background: linear-gradient(to right, @btn_color_1);
  color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
  a {color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);}
}

#main #main-buttons .btn.map {
  background: linear-gradient(to right, @btn_color_1);
  color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
  //color: #ffffff;
  a {
    color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
    //color: #ffffff;
  }
}

#main #main-buttons .btn.promo {
  background: linear-gradient(to right, @btn_color_1);
  color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
  //color: #ffffff;
  a {
    color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
    //color: #ffffff;
  }
}

.error-card .redirect-block .block .btn {
  background: linear-gradient(to right, @btn_color_1);
  color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
}

#remind-password .bar #sb_remind_btn {
  background: linear-gradient(to right, @btn_color_1);
  color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
}

.modal-dialog .modal-content .modal-header {
  .modal-title {
    color: contrast(@body_bg_color, @link_color, @light_font_color) !important;
  }

  .close {
    color: contrast(@body_bg_color, @dark_font_color, @light_font_color);

    &:hover {
      color: @link_color;
    }
  }
}

.tab.tab-col .full-info,
.modal-dialog .full-info .tab,
#remind-password {
  .cap {
    color: @link_color;
  }
}

.modal-dialog .full-info .name {
  color: @link_color;
}

.timezone-modal.modal-dialog .modal-content .modal-footer .btn {
  background: linear-gradient(to right, @btn_color_1);
  color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
  //color: #ffffff;
  a {
    color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
    //color: #ffffff;
  }
}

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

html:not(.is-widget) .login-container input {
  color: contrast(@btn_color_1_gr2, @light_font_color, @dark_font_color);

  &:focus {
    border-color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color) !important;
  }
}

#sb_update_btn {
  background: linear-gradient(to right, @btn_color_1);
  color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
}

//button with base color

#main #main-content #sb_content #client-login button.btn {
  background: linear-gradient(to right, @btn_color_1);
  color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
  //color: #ffffff;
}

#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: @link_color;
    }
  }
}

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

#footer .cookies .btn {
  background: linear-gradient(to right, @btn_color_1);
  color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
}

#main #main-content #sb_content #reviews-view .add-review .form .social-container .line-arrow {
  background: @body_bg_color;
}

#main #main-content #sb_content #reviews-view .add-review .avatar .photo {
  background: @link_color;
  .avatar-icon {
    color: contrast(@link_color, @dark_font_color, @light_font_color);
  }
}

//#sb-timeline #steps-nav #menu-active-bg {
//  background: @booking_nav_bg_color;
//}
//
//#main #main-content #sb_content #sb_product_container .sb-list-type.simple-list .product-item .badge {
//  background-color: @booking_nav_bg_color;
//}

#sb-timeline #steps-nav li:not(.passed) {
  .title-small {
    color: @link_color;
  }
}

#sb-timeline #steps-nav li:first-child, #sb-timeline #steps-nav li.passed, #sb-timeline #steps-nav li.passed + li:not(.passed) {

  .title-small {
    color: @link_color;
  }

  &:before {
    background: @link_color;
  }
}

#sb-timeline #steps #steps-content #sb_booking_content .detail-step .right-side #sb_book_btn {
  background: linear-gradient(to right, @btn_color_1);
  color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
  //color: #ffffff;
  a {
    //color: #fffffe;
    color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
  }
}

#sb-timeline #steps-nav li:first-child:after {
  background: #fff;
  border-top-color: #fff;
  border-bottom-color: #fff;
}

#sb-timeline #steps-nav li.passed + li:not(.passed):after {
  background: #fff;
  border-top-color: #fff;
  border-bottom-color: #fff;
}

.payment-modal #sb_pay_btn {
  background: linear-gradient(to right, @btn_color_1);
  color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
}

#news-index .news-list .article .cap a {
  color: @link_color;
}


//timeline colors

.badge {
  background: linear-gradient(to right, @btn_color_1);
  color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);

  &:before {
    border-top: 40px solid @btn_color_1_gr2;
  }

  &:after {
    border-top: 5px solid @btn_color_1_gr2;
  }
}

#main #main-content #sb_content #sb_product_container .sb-list-type.simple-list .product-item .item-data .badge {
  color: @dark_font_color;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step .header .txt-left span,
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step .header .txt-right span {
  color: @link_color;
}

#sb-timeline #steps #steps-content #sb_booking_content .item.panel .btn-bar .wrap-read-more .read-more .part.txt-part span,
#sb-timeline #steps #steps-content #sb_booking_content .item.panel .btn-bar .wrap-read-more .read-more .part.ico-part .fal:before {
  color: @link_color;
}

.plugin-group-booking:before {
  background: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="iso-8859-1"?><svg xmlns="http://www.w3.org/2000/svg" width="24.61" height="25" viewBox="0 0 19.688 20"><path data-name="user copy" d="M9.844 10a5 5 0 1 0-4.922-5 4.975 4.975 0 0 0 4.922 5zm0 2.5C6.521 12.5 0 14.12 0 17.5V20h19.687v-2.5c0-3.38-6.521-5-9.843-5z" fill="@{svg-group-booking}" fill-rule="evenodd"/></svg>');
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: left center;
}

.service-item .bar-service .badge {
  color: @dark_font_color;
}

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

.active-count .plus:before:hover {
  border-bottom-color: @btn_color_1_gr2;
}

.active-count .minus:after:hover {
  border-top-color: @btn_color_1_gr2;
}

.service-bar__icon .icon.icon-reccuring .fa.fa-refresh:before {
  background: url('/v2/themes/minimal/img/ics/reccuring.svg');
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: right center;
}

.tab.tab-col .read-more,
.provider-item .read-more,
.membership-item .read-more {
  color: @link_color;
}

#sb_main {
  #sb-main-container {
    .return-btn, #sb_back_button {
      a {
        color: @dark_font_color;

        &:hover {
          color: @btn_color_1_gr2;
        }
      }
    }
  }
}

#sb-main-container .custom-checkbox input:checked + .custom-label {
  border-color: @dark_font_color;
}

#sb-main-container .custom-checkbox input:checked + .custom-label:before,
#client-profile-edit .custom-checkbox input:checked + .custom-label:before {
  background: linear-gradient(to right, @btn_color_1);
}

.sb-widget-form textarea.form-control {
  border-color: @dark_font_color;

  &::placeholder {
    color: @dark_font_color;
  }
}

#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-wrapper .paid-attribute-step #sb_attribute_list_container .product-item.panel .attributes-checkbox--wrapper .product-label:before,
#steps-content #sb_booking_content #details .product-attribute-section .product-list-view-wrapper #sb_attribute_list_container .product-label:before,
#sb-timeline #steps-content #sb_booking_content #details .product-section .product-item .product-label:before,
#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-step .product-item .flex-row .product-label:before {
  border-color: @dark_font_color;
}

#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-wrapper .paid-attribute-step #sb_attribute_list_container .product-item.panel .attributes-checkbox--wrapper .product-label:after,
#steps-content #sb_booking_content #details .product-attribute-section .product-list-view-wrapper #sb_attribute_list_container .product-label:after,
#sb-timeline #steps-content #sb_booking_content #details .product-section .product-item .product-label:after,
#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-step .product-item .flex-row .product-label:after {
  background: linear-gradient(to right, @btn_color_1);
}

//RTL

html[dir="rtl"] #sb-timeline #steps-nav li:first-child:after {
  border-left-color: inherit;
}

html[dir="rtl"] #sb-timeline #steps-nav li.passed + li:not(.passed):after {
  border-left-color: inherit;
}

html[dir="rtl"] #sb-timeline #steps #steps-content #sb_booking_content .datetime-step .timeline-wrapper #sb_time_flexible_weekly_container .data-col .time-container .time-slot {
  border-right: inherit;
  border-left: 1px solid @border_slot_color;
}

/* Buttons style */

.btn-primary {
  background: linear-gradient(to right, @btn_color_1);
  color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);

  &:hover {
    background: linear-gradient(to right, @btn_color_1);
    color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
  }
}

.bar-with-btn #sb_sign_out_btn {
  color: contrast(@body_bg_color, @btn_color_1_gr2, @light_font_color);
}

.bar-with-btn .btn.profile {
  background: @body_bg_color;
  color: contrast(@body_bg_color, @btn_color_1_gr2, @light_font_color);
}

.btn.book {
  background: linear-gradient(to right, @btn_color_1);
  color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);

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

.btn.map {
  border-color: @btn_color_1_gr2;
  color: contrast(@body_bg_color, @dark_font_color, @light_font_color);

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

.btn-classes {
  background: linear-gradient(to right, @btn_color_1);
  color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);

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

#sb_multiple_book_cart .cart-container .full-info .btn.book-btn {
  background: @body_bg_color;
  color: contrast(@body_bg_color, @btn_color_1_gr2, @light_font_color);
}

.modal-dialog .modal-content .modal-footer .btn {
  background: linear-gradient(to right, @btn_color_1);
  color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
}

#sb_booking_content .tab .btn.select,
#sb_time_classes_service_container .btn.select,
.package-content .btn.select {
  background: linear-gradient(to right, @btn_color_1);
  color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
}

#membership-view .mb.btn-bar .active-container a.wrapper, #membership-view .mb.btn-bar .info-container a.wrapper {
  background: linear-gradient(to right, @btn_color_1);
  color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
}

.sb-widget-form .buttons .send-message-button {
  background: linear-gradient(to right, @btn_color_1);
  color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
}

#sb_gdpr_send_email_container .btn-send-code, #sb_gdpr_send_code_container .btn-get-report,
#sb_gdpr_report_module_container #sb_gdpr_email_form .content .form-container .btn,
#gdpr-report-view #sb_gdpr_report_show_confirmation {
  background: linear-gradient(to right, @btn_color_1);
  color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
}

.sb-widget-form .buttons .open-booking-widget-button {
  color: @link_color;
}

.empty-week-time-part .btn-next-week {
  background: linear-gradient(to right, @btn_color_1);
  color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
}

.invoice-pay-page .promo-code-input .custom-form .btn {
  background: linear-gradient(to right, @btn_color_1);
  color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
}

.invoice-pay-page .invoice-deposit-info .btn {
  background: linear-gradient(to right, @btn_color_1);
  color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
}

#header {
  .nav-trigger {
    background: linear-gradient(to top, @btn_color_1);

    span, span:before, span:after {
      background-color: contrast(@btn_color_1_gr2, @light_font_color, @dark_font_color);
    }
  }

  .nav-wrapper {
    background: linear-gradient(to top, @menu_sidebar_color) !important;

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

  .items-wrapper {
    .nav-trigger {
      background: @light_font_color;

      span, span:before, span:after {
        background-color: @btn_color_1_gr2;
      }
    }
  }
}

#header .nav-wrapper .items-wrapper .nav-item#sb_multiple_book_cart .cart-container .cart,
#header .nav-wrapper .items-wrapper .nav-item#sb_client_info .login-container .avatar {
  background: @light_font_color;

  i {
    color: @btn_color_1_gr2 !important;
  }
}

#steps-content #sb_booking_content #details .product-attribute-section .product-list-view-wrapper #sb_attribute_list_container {
  .product-label:after {
    background: linear-gradient(to right, @btn_color_1);
  }
}

#steps-content #sb_booking_content .paid-attribute-wrapper .paid-attribute-footer .btn.next {
  background: linear-gradient(to right, @btn_color_1) !important;
}

.btn--phantom-cart .sb-cart-btn,
#header .nav-wrapper .items-wrapper .nav-item .item-container {
  background: contrast(@btn_color_1_gr2, @light_font_color, @dark_font_color);

  i {
    color: @link_color !important;
  }
}

/* Opening hours table */
#content-view #schedule .day {
  color: @link_color;
}

/* Service booking steps */
#sb-timeline #steps-nav li a {
  color: contrast(@body_bg_color, @light_font_color, @dark_font_color);
}

/* Calendar selected dates */
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .inner.selected,
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .date.selected {
  background: linear-gradient(to right, @btn_color_1);

  &:hover {
    background: linear-gradient(to right, @btn_color_1);
  }
}

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

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .day-off {
  color: @sb_busy;
}

.is-holiday {
  color: @btn_color_1_gr2 !important;
}

.sb-cell.free,
.time-legend .available .circle {
  border: 1px solid @sb_available;
  color: @sb_available;
}

// Modern Provider
#sb-time-classes-container {
  &.classes-plugin {
    .provider-container {
      .provider-col {
        .provider-item {
          .cell {
            background: @body_bg_color;
          }
        }
      }
    }
  }
}

.sb-cell.free.hovered, .sb-cell.free:hover {
  background: linear-gradient(to right, @btn_color_1) !important;
  color: contrast(@btn_color_1_gr2, @light_font_color, @dark_font_color);
}

.sb-cell.breaktime, .sb-cell.reserved, .sb-cell.busy_time, .sb-cell.busy,
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
  color: @sb_busy;
}

#sb_content #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 .cell {
  border-top-color: @sb_available;
}


.weeks-name.row-no-padding.clearfix {
  border-bottom: 1px solid @dark_font_color;
}

#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.free {
  border-color: @sb_available !important;
  color: @sb_available;
}

.datepicker-button .btn-link {
  color: @dark_font_color;
}

#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.free.wl-slot,
.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: linear-gradient(to right, @btn_color_1);
  color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
}


.datepicker table tr td.active.day-off {
  color: fade(@svgContrastColor, 40%);
}

.datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.active:hover {
  background: fade(@btn_color_1_gr2, 70%);
}

.datepicker table tr th, .datepicker table tr td {
  color: @dark_font_color;
}

.timeline-wrapper .alert.alert-warning.alert-dismissible {
  color: @link_color;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-inner .top-inline-steps .parts-of-day .btn,
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-inner .top-inline-steps .days-of-week .btn,
#sb_timeview_container .timeline-wrapper .grid-weekly-inner .top-inline-steps select {
  border-color: @dark_font_color !important;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-inner .top-inline-steps .parts-of-day .btn,
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-inner .top-inline-steps .days-of-week .btn {
  &.active {
    background: linear-gradient(to right, @btn_color_1);
    color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
  }
}

/* Brand social icons */

.brand a.gl {
  &:after {
    background: url('/v2/themes/minimal/img/social/google.svg');
  }
}

.brand a.tw {
  &:after {
    background: url('/v2/themes/minimal/img/social/twitter.svg');
  }
}

.brand a.fb {
  &:after {
    background: url('/v2/themes/minimal/img/social/facebook.svg');
  }
}

.brand a.ln {
  &:after {
    background: url('/v2/themes/minimal/img/social/linkedin.svg');
  }
}

.brand a.ig {
  &:after {
    background: url('/v2/themes/minimal/img/social/instagram.svg');
  }
}

.not-logged {
  .brand a.gl {
    &:after {
      background: url('/v2/themes/minimal/img/social/login/google.svg');
    }
  }

  .brand a.tw {
    &:after {
      background: url('/v2/themes/minimal/img/social/login/twitter.svg');
    }
  }

  .brand a.fb {
    &:after {
      background: url('/v2/themes/minimal/img/social/login/facebook.svg');
    }
  }

  .brand a.ln {
    &:after {
      background: url('/v2/themes/minimal/img/social/login/linkedin.svg');
    }
  }

  .brand a.ig {
    &:after {
      background: url('/v2/themes/minimal/img/social/login/instagram.svg');
    }
  }
}

#sb_gdpr_report_module_container {
  .brand a.fb {
    &:before {
      background: url('/v2/themes/minimal/img/social/facebook.svg');
    }
  }

  .brand a.tw {
    &:before {
      background: url('/v2/themes/minimal/img/social/twitter.svg');
    }
  }

  .brand a.gl {
    &:before {
      background: url('/v2/themes/minimal/img/social/google.svg');
    }
  }
}

.title-main {
  color: @link_color;
}

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

#steps-content #sb_booking_content #details .product-attribute-section .product-list-view-wrapper #sb_attribute_list_container .item-price {
  color: @dark_font_color;
}

/* News section */
#news-index {
  .article {
    .cap a {
      color: @dark_font_color !important;
    }

    .read-more a {
      color: @link_color !important;
    }
  }
}

/* Menu active page item */
#sb_menu_active {
  color: @btn_color_1_gr2;

  &:before {
    background: linear-gradient(to left, @btn_color_1);
  }
}

/* Timezone icon change */
#sb-timeline #steps #time-settings #sb_booking_company_time .btn:after {
  color: @dark_font_color;
}

/* Timezone modal buttons */
.timezone-modal.modal-dialog .modal-content .modal-footer {
  .btn {
    background: linear-gradient(to right, @btn_color_1);
    color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
  }
}

.subscribe-component--btn-bar .btn-bar--row .btn.btn-danger,
#sb_cancel_button,
.modal--client-profile-btn-cancel,
#sb_cancel_btn,
.sb_cancel_btn,
.sb-reschedule,
.current-booking-info .sb-book,
.btn-default.show-all,
#sb_client_login_container .btn {
  border-color: contrast(@body_bg_color, @dark_font_color, @light_font_color) !important;
  color: contrast(@body_bg_color, @dark_font_color, @light_font_color) !important;

  &:after {
    color: contrast(@body_bg_color, @dark_font_color, @light_font_color) !important;
  }

   span{
    color: contrast(@body_bg_color, @dark_font_color, @light_font_color);
  }
}

.current-booking-info .sb-book a,
.sb_cancel_btn span {
  color: contrast(@body_bg_color, @dark_font_color, @light_font_color);
}

.current-booking-info .sb_cancel_btn{
  background: #222 !important;
  color: #fff !important;

  > span{
    color: #fff !important;
  }

  &:after{
    color: #fff !important;
  }
}

/* Modal close button */
.close-full-info i:hover,
.close-modal i:hover,
.sb_gdpr_close_form_btn i:hover {
  color: @link_color;
}

.tab.tab-col.get-gdpr-info-modal .full-info .close-full-info {
  color: contrast(@body_bg_color, @dark_font_color, @light_font_color);
}

#client-profile-edit .close-modal i {
  color: contrast(@menu_sidebar_color_gr2, @dark_font_color, @light_font_color);

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

/* Memberships tabs */
#booking-result-view #booking-result-tabs {
  .tabs-container .tab-link.active a {
    color: @link_color;
  }
}

#membership-filters .title-main {
  color: @dark_font_color;
}

.start-date-btn {
  color: @link_color !important;
}

/* Confirmation booking payment page */
.invoice-pay-page {
  .custom-title {
    color: @link_color;
  }

  .invoice-table a {
    color: @dark_font_color;
  }
}


.payment-modal .payment-system-container .payment-system:hover,
.payment-modal .payment-system-container .payment-system.active,
.payment-modal #sb_payment_systems_container .payment-system:hover,
.payment-modal #sb_payment_systems_container .payment-system.active {
  background: fade(@btn_color_1_gr2, 50%);
}

.custom-radio inout:checked + label {
  border-color: @dark_font_color;
}

.custom-radio input:checked + label:before {
  background: linear-gradient(to right, @btn_color_1);
}

/* Accordion border */
.current-booking-info .accordion .title + div {
  border-top-color: @dark_font_color;
}

#sb-timeline .reschedule-layout #steps .reschedule--row .reschedule--col.reschedule--selected-list .tab-pd{
  border: 1px solid @link_color;
}

/* Widget fixes */
.is-widget {
  #header .nav-wrapper .items-wrapper .nav-item#sb_multiple_book_cart .cart-container .cart {
    background: contrast(@link_color, @light_font_color, @dark_font_color);

    i {
      color: @link_color !important;
    }
  }

  #header .nav-wrapper .items-wrapper .nav-item .item-container {
    background: contrast(@link_color, @light_font_color, @dark_font_color);

    i {
      color: @link_color !important;
    }
  }
  #header .nav-wrapper .items-wrapper .nav-item#sb_multiple_book_cart .cart-container .full-info .empty .txt{
    color: @dark_font_color;
  }
  #header .nav-wrapper .items-wrapper .nav-item .info-user-block .close-modal .btn,
  #client-profile-preview .btn{
    background: linear-gradient(to right, @btn_color_1) !important;
    color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color) !important;
  }


  &.fbdp {
    #header {
      .nav-wrapper.active {
        background: linear-gradient(to top, @menu_sidebar_color);
      }
    }
  }
}

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

// Client login tabs
#cs_register_or_login_tabs ul li {
    &.active {
      a {
        color: @link_color;
      }
    }
    a {
      color: @dark_font_color;
    }
}

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

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

    &-btn {
      background: linear-gradient(to right, @btn_color_1);
      color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);

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

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

//.paid-attr__item .preloader svg * {
//  fill: none;
//  stroke: @btn_color_1_gr2;
//}

#steps-content #sb_booking_content #details .product-attribute-section .product-list-view-wrapper #sb_attribute_list_container .product-item .bar-service .badge, #sb_attribute_list_container .paid-attr__item .bar-service .badge{
  color: @dark_font_color;
}

#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-wrapper .paid-attribute-step #sb_attribute_list_container .product-item.panel .attributes-checkbox--wrapper .product-label,
#steps-content #sb_booking_content #details .product-attribute-section .product-list-view-wrapper #sb_attribute_list_container .product-item .product-label{
  &:before {
    border: 1px solid @dark_font_color;
    background: transparent;
  }
}

.telegram-notifications{
  &--modal {
    .modal-dialog .modal-content {
      .modal-header {
        .modal-title {
          color: @sb_base_color;
        }
      }
    }
    .close-full-info{
      color: contrast(@body_bg_color, @dark_font_color, @light_font_color);

      &:hover {
        color: @link_color;
      }
    }
  }
  &--card{
    background: rgba(204, 204, 204, 0.4);
  }
}


// Remember me
.login-container__remember-check {
  background: @dark_font_color;

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

.bonus{
  &__amount{
    color: #5CB85B;
    &.no-income{
      color: #D42952;
    }
  }
  &__btn-bar--wrapper{
    .btn{
      background: linear-gradient(to right, @btn_color_1);
      color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
    }
  }
}

.promotion-item div.tab div.btn.select{
  background: transparent;
}

.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: darken(@sb_base_color, 5%);
    color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
    &.disabled{
      background: #fff;
      border: 2px solid @dark_font_color;
      color: @dark_font_color;
    }
  }
}

.page--line-liff .title--h2 {
  color: @dark_font_color;
}

.min-content--line-widget #client-profile-preview .sb-client-edit-popup:before{
  color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
}

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

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


// tips plugin
.btn--primary {
  background: linear-gradient(to right, @btn_color_1);
  color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
}
.btn--primary:active,
.btn--primary:hover {
  background: linear-gradient(to right, @btn_color_1);
  color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
}
.btn--primary:focus {
  background: linear-gradient(to right, @btn_color_1);
  color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
}

.step-content--product > div .item .btn-bar .btn {
  background: linear-gradient(to right, @btn_color_1);
  color: contrast(@btn_color_1_gr2, @dark_font_color, @light_font_color);
}

.duotone .fill,
.product-item .preloader .duotone .fill {
  fill: @btn_color_1_gr2;
}
.duotone .fill-darker,
.product-item .preloader .duotone .fill-darker {
  fill: @btn_color_1_gr2;
}
.duotone .fill-darker-stroke,
.product-item .preloader .duotone .fill-darker-stroke {
  stroke: @btn_color_1_gr2;
  fill: none;
}
.duotone .fill-stroke,
.product-item .preloader .duotone .fill-stroke {
  stroke: @btn_color_1_gr2;
  fill: none;
}
.full-info--cart_bookings .full-info--cart_list .full-info--cart_item-service .full-info--cart_item-image .default.img 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;}
}

#booking-result-view #booking-result-tabs,
#membership-view #membership-filters .filter-list,
#sb-timeline #steps-nav,
.add-review input,
.add-review textarea {
  background: @body_bg_color;
}


.full-info--cart_item-delete {
  background: rgba(#fff3f3, 0.1) !important;
  color: #ff3259 !important;
}

.full-info--cart_close-btn,
.full-info--cart_item-delete:active,
.full-info--cart_item-delete:hover {
  background: rgba(#fff3f3, 0.8) !important;
  color: darken(#ff3259, 6%) !important;
}

.full-info--cart_item-delete:focus {
  background: rgba(#fff3f3, 0.8) !important;
  color: darken(#ff3259, 6%) !important;
}


.products-items-list .product-item .preloader 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;}
}