.theme(@sb_base_color, @body_bg_color_local, @dark_font_color, @light_font_color, @sb_busy, @sb_available) {

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

  //temporary fix, remove after merge new palettes !!!!!!!
  @body_bg_color: #fff;

  @formattedColor: contrast(@sb_base_color, @dark_font_color, @light_font_color);
  @svg-fill-color: fade(@formattedColor,99.9%);

  @formThemeColor: @sb_base_color;
  @svg-base-color: fade(@formThemeColor, 99.9%);

  //@body_bg_color_local : #ffffff;

  @body_bg_color: @body_bg_color_local;

  @btn_color_1: @sb_base_color;

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


  @formattedColor: contrast(@sb_base_color, @dark_font_color, @light_font_color);
  @svg-fill-color: fade(@formattedColor,99.9%);

  @formThemeColor: @sb_base_color;
  @svg-base-color: fade(@formThemeColor, 99.9%);


  #header .items-wrapper .nav-item{
    background: @sb_base_color;
    color: @dark_font_color;
    &:hover,&:focus{
      background: darken(@sb_base_color, 30%);
    }
  }

   #header .items-wrapper .nav-item.focus{

      background: darken(@sb_base_color, 30%);
   }

    .items-wrapper .nav-item#sb_client_info .login-container .avatar .logged-in {
      background: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="iso-8859-1"?><svg xmlns="http://www.w3.org/2000/svg" width="19.69" height="20"><path d="M9.84 10a5 5 0 1 0-4.92-5 4.981 4.981 0 0 0 4.92 5zm0 2.5c-3.32 0-9.84 1.625-9.84 5V20h19.69v-2.5c0-3.375-6.52-5-9.85-5z" fill="@{svg-fill-color}" fill-rule="evenodd"/></svg>');
      background-size: 22px;
      background-repeat: no-repeat;
      background-position: center;
    }

    .items-wrapper .nav-item#sb_client_info .login-container .avatar .logged-out {
      background: url("data:image/svg+xml,%3Csvg viewBox='0 0 46 46' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.99007 21.0112C0.89286 21.0112 0 21.9041 0 23.0014C0 24.0973 0.892157 24.9902 1.99007 24.9902H10.3678V21.0112H1.99007Z' fill='%23fff'/%3E%3Cmask id='mask0_208:2' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='10' y='5' width='36' height='36'%3E%3Crect x='10.3679' y='5.20752' width='35.5849' height='35.5849' rx='3' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_208:2)'%3E%3Cpath d='M42 5.18514L13.5 5.18506C9.84269 5.18506 10.3206 8.15924 10.3206 11.8159V13.0002V21.0104H28.2444L24.4112 17.1769C23.6366 16.4008 23.6366 15.1385 24.4112 14.3629C24.787 13.9871 25.2858 13.7799 25.8171 13.7799C26.3503 13.7799 26.8493 13.9872 27.2256 14.3629L34.4558 21.5934C34.6373 21.7742 34.7808 21.9885 34.8835 22.2311C34.9898 22.4924 35.039 22.7447 35.039 23.0012C35.039 23.257 34.9905 23.5096 34.8912 23.7515C34.7851 24.007 34.6414 24.2202 34.4613 24.4038L27.2255 31.6382C26.8476 32.0138 26.3474 32.2201 25.817 32.2201C25.2864 32.2201 24.7847 32.0138 24.4104 31.6382C23.6358 30.8606 23.6358 29.5984 24.4104 28.8231L28.2443 24.9899H10.3204V27.166V31.1619V36.0001L10.3204 37.5001C10.3204 41.1552 13.2961 40.8146 16.9533 40.8146H39.3218C42.9791 40.8146 46 41.1552 46 37.5001V24.4038V8.50002C46 5.50007 43.5652 5.18499 42 5.18514Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
      background-size: 24px;
      background-repeat: no-repeat;
      background-position: center;
    }

    #header .items-wrapper .nav-item#sb_cart .cart-container .cart{
      background: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="iso-8859-1"?><svg xmlns="http://www.w3.org/2000/svg" width="19.69" height="20"><path d="M5.91 16a2 2 0 1 0 1.97 2 1.993 1.993 0 0 0-1.97-2zM0 0v2h1.97l3.54 7.6L4.14 12a3.554 3.554 0 0 0-.2 1 1.993 1.993 0 0 0 1.97 2h11.81v-2H6.3a.206.206 0 0 1-.19-.2v-.1l.88-1.7h7.29a1.8 1.8 0 0 0 1.67-1l3.54-6.5a.551.551 0 0 0 .2-.5.934.934 0 0 0-.98-1H4.14l-.89-2H0zm15.75 16a2 2 0 1 0 1.97 2 1.993 1.993 0 0 0-1.97-2z" fill="@{svg-fill-color}" fill-rule="evenodd"/></svg>');
      background-size: 22px;
      background-repeat: no-repeat;
      background-position: center;
    }

    .pwa_install__button-link{
      color: @sb_base_color;
    }

    .pwa-app--btn,
    .btn,
    .current-booking-info .booking-btns .btn.sb_add_to_cal,
    .current-booking-info .booking-btns .btn.sb-ticket-download,
    #main-buttons .wrapper .inner .bar .btn,
    #sb_login_form .sb-client-info-popup,
    .sb-widget-form .buttons .send-message-button,
    #reviews-view .add-review .form .send-btn-container button,
    #sb_booking_content .tab .btn.select,
    #sb_time_classes_service_container .btn.select,
    #sb-timeline #steps #time-settings #sb_booking_company_time .btn,
    #remind-password .bar #sb_remind_btn,
    #main #main-content #sb_content #client-login button.btn,
    #sb-timeline #steps #steps-content #sb_booking_content #details .detail-step .buttons-container #sb_book_btn,
    .modal-dialog .modal-content .modal-footer .btn,
    .payment-modal #sb_pay_btn,
    #membership-view .mb.btn-bar .active-container a.wrapper,
    #membership-view .mb.btn-bar .info-container a.wrapper,
    .paid-attribute-footer .btn.next,
    #membership-view #sb_membership_list_container > div .membership-item .btn-bar .recurring-profile-btn{
      background: @sb_base_color;
      color: contrast(@sb_base_color, @dark_font_color, @light_font_color);

      &:hover,&:focus{
        background: darken(@sb_base_color, 30%) !important;
        color: contrast(@sb_base_color, @dark_font_color, @light_font_color) !important;
      }

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

        &:hover,&:focus{
          background: darken(@sb_base_color, 30%);
          outline: none !important;
        }
      }
    }

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

  .pwa_install__button-link{
    color: @sb_base_color;
  }

  .ada-compliance__btn {
    background: @sb_base_color !important;
    color: contrast(@sb_base_color, @dark_font_color, @light_font_color) !important;

    &:hover,&:focus{
      background: darken(@sb_base_color, 30%) !important;
      color: contrast(@sb_base_color, @dark_font_color, @light_font_color) !important;
    }
  }

  #news-index .news-list .article .bar .read-more a {
    color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
  }


    /*second view button*/
    .subscribe-component--btn-bar .btn-bar--row .btn.btn-danger,
    .current-booking-info .booking-btns .btn.sb-book,
    .current-booking-info .booking-btns .btn.sb-reschedule,
    .btn.sb_cancel_btn,
    a.btn.btn-default.show-all,
    .modal-footer #sb_cancellation_cancel,
      //#main-buttons .btn.map,
      //#main-buttons .btn.promo,
    #sb_login_form #sb_sign_out_btn,
    .sb-widget-form .buttons .open-booking-widget-button,
    .datepicker-button #sb_label_container,
    #sb-timeline #steps #steps-content #sb_booking_content #details .detail-step .buttons-container #sb_multiple_booking_btn,
    .timezone-modal.modal-dialog .modal-content .modal-footer #sb_cancel_button,
    #client-profile-edit .bar-with-btn .btn.btn-danger,
    #main-buttons .btn.map a,
    #main-buttons .btn.promo a,
    .not-logged .bar .btn-bar--row .btn.btn--sign-up{
      border-color: @sb_base_color;
      background: #fff;
      color: @sb_base_color !important;

      &:hover,&:focus{
        //border-color: darken(@sb_base_color, 11%);
        //color:  darken(@sb_base_color, 11%);
        background: darken(@sb_base_color, 30%);
        color: contrast(@sb_base_color, @dark_font_color, @light_font_color) !important;
      }

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

        &:hover,&:focus{
          //background: transparent;
          //color:  darken(@sb_base_color, 11%);
          background: darken(@sb_base_color, 30%);
          color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
        }
      }
    }

    .current-booking-info .booking-btns .btn.sb_cancel_btn{
      border-color: #fff;
      background: #fff;
      color: @sb_base_color;

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

    .booking-waiting .current-booking-info .booking-btns .btn.sb_cancel_btn{
      border-color: @sb_base_color;
      background: #fff;
      color: @sb_base_color !important;

      &:hover,&:focus{
        background: darken(@sb_base_color, 30%);
        color: contrast(@sb_base_color, @dark_font_color, @light_font_color) !important;
      }
    }


    #main-buttons .btn.map,
    #main-buttons .btn.promo,
    .current-booking-info .booking-btns .btn.sb-book,
    .btn.sb_cancel_btn {
      border-color: @sb_base_color;
    }


    #main-buttons .wrapper .inner .bar {
      .btn.map,
      .btn.promo {
        a{
          color: @sb_base_color;

          &:hover,&:focus{
            color:  darken(@sb_base_color, 30%);
          }
        }
      }
    }

    #news-single .return-btn a{
      color: @sb_base_color;

      &:hover,&:focus{
        color:  darken(@sb_base_color, 30%);
      }
    }

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

    #main #main-buttons .company-name {
      color: @dark_font_color;
    }

    .btn.book-btn {
      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: #fffffe;
      }
    }

    #main #main-content #sb_content #sb_product_pagination .current,
    #main #main-content #sb_content #sb_product_pagination .arrow:hover,
    #main #main-content #sb_content #sb_product_pagination .current:hover{
      background-color: @sb_base_color;
      color: @light_font_color;
    }

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

    .full-info-trigger {
      background: @sb_base_color;
      color: contrast(@sb_base_color, @dark_font_color, @light_font_color);

      &:hover, &:focus{
        background: darken(@sb_base_color, 30%);
      }
      //color: #ffffff;
    }

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

    .modal-dialog .modal-content .modal-header {
      background: @sb_base_color;
      .modal-title {
        color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
      }
    }

    //button with base color
    #header .nav-wrapper #sb_menu .nav li.active a,
    #header .nav-wrapper #sb_menu .nav #sb_appended_menu_item ul li.active a{
      background: @sb_base_color;
      color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
    }

    #header .nav-wrapper #sb_menu .nav li a:hover,
    #header .nav-wrapper #sb_menu .nav li a:focus{
      background: darken(@sb_base_color, 30%);
      color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
    }

    #booking-result-view #booking-result-tabs .tabs-container .tab-link {
      a {
        color: contrast(@sb_base_color, @dark_font_color, @light_font_color);

      }
      &.active {
        a {
          background: rgba(255, 255, 255, 0.30);
          color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
        }
      }
      a:hover, a:focus{
        background: rgba(255, 255, 255, 0.30);
        color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
      }
    }

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

    #sb-timeline #steps-nav #menu-active-bg {
      background: @sb_base_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: contrast(@sb_base_color, @dark_font_color, @light_font_color);
      }
    }

  #sb-timeline #steps-nav li.filled{
    .title-small{
      border-bottom-color: #fff;
      color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
    }
    .title-sub{
      color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
    }
  }

    #sb-timeline #steps-nav li:first-child, #sb-timeline #steps-nav li.passed,
    #sb-timeline #steps-nav li.passed + li:not(.passed) {
      background: @sb_base_color;
      .title-small {
        color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
      }
    }

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

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

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


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

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

    #sb_main #main #main-content #sb_content #gallery-view .img-list li a:before,
    #sb_main #main #main-content #sb_content #social-gallery-view .img-list li a:before {
      background-color: fade(@sb_base_color, 80%);
    }

    #sb_main #main #main-content #sb_content #gallery-view .img-list li a:focus,
    #sb_main #main #main-content #sb_content #social-gallery-view .img-list li a:focus {
      &:before{
        background-color: fade(@sb_base_color, 80%);
      }
    }

    #booking-result-view #booking-result-tabs {
      background-color: @sb_base_color;
    }
    .tabs_top_wrap .title-main{
      color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
    }

    //.current-booking-info .booking-btns .btn.sb_cancel_btn{
    //  background: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="iso-8859-1"?><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16.37"><path d="M16 1.63L14.4-.01 8.01 6.54 1.61-.01.01 1.63l6.4 6.55-6.4 6.54 1.6 1.64 6.4-6.55 6.39 6.55 1.6-1.64-6.39-6.54z" fill="@{svg-base-color}" fill-rule="evenodd"/></svg>');
    //}

    .telegram-notifications--modal .close-full-info,
    .modal-dialog .modal-content button.close,
    .tab.tab-col .full-info .close-full-info,
    #sb-timeline #steps #steps-content #sb_booking_content .location-item .tab .location-modal .close-full-info,
    #client-profile-preview .close-modal,
    #client-profile-edit .close-modal,
    #remind-password .close-modal,
    #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: @sb_base_color;
      color: contrast(@sb_base_color, @dark_font_color, @light_font_color);

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

    .modal-dialog .modal-content .modal-header {
      background: #fff;
    }
    .modal-dialog .modal-content button.close span {
      background: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="iso-8859-1"?><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16.37"><path d="M16 1.63L14.4-.01 8.01 6.54 1.61-.01.01 1.63l6.4 6.55-6.4 6.54 1.6 1.64 6.4-6.55 6.39 6.55 1.6-1.64-6.39-6.54z" fill="@{svg-fill-color}" fill-rule="evenodd"/></svg>');
    }

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

    .custom-checkbox .custom-label {
      border-color: @sb_base_color;
    }
    .tab.tab-col .full-info-trigger .fi: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="20" height="20"><path data-name="Shape 1426 copy" d="M10 0v1.667h7.167l-10.25 10.25 1.166 1.166 10.25-10.25v7.084H20V0H10zm5 18.333H1.666V5H10l1.667-1.667H0V20h16.667V8.333L15 10v8.333z" fill="@{svg-fill-color}" fill-rule="evenodd"/></svg>');
    }

    #header.with-shadow {
      box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.08);
    }
    #header .items-wrapper .nav-item .full-info.active{
      box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.08);
    }
    #header .nav-wrapper.active{
      box-shadow: 10px 0 30px -6px rgba(88, 88, 88, 0.6);
    }

    #reviews-view .add-review .info .name,
    .review-tab .d-flex .author a{
      color: @dark_font_color;
    }
    #sb-timeline #steps-nav{
      background: @sb_base_color;
    }

    #sb_booking_company_time #sb_change_timezone:after{
      background: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="iso-8859-1"?><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22"><path data-name="Shape 1 copy 4" d="M18.778 3.222A11 11 0 1 0 22 11a10.927 10.927 0 0 0-3.222-7.778zm-7.778 17A9.223 9.223 0 1 1 20.222 11 9.233 9.233 0 0 1 11 20.222zm3.662-6.817l-2.773-2.773v-5.7a.889.889 0 0 0-1.778 0V11a.885.885 0 0 0 .261.628l3.033 3.034a.889.889 0 0 0 1.257-1.257z" fill="@{svg-fill-color}" fill-rule="evenodd"/></svg>');
      background-repeat: no-repeat;
      background-position: center;
      background-size: 24px;
    }

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

      &:focus{
        text-decoration: underline;
      }
    }

    #sb-timeline #steps-nav li:first-child .title-small,
    #sb-timeline #steps-nav li.active .title-small,
    #sb-timeline #steps-nav li.passed + li.active:not(.passed) .title-small{
      color: @sb_base_color;
    }
    #sb-timeline #steps-nav li.passed:first-child .title-small,
    #sb-timeline #steps-nav li.passed .title-small,
    #sb-timeline #steps-nav li.passed + li:not(.passed) .title-small,
    #sb-timeline #steps-nav li.passed .title-sub{
      color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
    }
    #sb-timeline #steps-nav li.passed .title-small{
      border-bottom-color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
    }

    #sb_attribute_list_container .product-item .badge,
    #steps-content .product-section .product-item .tab .badge{
      color: @dark_font_color;
    }
    #steps-content .product-section .product-item .changed-items-num .product-label:before,
    #steps-content .product-attribute-section .product-list-view-wrapper .product-item .product-label:before{
      border-color: @sb_base_color;
      background: #fff;
    }
    #steps-content .product-section .product-item .changed-items-num .product-label:after,
    #steps-content .product-attribute-section .product-list-view-wrapper .product-item .product-label:after{
      border-right: 3px solid contrast(@sb_base_color, @dark_font_color, @light_font_color);
      border-bottom: 3px solid contrast(@sb_base_color, @dark_font_color, @light_font_color);
    }
    #steps-content .product-section .product-item .changed-items-num input.check:checked + .product-label:before,
    #steps-content .product-attribute-section .product-list-view-wrapper .product-item input.check:checked + .product-label:before{
      background: @sb_base_color;
    }

    .has-error .control-label{
      color:  @dark_font_color;
    }

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

    .payment-modal #sb_payment_systems_container .payment-system:hover{
      border: 1px solid @sb_base_color;
    }

    .datetime-step .header #sb_next_date,
    .datetime-step .header #sb_next_month,
    .timeline-wrapper .txt-right > div a,
    .datetime-step .header #sb_prev_date,
    .datetime-step .header #sb_prev_month,
    .timeline-wrapper .txt-left > div a,
    #sb-timeline #steps #steps-content #sb_booking_content .datetime-step .header a{
      color: @sb_base_color;

      &:hover,&:active, &:focus{
        color: darken(@sb_base_color, 30%);
      }
    }

    .datetime-step .header #sb_next_date,
    .datetime-step .header #sb_next_month,
    .timeline-wrapper .txt-right > div a,
    .datetime-step .header #sb_prev_date,
    .datetime-step .header #sb_prev_month,
    .timeline-wrapper .txt-left > div a{
      &:focus{
        outline: 1px solid @sb_base_color;
        outline-offset: 3px;
      }
    }

    label.product-label {
      &:focus{
        outline: 1px solid @sb_base_color;
        outline-offset: 3px;
      }
    }

    .product-item .active-count .plus,
    .product-item .active-count .minus{
      &:focus{
        outline: 1px solid @sb_base_color;
      }
    }

    label.control-label:focus {
      outline: 1px solid @sb_base_color;
    }

    #header .nav-trigger{
      background: @sb_base_color;
      color: contrast(@sb_base_color, @dark_font_color, @light_font_color);

      &:hover,&:focus{
        background: darken(@sb_base_color, 30%);
        color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
      }
    }
    #header .nav-trigger span, #header .nav-trigger span:after, #header .nav-trigger span:before{
      background: contrast(@sb_base_color, @dark_font_color, @light_font_color);
    }

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

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

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

    .error-card .redirect-block .block .btn{
      &:hover,&:focus{
        background: darken(@sb_base_color, 30%);
      }
    }

    //RTL

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

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

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



    /*keyboard navigation*/

    #header .brand .logo a:focus{
      //box-shadow: 0 0 20px 0 fade(@sb_base_color, 90%);
      outline-offset: 4px;
      outline: 1px solid;
    }


    #news-index .news-list .article .cap a:focus,
    #content-view #contacts li .links > a:focus,
    #footer a:focus,
    #news-single .return-btn a:focus,
    .review-tab .d-flex .author a:focus{
      color: #23527c;
      text-decoration: underline;
      outline: none !important;
    }

    #news-single .return-btn a:focus {
      outline: 1px solid !important;
    }

    #booking-result-view #booking-result-tabs .tabs-container .tab-link a:focus{
      box-shadow: 0 0 20px 0 fade( contrast(@sb_base_color, @dark_font_color, @light_font_color), 90%);
      outline: none;
    }

  // timeline cell has focus
    .sb-cell.free{
      &:focus{
        background: @sb_base_color;
        color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
      }
    }

    .calendar-popup li .btn{
      background: transparent;
      color: @dark_font_color;
      &:hover, &:focus{
        color: @dark_font_color;

        a{
          color: @dark_font_color;
        }
      }
      a{
        color: @dark_font_color;
        &:hover, &:focus{
          color: @dark_font_color;
          outline: 1px solid @sb_base_color !important;
          outline-offset: 2px;
        }
      }
    }

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

  #sb_gdpr_report_module_container #sb_gdpr_email_form a{
    &:focus{
      color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
    }
  }

  .item, .tab {
    .read-more{
      color: @sb_base_color;

      &:hover, &:focus{
        text-decoration: underline;
        color: darken(@sb_base_color, 30%);
      }
    }
  }

  .active-count .sb_group_count{
    &:focus{
      outline: 1px solid @sb_base_color;
    }
  }

  .datepicker-days table tr td.active:active,
  .datepicker-days table tr td.active.highlighted:active,
  .datepicker-days table tr td.active.active,
  .datepicker-days table tr td.active.highlighted.active{
    background: @sb_base_color;
    color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
  }

  .datepicker-months table tr td span.active:active,
  .datepicker-months table tr td span.active:hover:active,
  .datepicker-months table tr td span.active.disabled:active,
  .datepicker-months table tr td span.active.disabled:hover:active,
  .datepicker-months table tr td span.active.active,
  .datepicker-months table tr td span.active:hover.active,
  .datepicker-months table tr td span.active.disabled.active,
  .datepicker-months table tr td span.active.disabled:hover.active{
    background: @sb_base_color;
    color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
  }

  .datepicker-years table tr td span.active:active,
  .datepicker-years table tr td span.active:hover:active,
  .datepicker-years table tr td span.active.disabled:active,
  .datepicker-years table tr td span.active.disabled:hover:active,
  .datepicker-years table tr td span.active.active,
  .datepicker-years table tr td span.active:hover.active,
  .datepicker-years table tr td span.active.disabled.active,
  .datepicker-years table tr td span.active.disabled:hover.active {
    background: @sb_base_color;
    color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
  }

  #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-off,
    .day-on {
      color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
    }
  }

  .invoice-pay-page .to-invoices-list{
    &:hover, &:focus{
      color: @sb_base_color;
    }
  }

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

  .wrap-client-info-view .back-button{
    color: @sb_base_color;

    &:focus{
      outline: 1px solid @sb_base_color;
      color: darken(@sb_base_color , 30%);
    }
  }

  #membership-plugin #sb_membership_module_list_container.content-mode-list .membership-item.panel .d-flex .bar-flex-item.purchased-item .purchased,
  #membership-view #sb_membership_list_container.content-mode-list .membership-item.panel .d-flex .bar-flex-item.purchased-item .purchased{
    color: #fff;
    background-color: rgba(95, 161, 254, 1);
  }

  .panel .btn-bar .wrap-read-more{
    .btn.read-more{
      background: transparent;
      color: #337ab7;
      text-decoration: none;

      &:hover, &:active{
        color: darken(#337ab7, 30%);
      }
    }
  }

   .panel .btn-bar-full-info .btn-hide{
     background: transparent !important;
     border: none;
   }

   #footer .cookies .btn {
     color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
  }

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

  #steps-content #sb_booking_content #details .product-attribute-section .product-list-view-wrapper #sb_attribute_list_container .product-item .product-label:before,
  #sb_main #main #main-content #sb_content #steps #steps-content .product-section .product-list-view-wrapper .product-item.panel .changed-items-num .product-label:before,
  #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{
    border-color: @sb_base_color !important;
  }

  #sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-wrapper .paid-attribute-step #sb_attribute_list_container .product-item.panel .attributes-checkbox--wrapper input[type='checkbox']:checked + .product-label:before,
  #sb_main #sb-main-container.tritanopia #steps-content #sb_booking_content #details .product-section .product-item .changed-items-num input.check:checked + .product-label:before,
  #steps-content #sb_booking_content #details .product-section .product-item .changed-items-num input.check:checked + .product-label:before,
  #steps-content #sb_booking_content #details .product-attribute-section .product-list-view-wrapper #sb_attribute_list_container .product-item input.check:checked + .product-label:before{
    background: @sb_base_color !important;
  }

  .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 @sb_base_color;
      color: @sb_base_color;
      &.disabled{
        border: 2px 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;
      }
    }
  }

  .pwa-app--install-page .loader:before{
    border-color: @sb_base_color;
  }

  .company-location--row .link{color: @sb_base_color;}

}


#sb_main #sb-main-container.tritanopia, #sb_dialog {
  .theme(#0c1ccc, #fff, #494949, #fff, #ffebfb, #cfe5ff);
}
#sb_main #sb-main-container.protanopia_deuteranopia, #sb_dialog {
  .theme(#0c1ccc, #fff, #333, #fff, #efb5c9, #a0dbf5);
}

body .datepicker {
  .theme(#0c1ccc, #fff, #494949, #fff, #ffebfb, #cfe5ff);
}



// for widget
.is-widget {
  .theme(#0c1ccc, #fff, #494949, #fff, #ffebfb, #cfe5ff);
}