@sb_active: @sb_base_color;
@border_slot_color: #e9e9e9;


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

@btn_color: if((iscolor(@btn_color_1)), @btn_color_1, @sb_base_color);
@new_btn_color: if(@allow_new_theme_btn_color, @btn_color, @sb_base_color);

@formThemeColor: @sb_base_color;
@svg_base_color: fade(@formThemeColor, 99%);
@svg-btn-contrast-text-color: contrast(@new_btn_color, @dark_font_color, @light_font_color);
@svg-btn-text-color: fade(@svg-btn-contrast-text-color, 99.9%);

.product-item{
  svg * {
    fill: none;
  }
}

.sb-cell {
  cursor: pointer;

  &.free {
    background: @sb_available;
    color: @sb_available_font;

    a {
      color: @sb_available_font;
    }

    &.hovered,
    &:hover {
      background-color: @sb_active;
      color: @sb_active_font;

      a {
        color: @sb_available_font;
      }
    }

    &.buffertime {
      background-image: url('/v2/images/admin/icons/pattern.png');
    }
  }

  &.breaktime,
  &.reserved,
  &.busy_time,
  &.busy {
    background: @sb_busy;
    color: @sb_busy_font;
    opacity: .4;
    cursor: not-allowed;
  }
}

//modal colors settings
.close,
.close-full-info{
  background: rgba(255, 255, 255, 0.5);
  color: @dark_font_color;

  &:hover{
    background: rgba(255, 255, 255, 0.6);
    color: darken(@dark_font_color, 6%);
  }

  &:focus{
    background: rgba(255, 255, 255, 0.8);
    color: darken(@dark_font_color, 8%);
  }
}
// modal 'add to calendar'
.calendar-popup .calendar-popup__btn{
  color: @dark_font_color;

  &:hover, &:focus{
    background: transparent;
    border-color: @new_btn_color;
    color: @new_btn_color;
  }
}

// ui-kit color settings
//preloader
.theme-preloader{
  &__svg{
    g{
      rect{
        fill: @sb_base_color;
      }
    }
  }
}

//-- button **//
.btn,
.send-message-button,
#sb_time_slots_weekly_container .waiting-list-day .cell,
.invoice-pay-page .invoice-payment-systems>div .invoice-payment-systems-info.payment-modal .btn-primary,
.invoice-pay-page-grid form input[type='submit'],
.invoice-pay-page-grid form input[type='button'],
.pwa_install_button{
  background: @new_btn_color;
  color: contrast(@new_btn_color, @dark_font_color, @light_font_color);

  &:hover{
    background: darken(@new_btn_color, 2.5%);
    color: contrast(@new_btn_color, @dark_font_color, @light_font_color);
  }
  &:active,
  &:focus{
    background: darken(@new_btn_color, 6%);
    color: contrast(@new_btn_color, @dark_font_color, @light_font_color);
  }
}
.btn-danger{
  background: #d9534f;
  color: #fff;

  &:hover{
    background: darken(#d9534f, 2.5%);
    color: #fff;
  }
  &:active,
  &:focus{
    background: darken(#d9534f, 6%);
    color: #fff;
  }
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step .header button,
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step .header a{
  border-color: @sb_base_color;
  color: @sb_base_color;

  &:hover,
  &:active{
    border-color: darken(@sb_base_color, 6%);
    color: darken(@sb_base_color, 6%);
  }

  &:focus{
    background: @sb_base_color;
    border-color:@sb_base_color;
    color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
  }
}

.btn-bar--gallery .btn--load-more{
  border-color: @new_btn_color;
  background: @new_btn_color;
  color: contrast(@new_btn_color, @dark_font_color, @light_font_color);
}

//-- pagination **//
.pagination-wrapper,
.product-pagination{
  .sb-page,
  .arrow,
  .pagination-link,
  a {
    color: @dark_font_color;

    &.current{
      border-color: darken(@sb_base_color, 15%);
      color: @sb_base_color;
    }

    &:hover,
    &:focus{
      border-color: @sb_base_color;
    }
  }
}

//-- tabs **//
.tabs-container{
  .tab-link{
    a{
      color: @dark_font_color;
      &:hover, &:focus{
        border-bottom-color: lighten(@sb_base_color, 10%);
      }
    }

    &.active{
      a{
        border-bottom-color: @sb_base_color;
      }
    }
  }
}

//-- accordion **//
.accordion {
  .title{
    color: @sb_base_color;

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

//-- checkbox **//
.custom-checkbox input:checked + .custom-label,
input:checked + .custom-label,
input:checked + .custom-checkbox .custom-label{
  background: @sb_base_color;
  border-color: darken(@sb_base_color, 2%);
  color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
}


// booking steps color settings
//-- product **//
.product-item{
  .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;
    }
  }
}

//-- membership **//
.sb_changed_filter_item {
  background-color: @sb_base_color;
  color: @light_font_color;
}


// News colors settings
.page-content--news{
  .title--link,
  .item-news__read-more,
  .return-btn{
    color: @sb_base_color;

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

// Reviews color settings
.reviews-page__add-review .name {
  color: @sb_base_color;
}

.add-review .logout{
  color: #d9534f;
  &:hover, &:focus{
    color: darken(#d9534f, 6%)
  }
}


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

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .slots-view.as-table .timeline-wrapper #sb_time_slots_container .slot {
  border-right: 1px solid fade(@sb_base_color, 70%);
  border-bottom: 1px solid fade(@sb_base_color, 70%);

  &:nth-of-type(5n) {
    border-right: none;
  }

  @media (max-width: 767px) {
    &:nth-of-type(3n) {
      border-right: none;
    }

    &:nth-of-type(5n) {
      border-right: 1px solid fade(@sb_base_color, 70%);
    }
  }
  @media (max-width: 575px) {
    border-right: none;
    &:nth-of-type(2n - 1) {
      border-right: 1px solid fade(@sb_base_color, 70%);
    }
  }

  a {
    background-color: @sb_base_color;
    color: @light_font_color;

    &:hover {
      background-color: fade(@sb_base_color, 70%);
    }
  }
}

.back-to-services {
  color: @dark_font_color;

  &:hover,
  &:focus {
    color: @dark_font_color;
  }
}

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

.header #sb_appended_menu_item ul li.active a {
  color: @sb_base_color;
}

#sb_terms_and_conditions a {
  color: @sb_base_color;
}

.remind-pass {
  color: @sb_base_color;
}

.header{
  .btn{
    &--sign-up{
      background: transparent;
      border: 2px solid @new_btn_color;
      color: darken(@new_btn_color, 4%);

      &:hover, &:active{
        background: transparent;
        border: 2px solid darken(@new_btn_color, 6%);
        color: darken(@new_btn_color, 8%);
      }
    }
  }
}

.time-legend .available .circle {
  background: @sb_available;
}

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

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .date.selected {
  background: @sb_available;

  .day-on,
  .day-off {
    color: @sb_available_font;
  }

  &:hover {
    background: @sb_available;
  }
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-inner table .btn {
  background-color: @new_btn_color;
  color: contrast(@new_btn_color, @dark_font_color, @light_font_color);
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-inner table td .data-trigger {
  color: @sb_base_color;
}

.invoice-pay-page .promo-code-input .custom-form .promo-btn {
  background: @new_btn_color;
  color: contrast(@new_btn_color, @dark_font_color, @light_font_color);
}

.service-bar__icon .icon.icon-reccuring .fa {
  color: @dark_font_color;
}

//DATEPICKER COLORS
.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active {
  background-color: @sb_available;
  background: @sb_available;
  color: @sb_available_font;
}

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



.item__read-more{
  color: @sb_base_color;

  &:active{
    color: darken(@sb_base_color, 4%);
  }
}

.custom-radio input:checked + label {
  border: 2px solid @sb_base_color;
}

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

.license-modal a {
  color: @sb_base_color;
}

.sb-widget-form .buttons .send-message-button {
  background: @sb_base_color;
}

#footer a {
  color: @sb_base_color;
}

.empty-week-time-part {
  .btn-next-week {
    background: @new_btn_color;
    color: contrast(@new_btn_color, @dark_font_color, @light_font_color);
  }
}

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

#footer #sb_scroll_top_btn {
  background-color: @new_btn_color;
  color: contrast(@new_btn_color, @dark_font_color, @light_font_color);

  &:hover {
    background-color: fade(@new_btn_color, 70%);
  }
}


.invoice-pay-page .custom-title {
  background-color: @sb_base_color;
  color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
}


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

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

.pdf-invoice .invoice-top {
  border-bottom: 2px solid @sb_base_color;
}

.pdf-invoice .invoice-top .name {
  color: @sb_base_color;
}

.pdf-invoice .general-table thead {
  background: @sb_base_color !important;
  color: contrast(@sb_base_color, @dark_font_color, @light_font_color) !important;
}

.pdf-invoice .general-table .table thead > tr > th {
  border: 1px solid @sb_base_color;
}

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

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

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

.btn.start-date-btn,
.start-date-btn {
  a,
  .sb_start_date {
    color: @sb_base_color;
  }
}


#sb-timeline #steps #steps-content #sb_booking_content .location-item .address a {
  color: @sb_base_color;
}

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

.btn-classes {
  background-color: @new_btn_color;
  color: contrast(@new_btn_color, @dark_font_color, @light_font_color);

  &:hover,
  &:focus,
  &:active,
  &:visited {
    text-decoration: none;
    color: contrast(@new_btn_color, @dark_font_color, @light_font_color);
  }
}

@media print {
  .pdf-invoice .general-table thead th {
    background: @sb_base_color !important;
    color: contrast(@sb_base_color, @dark_font_color, @light_font_color) !important;
  }
}

@media print {
  .promotion-print-card .card-content .left-part.percentage .name {
    //color: @sb_base_color;
  }
}

.promotion-print-card .card-content .right-part .block .black-text.custom-font,
.promotion-print-card .card-content .left-part .top-title {
  //color: @sb_base_color;
}

.promotion-print-card .card-content .left-part, .promotion-print-card .card-content .right-part {
  //border-color: @sb_base_color;
}

@media print {
  .promotion-print-card .card-content .right-part .block .black-text.custom-font,
  .promotion-print-card .card-content .left-part .top-title {
    //color: @sb_base_color !important;
  }

  @media print and (-webkit-min-device-pixel-ratio: 0) {
    .promotion-print-card .card-content .right-part .block .black-text.custom-font,
    .promotion-print-card .card-content .left-part .top-title {
      //color: @sb_base_color !important;
    }
  }

  .promotion-print-card .card-content .left-part, .promotion-print-card .card-content .right-part {
    //border-color: @sb_base_color;
  }
}

/* Grid weekly timeline */
#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 {
  background: transparent;
  color: contrast(@light_font_color, @dark_font_color, @light_font_color);
  border-color: @border_slot_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.active,
#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: @new_btn_color;
  color: contrast(@new_btn_color, @dark_font_color, @light_font_color);
}

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

.grid-weekly-item .data-trigger {
  color: @sb_base_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: @new_btn_color;
  color: contrast(@new_btn_color, @light_font_color, @dark_font_color);
}

//#sb_simplybook_terms_link:hover {
//  border-bottom-color: @sb_base_color;
//}

.content-mode-list .title,
.content-mode-list .title a,
item.panel .title,
.item.panel .title a {
  color: @dark_font_color;
}

.bar-flex-item.price:not(.service-deposit) .txt {
  color: @sb_base_color;
}

.panel .plugin-group-booking .active-count .plus,
.panel .plugin-group-booking .active-count .minus {
  color: @dark_font_color;

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

.panel > .wrap-collapse-content .collapse-content .btn-bar-full-info .btn-hide,
.panel > .wrap-collapse-content .collapse-content .btn-bar-full-info .btn-hide span,
.panel .btn-bar .wrap-read-more .read-more .part,
#sb-timeline #steps #steps-content #sb_booking_content .location-item.panel .address a {
  color: #337ab7;

  &:hover, &:active, &:focus {
    color: #23527c;
  }
}

.payment-modal .payment-system-container .payment-system, .payment-modal #sb_payment_systems_container .payment-system {
  &:hover,
  &.active {
    border-color: @sb_base_color;
  }
}


.phone b,
.phone .txt-wrap,
#content-view #contacts li .phone,
.phone-number {
  direction: ltr !important;
}

.confirm-details {
  .btn {
    color: contrast(@new_btn_color, @light_font_color, @dark_font_color);
  }
}

// Add-ons
#sb-timeline #steps #steps-content #sb_booking_content {
  .paid-attribute-step #sb_attribute_list_container {
    .product-item {
      &:focus{
        background: rgba( @sb_base_color, 0.2 );
      }
      &.selected {
        border-color: @sb_base_color;
        .item-name {
          font-weight: 600;
        }

        &:focus{
          background: rgba( @sb_base_color, 0.2 );
        }
      }
      .item-price {
        color: @sb_base_color;
      }
    }
  }
}

.current-booking-info .btn.sb-ticket-download .txt {
  color: contrast(@new_btn_color, @dark_font_color, @light_font_color);
}

.page-content--online-meeting .online-meeting__picture .svg__theme-color{
  g{
    fill: @sb_base_color;
  }
}

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

.pwa_install{
  &__button{
    background: transparent;
    color: #06adef;
  }
}

.paid-attribute-step .paid-attr__item .paid-attr__description .read-more{
  color: @sb_base_color;
}

.paid-attr__item.panel .bar-service__item-price .txt{
  color: @sb_base_color;
}

.telegram-notifications{
  &--card {
    //background: @sb_available;

    .btn{
      background: @new_btn_color;
      color: contrast(@new_btn_color, @dark_font_color, @light_font_color);
    }
  }
  &--modal{
    .btn{
      background: @new_btn_color;
      color: contrast(@new_btn_color, @dark_font_color, @light_font_color);
    }
  }
}

.bonus{
  &__amount,
  &__count{
    color: #33bb60;
    &.no-income{
      color: #D42752;
    }
  }
  &__count-row{
    .icon{
      color: @sb_base_color;
    }
  }
  &__table{
    td{
      a{
        color: @sb_base_color;
      }
    }
  }
  &__btn-bar--wrapper{
    .btn{
      background: @new_btn_color;
      color: contrast(@new_btn_color, @dark_font_color, @light_font_color);
    }
  }
}

.current-booking-info .info.bonus,
.service-bonus{
  color: @sb_base_color;
}

.promotion-list .promotion-item .modal-dialog .item__additional-info-action .promo-label__text,
.promotion-list .promotion-item .modal-dialog .item__additional-info-action .promo-label__value,
.promotion-list .promotion-item .modal-dialog .item__additional-info-action .used-label__text{
  color: @dark_font_color;
}

.dropdown__mobile-bar .dropdown-menu{
  border-color: @sb_base_color;
}

.payment-modal .payment-system-container .payment-system,
.payment-modal #sb_payment_systems_container .payment-system,
.invoice-pay-page .accordion .accordion-header{
  background: rgba(@sb_base_color, 0.10);
}

//.is-widget .preloader .img.default svg *{
//  fill: @sb_base_color;
//}

.promotion-list .promotion-item__tag .promo-label.amount,
.promotion-list .promotion-item__tag .promo-label.discount{
  background: rgba(darken(@sb_base_color, 5%), 0.8);
  color: contrast(@sb_base_color, @dark_font_color, @light_font_color);
  box-shadow: 0px 0px 2px 0px rgba(#0c232d, 0.2);
}
.pwa-app--btn:hover,
.pwa-app--btn:focus,
.pwa-app--btn:active{
  color: contrast(@new_btn_color, @dark_font_color, @light_font_color);
}
.pwa_install__button-link{
  color: @sb_base_color;
}

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

.is-widget.line .preloader .img.default svg *{
  fill: none;
}


// tips plugin
.btn--primary {
  background: @new_btn_color;
  color: contrast(@new_btn_color, @dark_font_color, @light_font_color);
}
.btn--primary:active,
.btn--primary:hover {
  background: darken(@new_btn_color, 6%);
  color: contrast(@new_btn_color, @dark_font_color, @light_font_color);
}
.btn--primary:focus {
  background: darken(@new_btn_color, 8%);
  color: contrast(@new_btn_color, @dark_font_color, @light_font_color);
}

.btn--primary-outline {
  background: rgba(@new_btn_color, 0.2);
  border: 1px solid @new_btn_color;
  color: darken(@new_btn_color, 4%);
  text-shadow: 0px 0px 4px rgba(@new_btn_color, 0.2);
}
.btn--primary-outline:focus,
.btn--primary-outline:active,
.btn--primary-outline:hover{
  background: rgba(@new_btn_color, 0.3);
  border: 1px solid darken(@new_btn_color, 8%);
  color: darken(@new_btn_color, 8%);
}

.btn--primary-outline.disabled,
.btn--primary-outline:disabled,
.btn--primary.disabled,
.btn--primary:disabled,
.full-info--cart_item-product .btn-group .full-info--cart_item-action:disabled{
  cursor: not-allowed;
  color: contrast(@body_bg_color, @dark_font_color, @light_font_color);
  background: rgba(#f8fafc, 0.01);
  border-color: darken(#f8fafc, 6%);
  text-shadow: none;
}
.full-info--cart_item-product .btn-group .full-info--cart_item-action:disabled{
  opacity: 0.5;
}

.btn--primary-outline.disabled:hover,
.btn--primary-outline:disabled:hover,
.btn--primary.disabled:hover,
.btn--primary:disabled:hover,
.btn--primary-outline.disabled:focus:active,
.btn--primary-outline:disabled:focus:active,
.btn--primary.disabled:focus:active,
.btn--primary:disabled:focus:active,
.btn--primary-outline.disabled:active,
.btn--primary-outline:disabled:active,
.btn--primary.disabled:active,
.btn--primary:disabled:active,
.full-info--cart_item-product .btn-group .full-info--cart_item-action:disabled:hover,
.full-info--cart_item-product .btn-group .full-info--cart_item-action:focus,
.full-info--cart_item-product .btn-group .full-info--cart_item-action:active{
  cursor: not-allowed;
  color: contrast(@body_bg_color, @dark_font_color, @light_font_color);
  background: rgba(#f8fafc, 0.01);
  border-color: darken(#f8fafc, 6%);
  text-shadow: none;
}



// invoice-notification buttons
.invoice-notification--pay,
.invoice-notification.closed .invoice-notification--open{
  background: @new_btn_color;
  color: contrast(@new_btn_color, @dark_font_color, @light_font_color);
  &:hover{
    background: darken(@new_btn_color, 8%);
    color: contrast(@new_btn_color, @dark_font_color, @light_font_color);
  }
}

.invoice-notification--close{
  color: @sb_base_color;

  &:hover{
    color: darken(@sb_base_color, 8%);
    background-color: rgba(@sb_base_color, 0.1);
  }
}

.invoice-notification--close-tooltip {
  color: @dark_font_color;
}


// product shop catalog
.step-content--product .item .badge{
  color: @sb_base_color;
  background: unset;
}

.product-view--history_list{
  border-color: rgba(@dark_font_color, 0.2);
}

.product-view--history_item{
  color: @dark_font_color;
}

.product-view--history_item.passed:hover{
  color: @sb_base_color;
}

.full-info.full-info--cart{
  background: @body_bg_color;
  color: contrast(@body_bg_color, @dark_font_color, @light_font_color);
  box-shadow: 3px 0px 20px rgba(@dark_font_color, 0.26);
}

.invoice-pay-page-grid_item.right-block .right-block--section-pd{
  background: @body_bg_color;
  color: contrast(@body_bg_color, @dark_font_color, @light_font_color);
  border-color: rgba(darken(@dark_font_color, 100%), 0.15);
  box-shadow: 2px 0px 18px rgba(@dark_font_color, 0.15);
}

.promotions-letter-flag,
.deposit-paid-event,
.product-delivery-container > div,
.invoice-tips .tips-view,
.invoice-pay-page.invoice-pay-page--select-pm .promo-code-input,
.invoice-used-packages-list .accordion-wrapper,
.full-info--cart_module .full-info--cart_footer,
.btn-group .full-info--cart_item-count,
.full-info--cart_item,
.full-info--cart_item-product .btn-group{
  border-color: rgba(darken(@dark_font_color, 100%), 0.2) !important;
}

.full-info--cart_module .package-use-credits-msg{
  border-color: @sb_base_color !important;
}

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

.full-info--cart_item-product .btn-group .full-info--cart_item-action:hover,
.full-info--cart_item-product .btn-group .full-info--cart_item-action:focus,
.full-info--cart_item-product .btn-group .full-info--cart_item-action:active{
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: rgba(@sb_base_color, 0.2);
  color: darken(@sb_base_color, 8%);
}

.invoice-pay-page-grid_item.right-block .right-block--body table thead{
  background: darken(@body_bg_color, 10%);
  color: contrast(@body_bg_color, @dark_font_color, @light_font_color);
}

.full-info--cart_empty-content svg path,
.full-info--cart_header .title svg path{
  fill: @sb_base_color;
}

.form-group--checkbox-renew__icon path{
  fill: darken(@sb_base_color, 4%);
}

.duotone .fill,
.product-item .item__picture-wrapper .duotone .fill {
  fill: @sb_base_color;
}
.duotone .fill-darker,
.product-item .item__picture-wrapper .duotone .fill-darker {
  fill: darken(@sb_base_color, 10%);
}
.duotone .fill-darker-stroke,
.product-item .item__picture-wrapper .duotone .fill-darker-stroke {
  stroke: darken(@sb_base_color, 10%);
}
.duotone .fill-stroke,
.product-item .item__picture-wrapper .duotone .fill-stroke {
  stroke: @sb_base_color;
}

.full-info--cart_bookings .full-info--cart_list .full-info--cart_item-service .full-info--cart_item-image .default.img svg path{
  stroke: @sb_base_color;
}

// time different informer on booking step
.current-booking-info .info .date-line .dropdown-toggle{
  color: @sb_base_color;
}

.full-info-price--wrapper_global{border-color: @sb_base_color !important;}

.filter--list-header{
  color: @sb_base_color;
  border-color: @sb_base_color;
  background: rgba(@sb_base_color, 0.1);
}


.subscribe-component--popup .modal-content #booking-result-popup .modal-header .close-modal{
  color: @dark_font_color;
  background: transparent;
}
.subscribe-component--popup .modal-content #booking-result-popup .modal-header .close-modal:hover{
  color: #f44336;
  background: transparent;
}
.subscribe-component--status-icon{color: #f44336;}
.subscribe-component--status-icon.status-pending{color: #e6eaef;}
.subscribe-component--status-icon.status-pending{color: #e6eaef;}
.subscribe-component--status-icon.status-reschedule_success,
.subscribe-component--status-icon.status-paid,
.subscribe-component--status-icon.status-delay,
.subscribe-component--status-icon.status-success{color: #00D38B;}