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

@grey: #81889a;

@black: #464646;

.company-name {
  color: @sb_company_label_color;
}

.appearance .company-name {
  color: @dark_font_color;
}

#main #main-content #sb_content #content-view #contacts li .links a {
  color: @dark_font_color;
}

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

.current-booking-info .booking-btns {
  .btn.sb_cancel_btn,
  .btn.sb-reschedule,
  .btn.sb-book,
  .btn.sb-ticket-download,
  .sb-medical-test-download{
    background-color: #fff;
    border: 1px solid @sb_base_color;
    color: @sb_base_color;
  }
}

.current-booking-info .booking-btns .sb-book {
  background-color: #fff;
  border: 1px solid @sb_base_color;
  color: @sb_base_color;
  a {
    color: @sb_base_color;
  }
}

.current-booking-info .booking-btns .sb-book a .fa{
  color: @sb_base_color;
}

.current-booking-info .booking-btns .btn.sb_add_to_cal {
  background: @btn_color;
}

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

.title-main {
  color: @sb_base_color;
}

.title-section {
  color: @sb_base_color;
}

#sb_main #header #sb_menu .nav li a {
  color: @dark_font_color;
}

#sb_main #header #sb_menu .nav li.active a {
  font-weight: 600;
  color: @sb_base_color;
  border-bottom-color: @sb_base_color;
}

#sb_main #header #sb_menu .nav li a:hover {
  border-bottom-color: @sb_base_color;
}

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

#main #main-buttons .wrapper .inner .bar .btn a {
  background-color: @btn_color;
}

#sb_main #header .items-wrapper #sb_multiple_book_cart .empty .left_block .txt {
  color: @dark_font_color;
}

#sb_main #header .items-wrapper #sb_multiple_book_cart .empty .left_block .booking_btn {
  background-color: @btn_color;
  color: #fff;
}

.remind-pass {
  color: @sb_base_color;
  &:hover {
    color: @sb_base_color;
  }
}

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

#header .nav-wrapper .items-wrapper .nav-item#sb_client_info .login-container .full-info #sb_login_form .not-logged .bar .btn-bar--row{
  .btn--sign-up{
    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%);
    }
  }
}

.btn {
  background-color: @btn_color;
  color: contrast(@btn_color, @dark_font_color, @light_font_color);
  border-color: @btn_color;
}

.subscribe-component--btn-bar .btn-bar--row .btn.btn-danger,
#client-profile-preview .bar-with-btn .btn.btn-logout,
#sb_main #header .items-wrapper #sb_client_info .is-logged .bar-with-btn button.btn {
  border: 1px solid @btn_color;
  background-color: #fff;
  color: @btn_color;
  &:focus, &:active {
    outline: none;
  }
  &:hover {
    background-color: transparent;
  }
}

.subscribe-component--btn-bar .btn-bar--row .btn.btn-primary{
  background: @btn_color;
  color: contrast(@btn_color, @light_font_color, @dark_font_color);
}

#sb_main #content-view .index-data-wrapper .line {
  background-image: linear-gradient(to bottom, @sb_base_color, @sb_base_color);
}

.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus {
  border-color: @btn_color;
  background-color: @btn_color;
}

.close_popup_btn:before,
.close_popup_btn:after{
  background-color: @btn_color;
}

#sb_main #main #sb_content #client-profile-edit .bar-with-btn .btn.second_btn {
  color: @sb_base_color;
  border: 1px solid @sb_base_color;
}

#sb_main #content-view .index-data-wrapper .decor-wrap {
  border: 3px solid @sb_base_color;
  @media (max-width: 767px){
    border: none;
  }
}

#sb_dialog .modal-dialog #sb_time_classes_service_container .cap-short a {
  color: @dark_font_color;
}

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

#sb-timeline #steps #sb_back_button .fa,
.wrap-client-info-view .back-button .ico{
  color: @sb_base_color;
}

#main #main-content #sb_content #remind-password .bar #sb_remind_btn_back {
  background-color: #fff;
  border: 1px solid @btn_color;
  color: @btn_color;
}

#main #main-content #sb_content #remind-password .bar #sb_remind_btn {
  background-color: @btn_color;
  border: 1px solid @btn_color;
}

#sb-timeline #steps-nav li .tab-top {
  color: @sb_base_color;
}

.tab.tab-col .excerpt-info .tab-pd .bar .address a {
  color: @sb_base_color;
}

#sb_main #main #sb_content #steps-content .item .full-info .close-full-info ,
.package-content > div .package-item .full-info .close-full-info {
  background-color: @sb_base_color;
}

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

#sb_main #main #sb_content #steps-content #sb_booking_content .datetime-step #sb_dateview_container .fa {
  color: @sb_base_color;
}

#sb_main #main #sb_content #steps-content #sb_booking_content .datetime-step #sb_dateview_container .datepicker-button .btn {
  color: @sb_base_color;
}

.datepicker table tr td.day:hover:not(.disabled), .datepicker table tr td.focused:not(.disabled) {
  background-color: @sb_base_color;
  background: @sb_base_color;
  text-decoration: none;
  color: @light_font_color;
  border-radius: 0;
}

.datepicker table tr td.active:active:hover, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active:active:focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active:active.focus, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.active.focus, .datepicker table tr td.active.highlighted.active.focus,
.datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active{
  background-color: @sb_base_color;
  border-color: @sb_base_color;
  border-radius: 0;
  color: @light_font_color;
}

.datepicker.datepicker-inline td.active.single-day, .datepicker.dropdown-menu td.active.single-day {
  border-radius: 0;
}

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

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

.datepicker table tr td span {
  border-radius: 0;
}

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

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

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

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

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

#sb_main #main #sb_content #steps-content #sb_booking_content .datetime-step .header .fa {
  color: @sb_base_color;
}

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

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

#sb_main .modal-dialog .modal-content .modal-footer .btn#sb_set_button {
  background-color: @btn_color;
  color: @light_font_color;
}

#sb_main .modal-dialog .modal-content .modal-footer .btn#sb_cancel_button,
.modal-dialog.delete-review .modal-footer #sb_review_delete_cancel{
  background-color: #fff;
  border: 1px solid @btn_color;
  color: @btn_color;
}

#sb_dialog .modal-dialog #sb_time_classes_service_container .middle.text .cap-short a {
  color: @dark_font_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 .full-info .btn:hover {
  background-color: @btn_color;
}

.modal-dialog .modal-content .modal-footer .btn {
  background-color: @btn_color;
  color: @light_font_color;
}

#sb_main #main #sb_content #steps-content #sb_booking_content #sb_product_container .product-list-view-wrapper #sb_product_list_container .product-item .badge {
  color: @dark_font_color;
}

#sb_main #main #sb_content #steps-content #sb_booking_content #sb_product_container .product-list-view-wrapper .title-main {
  color: @dark_font_color;
}

#sb_main #main #sb_content #steps-content #sb_booking_content #sb_product_container .product-list-view-wrapper #sb_product_list_container .product-item .badge {
  background-color: transparent;
  color: @dark_font_color;
  right: 0;
  padding-right: 20px;
  &:before, &:after {
    display: none;
  }
}

#sb_client_login_container #sb_sign_out_btn:hover {
  background-color: @btn_color;
}

#sb_main #main #sb_content #steps-content #sb_booking_content .detail-step-wrap .title-main,
.badge{
  color: @dark_font_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 .full-info .bar-service .badge {
//  background-color: @sb_base_color;
//  color: @light_font_color;
//  right: 0;
//  &:before, &:after {
//    display: none;
//  }
//}

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

#sb_main #main #sb_content #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper.classes-plugin-wrapper #sb-time-classes-container .inner .provider-container .provider-col .provider-item .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:focus {
  background-color: @btn_color;
}

.modal-dialog .terms_and_conditions ol li:before {
  color: @sb_base_color;
}

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

#sb-timeline #steps #steps-content #sb_booking_content #details .detail-step .buttons-container #sb_multiple_booking_btn {
  color: @btn_color;
  border: 1px solid @btn_color;
}

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

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

.current-booking-info .booking-btns .sb_cancel_btn:before,
.current-booking-info .booking-btns .sb_cancel_btn:after {
  //background-color: @sb_base_color;
}

#booking-result-view #booking-result-tabs .tabs-container .tab-link a {
  color: @dark_font_color;
}

.filter .title-main {
  color: @dark_font_color;
}

#sb_main #main #sb_content #membership-view #sb_membership_history_container #membership-payment-history .title-main {
  color: @dark_font_color;
}

#sb_main #main #sb_content #reviews-view #sb_reviews_add_container .title-main {
  color: @dark_font_color
}

#sb_main #main #sb_content #reviews-view #sb_reviews_add_container .add-review .avatar .info .name, #sb_main #main #sb_content #reviews-view #sb_reviews_add_container .add-review .avatar .info .logout {
  color: @sb_base_color;
}

#main #main-content #sb_content #reviews-view .add-review .form .send-btn-container button {
  background-color: @btn_color;
  color: @light_font_color;
}

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

#lightbox .lb-outerContainer .lb-nav .lb-prev,
#lightbox .lb-outerContainer .lb-nav .lb-next,
#lightbox .lb-dataContainer .lb-data .lb-close {
  background-color: @sb_base_color;
}

#sb_main #main #sb_content #news-index #sb_news_list_container .item-wrap .article .bar .read-more {
  a {
    color: @light_font_color;
    background-color: @sb_base_color;
  }
}

#sb_main #main #sb_content #news-single .return-btn a .fa,
#sb_main #main #sb_content #news-single .return-btn a{
  color: @sb_base_color;
}

#booking-result-view .btn-default {
  &:hover {
    background-color: @btn_color;
  }
}
//
//.sb-widget-form .buttons .send-message-button {
//  background-color: @sb_base_color;
//}

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

//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-left: 1px solid @border_slot_color;
}

.custom-checkbox input:checked + .custom-label {
  background-color: #fff;
  border-color: #DBDBDB;
}

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

#membership-view .mb.btn-bar .wrapper.price-formatter,
#membership-view .mb.btn-bar .wrapper.price-formatter span{
  color: @dark_font_color;
}

#membership-view .mb.btn-bar .wrapper.price-formatter.btn,
#membership-view .mb.btn-bar .wrapper.price-formatter.btn span {
  color: #fff;
}

#sb_main #content-view .index-data-wrapper .top-index-block .descr ul li:before, #sb_main #content-view .index-data-wrapper .top-index-block .descr ol li:before {
  color: @sb_base_color;
}

#main #main-content #sb_content #content-view #contacts li .links.emails,
#main #main-content #sb_content #content-view #contacts li .links.website{
  a {
    color: @sb_base_color;
  }
}

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

#sb_main #main #sb_content #steps-content #sb_booking_content #sb_attribute_container .title-main {
  color: @dark_font_color;
}

#steps-content .product-attribute-section .product-list-view-wrapper .product-item .flex-row .item-data .badge {
  background-color: transparent;
  color: @sb_base_color;
}

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

.current-booking-info .location-modal .close-full-info {
  background-color: @sb_base_color;
}

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

#header .nav-wrapper .items-wrapper .nav-item#sb_client_info .login-container .full-info #sb_login_form .is-logged .cap b {
  color: @sb_base_color;
}

#sb_main #header .items-wrapper #sb_client_info .is-logged .bar-with-btn .btn {
  color: @light_font_color;
  &:hover {
    background-color: @btn_color;
  }
}

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

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

#client-profile-preview .bar-with-btn .btn {
  &:focus,
  &:active,
  &:hover{
    background-color: @btn_color;
  }
}

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

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

#client-profile-edit .bar-with-btn .btn {
  &:hover {
    background-color: @btn_color;
  }
}

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

#sb_main #main #sb_content #membership-view #sb_membership_list_container .membership-item .full-info .close-full-info {
  background-color: @sb_base_color;
}

.pagination-wrapper {
    span, a {
      color: @sb_base_color;

      &:hover {
        background-color: @sb_base_color;
        color: @light_font_color;
      }

      &.current {
        background-color: @sb_base_color;
        color: @light_font_color;
      }
    }
}

#gdpr-report-view .control-bar .text-right .btn-default{
  background: @btn_color;
  color: contrast(@btn_color, @dark_font_color, @light_font_color);
}
#sb_gdpr_report_module_container #sb_gdpr_email_form .sb_gdpr_close_form_btn{
  background: @btn_color;
  color: contrast(@btn_color, @dark_font_color, @light_font_color);
}
#sb_gdpr_report_module_container .gdpr-popup #sb_gdpr_show_form_btn{
  color: @sb_base_color;
}

#footer a {
  color: @sb_base_color;
}

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

//.invoice-pay-page .to-invoices-list .fa {
//  color: @sb_base_color;
//}

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

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

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

.invoice-pay-page #sb_invoice_pager_container .pagination-wrapper .current:hover {
  background-color: @sb_base_color;
  color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
}
.tab.tab-col .read-more,
.provider-item .read-more,
.membership-item .read-more{
  font-weight: 600;
  color: @sb_base_color;
}

.promo-list-wrap .promotion-list .promotion-item .full-info .close-full-info {
  background-color: @sb_base_color;
}

#sb-timeline #steps #steps-content .step-content .split-title .title-section {
  color: @dark_font_color;
}

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

.terms_and_conditions a {
  color: @sb_base_color;
}

#header .nav-wrapper .items-wrapper .nav-item .bottom-block .btn {
  &:hover,
  &:focus {
    color: contrast(@btn_color, @dark_font_color, @light_font_color);
  }
}

.back-to-site .btn-primary {
  border: 1px solid @btn_color;
  &:hover, &:focus {
    background-color: @btn_color;
    border: 1px solid @btn_color;
  }
}

#lightbox .lb-dataContainer .lb-data .lb-next-b,
#lightbox .lb-dataContainer .lb-data .lb-prev-b{
  background-color: @sb_base_color;
}

#news-index .news-list .article .cap a {
  &:hover {
    color: @sb_base_color;
    opacity: 1;
  }
}

#booking-result-view .back-to-services {
  color: @sb_base_color;
}

#client-profile-edit, #client-login {
  .sb-client-fields {
    border-color: @sb_base_color;
  }
}

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

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

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

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

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

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

// booking stap progress
.steps-nav {

}

#steps-nav {
  #sb_booking_info {
    ul {
      li {
        .content {
          .title-small {
            color: @dark_font_color;
          }
        }
        &:hover {

        }
        &:first-of-type {
          background-color: @booking_nav_bg_color;
          .title-small {
            color: contrast(@booking_nav_bg_color, @dark_font_color, @light_font_color);
          }
        }
        &.passed {
          background-color: #fff;
          .title-small {
            color: @dark_font_color;
          }
        }
        &.passed + .passed {
          background-color: #fff;
          .title-small {
            color: @dark_font_color;
          }
        }
        &.passed + li {
          background-color: @booking_nav_bg_color;
          .title-small {
            color: contrast(@booking_nav_bg_color, @dark_font_color, @light_font_color);
          }
        }
      }
    }
  }
}

#header .nav-wrapper #sb_menu {
  &::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 6px;
    border-radius: 1px;
  }
  &::-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: 1px;
  }
  &::-webkit-scrollbar-thumb {
    background-color: @sb_base_color;
    border-radius: 1px;
    border: none;
  }
  &::-webkit-overflow-scrolling:touch {
    width: 6px;
  }
}

.telegram-notifications{
  &--modal {
    .modal-dialog .modal-content {
      .modal-header {
        .modal-title {
          color: @dark_font_color;
        }
      }
    }
    .close-full-info{
      color: @dark_font_color;
    }
  }
}

.bonus{
  &__amount{
    color: #47ED41;
    &.no-income{
      color: #C33A55;
    }
  }
  &__table{
    thead{
      background: #F1F1F1;
    }
    tbody{
      tr{
        background: transparent;
        &:nth-child(odd) {
          background: #F9F9F9;
        }
        &:nth-child(even) {
          background: #fff;
        }
      }
    }
  }
}

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

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

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