Current Path : /storage/v11800/athomenoha/public_html/wp-content/plugins/salon-booking-system/css/ |
Linux v11800 5.3.0-1023-aws #25~18.04.1-Ubuntu SMP Fri Jun 5 15:19:18 UTC 2020 aarch64
|
Current File : /storage/v11800/athomenoha/public_html/wp-content/plugins/salon-booking-system/css/sln-colors--custom.css |
#sln-salon *,
#sln-salon *:before,
#sln-salon *:after,
.sln-datashortcode *,
.sln-datashortcode *:before,
.sln-datashortcode *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#sln-salon *:focus,
#sln-salon *:before:focus,
#sln-salon *:after:focus,
.sln-datashortcode *:focus,
.sln-datashortcode *:before:focus,
.sln-datashortcode *:after:focus {
outline: 0 !important;
}
/**
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* contenteditable attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that are clearfixed.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before, .clearfix:after,
.clear:before,
.clear:after {
content: " ";
display: table;
}
.clearfix:after,
.clear:after {
clear: both;
}
/*
@-webkit-keyframes fade-in {
0% {
opacity: 0;
-webkit-transform: scale(0);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@-moz-keyframes fade-in {
0% {
opacity: 0;
-webkit-transform: scale(0);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@-ms-keyframes fade-in {
0% {
opacity: 0;
-webkit-transform: scale(0);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
*/
@keyframes fade-in {
0% {
opacity: 0;
transform: scale(0.99);
}
100% {
opacity: 1;
transform: scale(1);
}
}
#sln-salon,
#sln-salon #sln-salon-my-account,
.sln-checkbox input + label:before,
.sln-checkbox input[type=checkbox][disabled] + label:before,
.sln-radiobox input + label:before,
.sln-radiobox input + label:after,
.sln-radiobox input[type=radio][disabled] + label:before,
#sln-salon .sln-input input,
#sln-salon .sln-input textarea,
#sln-salon.sln-loginform #loginform input[type=date],
#sln-salon.sln-loginform #loginform input[type=time],
#sln-salon.sln-loginform #loginform input[type=datetime-local],
#sln-salon.sln-loginform #loginform input[type=week],
#sln-salon.sln-loginform #loginform input[type=month],
#sln-salon.sln-loginform #loginform input[type=text],
#sln-salon.sln-loginform #loginform input[type=email],
#sln-salon.sln-loginform #loginform input[type=url],
#sln-salon.sln-loginform #loginform input[type=password],
#sln-salon.sln-loginform #loginform input[type=search],
#sln-salon.sln-loginform #loginform input[type=tel],
#sln-salon.sln-loginform #loginform input[type=number],
#sln-salon.sln-loginform #loginform textarea,
#sln-salon.sln-customcolors textarea.sln-input,
#sln-salon.sln-loginform #loginform .login-remember label:before,
#sln-salon .sln-input .sln-input--addon:after,
#sln-notifications .sln-loader-wrapper,
.sln-salon-page.sln-salon-page-customcolors .select2-container.select2-container--sln .select2-results__option,
.sln-salon-page.sln-salon-page-customcolors .select2-container.select2-container--sln .select2-dropdown.sln-select-dropdown,
.sln-salon-page.sln-salon-page-customcolors .select2-container.select2-container--sln .select2-search.select2-search--dropdown input[type=search],
#sln-salon #sln-salon-my-account .modal-content,
#sln-salon #sln-salon-my-account .modal textarea,
#sln-salon .datetimepicker.sln-datetimepicker,
#sln-salon .datetimepicker.sln-datetimepicker .sln-datetimepicker-close,
#sln-salon .datetimepicker.sln-datetimepicker table tr td.day:not(.disabled),
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.hour:not(.disabled):not(.active),
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.minute:not(.disabled):not(.active),
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.month:not(.disabled):not(.active),
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.year:not(.disabled):not(.active),
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker--,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker .sln-datetimepicker-close,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td.day:not(.disabled),
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.hour:not(.disabled):not(.active),
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.minute:not(.disabled):not(.active),
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.month:not(.disabled):not(.active),
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.year:not(.disabled):not(.active) {
background-color: {color-background-a};
}
#sln-salon .sln-panel .sln-panel-heading .sln-btn--borderonly,
#sln-salon .sln-panel .sln-panel-heading .sln-btn--nobkg,
#sln-salon .datetimepicker.sln-datetimepicker table tr td.day.active:not(.disabled),
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.hour.active:not(.disabled),
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.minute.active:not(.disabled),
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.month.active:not(.disabled),
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.year.active:not(.disabled),
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td.day.active:not(.disabled),
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.hour.active:not(.disabled),
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.minute.active:not(.disabled),
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.month.active:not(.disabled),
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.year.active:not(.disabled),
#sln-salon .sln-radiobox input:checked + label:after,
#sln-salon .sln-radiobox input:checked + label:hover:after,
#sln-salon .sln-btn--emphasis,
#sln-salon.sln-bootstrap .sln-btn--emphasis,
#sln-salon.sln-loginform #loginform .login-submit #wp-submit,
#sln-salon .sln-stepper .step.step--active .step-number,
.sln-service:hover .sln-service__fkbkg,
#sln-salon .sln-service:hover .sln-service__fkbkg,
.sln-attendant:hover .sln-service__fkbkg,
#sln-salon .sln-attendant:hover .sln-service__fkbkg,
.sln-salon-page.sln-salon-page-customcolors .select2-container.select2-container--sln .select2-results__option[aria-selected=true],
#sln-salon.sln-step-date #sln-notifications.sln-notifications--active .sln-alert.sln-alert--wait,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__reschedule .sln-notifications.sln-notifications--active .sln-alert.sln-alert--wait,
#sln-salon #sln-salon-my-account .modal-body button.btn-primary,
#sln-salon .sln-input--datepicker #sln_time.is_scrollable::-webkit-scrollbar-thumb {
background-color: {color-main-a};
}
#sln-salon .sln-panel .sln-panel-heading .sln-btn--borderonly:hover,
#sln-salon .sln-panel .sln-panel-heading .sln-btn--nobkg:hover,
#sln-salon .sln-panel .sln-panel-heading.collapsed .sln-btn--borderonly:hover,
#sln-salon .sln-panel .sln-panel-heading.collapsed .sln-btn--nobkg:hover,
#sln-salon .datetimepicker.sln-datetimepicker table tr td.day:not(.disabled):hover,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.hour:not(.disabled):not(.active):hover,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.minute:not(.disabled):not(.active):hover,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.month:not(.disabled):not(.active):hover,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.year:not(.disabled):not(.active):hover,
#sln-salon .datetimepicker.sln-datetimepicker table tr td.day.active:not(.disabled):hover,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.hour.active:not(.disabled):hover,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.minute.active:not(.disabled):hover,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.month.active:not(.disabled):hover,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.year.active:not(.disabled):hover,
#sln-salon .datetimepicker.sln-datetimepicker .switch:hover,
#sln-salon .datetimepicker.sln-datetimepicker .prev:hover,
#sln-salon .datetimepicker.sln-datetimepicker .next:hover,
#sln-salon .datetimepicker.sln-datetimepicker .today:hover,
#sln-salon .sln-radiobox input + label:hover:after,
#sln-salon .sln-btn--emphasis:hover,
#sln-salon .sln-btn--emphasis:focus,
#sln-salon .sln-btn--emphasis:active, #sln-salon.sln-bootstrap .sln-btn--emphasis:hover, #sln-salon.sln-bootstrap .sln-btn--emphasis:focus, #sln-salon.sln-bootstrap .sln-btn--emphasis:active, #sln-salon.sln-loginform #loginform .login-submit #wp-submit:hover, #sln-salon.sln-loginform #loginform .login-submit #wp-submit:focus, #sln-salon.sln-loginform #loginform .login-submit #wp-submit:active,
#sln-salon .sln-btn--nobkg:hover,
#sln-salon .sln-btn--nobkg:focus,
#sln-salon .sln-btn--nobkg:active, #sln-salon.sln-bootstrap .sln-btn--nobkg:hover, #sln-salon.sln-bootstrap .sln-btn--nobkg:focus, #sln-salon.sln-bootstrap .sln-btn--nobkg:active,
#sln-salon .sln-btn--borderonly:hover,
#sln-salon .sln-btn--borderonly:focus,
#sln-salon .sln-btn--borderonly:active, #sln-salon.sln-bootstrap .sln-btn--borderonly:hover, #sln-salon.sln-bootstrap .sln-btn--borderonly:focus, #sln-salon.sln-bootstrap .sln-btn--borderonly:active, #sln-salon.sln-customcolors .select2-container.select2-container--sln .select2-selection--single:hover, #sln-salon.sln-customcolors .select2-container.select2-container--sln .select2-selection--single:focus, #sln-salon.sln-customcolors .select2-container.select2-container--sln .select2-selection--single[aria-expanded=true],
#sln-salon #sln-salon-my-account .modal-body button.btn-primary:hover,
#sln-salon #sln-salon-my-account .modal-body button.btn-primary:focus,
#sln-salon #sln-salon-my-account .modal-body button.btn-primary:active,
#sln-salon #sln-salon-my-account .modal-body button.btn-default:hover,
#sln-salon #sln-salon-my-account .modal-body button.btn-default:focus,
#sln-salon #sln-salon-my-account .modal-body button.btn-default:active,
#sln-salon #sln-salon-my-account .sln-panel .sln-panel-heading .sln-btn--borderonly:hover,
#sln-salon #sln-salon-my-account .sln-panel .sln-panel-heading .sln-btn--nobkg:hover,
#sln-salon #sln-salon-my-account .sln-panel .sln-panel-heading.collapsed .sln-btn--borderonly:hover,
#sln-salon #sln-salon-my-account .sln-panel .sln-panel-heading.collapsed .sln-btn--nobkg:hover,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td.day:not(.disabled):hover,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.hour:not(.disabled):not(.active):hover,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.minute:not(.disabled):not(.active):hover,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.month:not(.disabled):not(.active):hover,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.year:not(.disabled):not(.active):hover,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td.day.active:not(.disabled):hover,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.hour.active:not(.disabled):hover,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.minute.active:not(.disabled):hover,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.month.active:not(.disabled):hover,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.year.active:not(.disabled):hover,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker .switch:hover,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker .prev:hover,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker .next:hover,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker .today:hover,
#sln-salon #sln-salon-my-account .sln-radiobox input + label:hover:after,
#sln-salon #sln-salon-my-account .sln-btn--emphasis:hover,
#sln-salon #sln-salon-my-account .sln-btn--emphasis:focus,
#sln-salon #sln-salon-my-account .sln-btn--emphasis:active,
#sln-salon #sln-salon-my-account.sln-bootstrap .sln-btn--emphasis:hover,
#sln-salon #sln-salon-my-account.sln-bootstrap .sln-btn--emphasis:focus,
#sln-salon #sln-salon-my-account.sln-bootstrap .sln-btn--emphasis:active,
#sln-salon #sln-salon-my-account.sln-loginform #loginform .login-submit #wp-submit:hover,
#sln-salon #sln-salon-my-account.sln-loginform #loginform .login-submit #wp-submit:focus,
#sln-salon #sln-salon-my-account.sln-loginform #loginform .login-submit #wp-submit:active,
#sln-salon #sln-salon-my-account .sln-btn--nobkg:hover,
#sln-salon #sln-salon-my-account .sln-btn--nobkg:focus,
#sln-salon #sln-salon-my-account .sln-btn--nobkg:active,
#sln-salon #sln-salon-my-account.sln-bootstrap .sln-btn--nobkg:hover,
#sln-salon #sln-salon-my-account.sln-bootstrap .sln-btn--nobkg:focus,
#sln-salon #sln-salon-my-account.sln-bootstrap .sln-btn--nobkg:active,
#sln-salon #sln-salon-my-account .sln-btn--borderonly:hover,
#sln-salon #sln-salon-my-account .sln-btn--borderonly:focus,
#sln-salon #sln-salon-my-account .sln-btn--borderonly:active,
#sln-salon #sln-salon-my-account.sln-bootstrap .sln-btn--borderonly:hover,
#sln-salon #sln-salon-my-account.sln-bootstrap .sln-btn--borderonly:focus,
#sln-salon #sln-salon-my-account.sln-bootstrap .sln-btn--borderonly:active,
#sln-salon #sln-salon-my-account.sln-customcolors .select2-container.select2-container--sln .select2-selection--single:hover,
#sln-salon #sln-salon-my-account.sln-customcolors .select2-container.select2-container--sln .select2-selection--single:focus,
#sln-salon #sln-salon-my-account.sln-customcolors .select2-container.select2-container--sln .select2-selection--single[aria-expanded=true],
#sln-salon #sln-salon-my-account #sln-salon-my-account .modal-body button.btn-primary:hover,
#sln-salon #sln-salon-my-account #sln-salon-my-account .modal-body button.btn-primary:focus,
#sln-salon #sln-salon-my-account #sln-salon-my-account .modal-body button.btn-primary:active,
#sln-salon #sln-salon-my-account #sln-salon-my-account .modal-body button.btn-default:hover,
#sln-salon #sln-salon-my-account #sln-salon-my-account .modal-body button.btn-default:focus,
#sln-salon #sln-salon-my-account #sln-salon-my-account .modal-body button.btn-default:active {
background-color: {color-main-b};
}
#sln-salon-my-account .modal-body button.btn-primary:hover,
#sln-salon-my-account .modal-body button.btn-primary:focus,
#sln-salon-my-account .modal-body button.btn-primary:active,
#sln-salon-my-account .modal-body button.btn-default:hover,
#sln-salon-my-account .modal-body button.btn-default:focus,
#sln-salon-my-account .modal-body button.btn-default:active,
#sln-salon #sln-salon-my-account .modal-body button.btn-primary:hover,
#sln-salon #sln-salon-my-account .modal-body button.btn-primary:focus,
#sln-salon #sln-salon-my-account .modal-body button.btn-primary:active,
#sln-salon #sln-salon-my-account .modal-body button.btn-default:hover,
#sln-salon #sln-salon-my-account .modal-body button.btn-default:focus,
#sln-salon #sln-salon-my-account .modal-body button.btn-default:active {
background-color: {color-main-b};
}
#sln-salon .sln-salon-title,
.sln-text--contrast,
.sln_datepicker:after,
.sln_timepicker:after,
#sln-salon .sln-input .help-block,
#sln-salon .sln-input .help-block a,
#sln-salon .sln-input .sln-input--addon,
#sln-salon .sln-btn--nobkg,
#sln-salon.sln-bootstrap .sln-btn--nobkg,
#sln-salon .sln-btn--nobkg input,
#sln-salon .sln-btn--nobkg button,
#sln-salon.sln-bootstrap .sln-btn--nobkg input,
#sln-salon.sln-bootstrap .sln-btn--nobkg button,
#sln-salon .sln-btn--borderonly,
#sln-salon.sln-bootstrap .sln-btn--borderonly,
#sln-salon .sln-alert,
#sln-salon .alert,
#sln-salon .sln-stepper .step.step--active .step-label,
#sln-salon,
#sln-salon .sln-attendant-list--multiple .sln-steps-name.sln-service-name,
#sln-salon .sln-thankyou--okbox h1,
#sln-salon .sln-thankyou--okbox h2,
#sln-salon .sln-thankyou--okbox h3,
#sln-salon .sln-thankyou--okbox h4,
#sln-salon .sln-thankyou--okbox .sln-icon-wrapper .sln-icon,
#sln-salon .sln-payment-actions h4,
#sln-salon .sln-input input,
#sln-salon .sln-input textarea,
#sln-salon.sln-loginform #loginform input[type=date],
#sln-salon.sln-loginform #loginform input[type=time],
#sln-salon.sln-loginform #loginform input[type=datetime-local],
#sln-salon.sln-loginform #loginform input[type=week],
#sln-salon.sln-loginform #loginform input[type=month],
#sln-salon.sln-loginform #loginform input[type=text],
#sln-salon.sln-loginform #loginform input[type=email],
#sln-salon.sln-loginform #loginform input[type=url],
#sln-salon.sln-loginform #loginform input[type=password],
#sln-salon.sln-loginform #loginform input[type=search],
#sln-salon.sln-loginform #loginform input[type=tel],
#sln-salon.sln-loginform #loginform input[type=number],
#sln-salon.sln-loginform #loginform textarea,
#sln-salon.sln-customcolors textarea.sln-input,
#sln-salon.sln-loginform #loginform .login-remember label::after,
#sln-salon.sln-loginform #loginform .login-remember label.is-checked::after,
#sln-salon.sln-loginform #loginform .login-remember label:hover::after,
#sln-salon.sln-loginform #loginform .login-remember label.is-checked:hover::after,
#sln-salon .sln-text--emphasis,
.sln-loader:after,
#sln-salon .sln-panel .sln-panel-heading,
#sln-salon .sln-panel .sln-panel-heading.collapsed .sln-btn--borderonly,
#sln-salon .sln-panel .sln-panel-heading.collapsed .sln-btn--nobkg,
#sln-salon .sln_datepicker:hover:after,
#sln-salon .sln_timepicker:hover:after,
#sln-salon .sln-checkbox input:checked + label:after,
#sln-salon .sln-checkbox input:checked + label:hover:after,
#sln-salon .sln-alert a,
#sln-salon .alert a,
#sln-salon .sln-alert.sln-alert--wait:after,
#sln-salon .sln-alert--wait:after,
#sln-salon .sln-steps-name,
.sln-salon-page.sln-salon-page-customcolors .select2-container.select2-container--sln .select2-results__option,
.sln-salon-page.sln-salon-page-customcolors .select2-container.select2-container--sln .select2-search.select2-search--dropdown input[type=search],
#sln-salon #sln-salon-my-account .table td,
#sln-salon #sln-salon-my-account .modal .rating i,
#sln-salon .datetimepicker.sln-datetimepicker table tr td.day:not(.disabled),
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.hour:not(.disabled):not(.active),
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.minute:not(.disabled):not(.active),
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.month:not(.disabled):not(.active),
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.year:not(.disabled):not(.active),
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td.day:not(.disabled),
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.hour:not(.disabled):not(.active),
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.minute:not(.disabled):not(.active),
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.month:not(.disabled):not(.active),
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.year:not(.disabled):not(.active),
.entry-content thead th,
.entry-content tr th,
#sln-salon-my-account .sln-account__history__trigger, #sln-salon #sln-salon-my-account .sln-account__history__trigger, .sln-bootstrap #sln-salon-my-account .sln-account__history__trigger,
#sln-salon-my-account .sln-account__history__trigger h3, #sln-salon #sln-salon-my-account .sln-account__history__trigger h3, .sln-bootstrap #sln-salon-my-account .sln-account__history__trigger h3 {
color: {color-main-a};
}
#sln-salon-my-account .sln-account__history__trigger:hover, #sln-salon-my-account .sln-account__history__trigger:focus, #sln-salon-my-account .sln-account__history__trigger:active,
#sln-salon #sln-salon-my-account .sln-account__history__trigger:hover,
#sln-salon #sln-salon-my-account .sln-account__history__trigger:focus,
#sln-salon #sln-salon-my-account .sln-account__history__trigger:active,
.sln-bootstrap #sln-salon-my-account .sln-account__history__trigger:hover,
.sln-bootstrap #sln-salon-my-account .sln-account__history__trigger:focus,
.sln-bootstrap #sln-salon-my-account .sln-account__history__trigger:active {
color: {color-main-a};
}
.sln-switch::before,
#sln-salon .sln-switch::before {
background-color: {color-main-a};
}
.collapsed .sln-switch::before,
#sln-salon .collapsed .sln-switch::before {
background-color: {color-main-b};
}
.sln-switch::after,
#sln-salon .sln-switch::after {
border-color: {color-background-a};
background-color: {color-background-b};
}
.collapsed .sln-switch::after,
#sln-salon .collapsed .sln-switch::after {
background-color: {color-background-c};
}
#sln-salon-my-account .sln-account__card,
#sln-salon #sln-salon-my-account .sln-account__card,
.sln-bootstrap #sln-salon-my-account .sln-account__card {
background-color: {color-text-d};
}
#sln-salon-my-account .sln-account__card .sln-account__card__header,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__card__header,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-account__card__header {
background-color: {color-background-c};
}
#sln-salon-my-account .sln-account__card .sln-account__card__header .sln-account__card__header__el,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__card__header .sln-account__card__header__el,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-account__card__header .sln-account__card__header__el {
color: {color-main-a};
}
#sln-salon-my-account .sln-account__card .sln-account__card__header h1,
#sln-salon-my-account .sln-account__card .sln-account__card__header h2,
#sln-salon-my-account .sln-account__card .sln-account__card__header h3,
#sln-salon-my-account .sln-account__card .sln-account__card__header h4,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__card__header h1,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__card__header h2,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__card__header h3,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__card__header h4,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-account__card__header h1,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-account__card__header h2,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-account__card__header h3,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-account__card__header h4 {
color: {color-main-a};
}
#sln-salon-my-account .sln-account__card .sln-account__card__title,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__card__title,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-account__card__title,
#sln-salon-my-account .sln-account__card .sln-account__card__body,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__card__body,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-account__card__body,
#sln-salon-my-account .sln-account__card .sln-account__card__total,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__card__total,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-account__card__total,
#sln-salon-my-account .sln-account__card .sln-account__card__total .sln-account__card__total__amount,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__card__total .sln-account__card__total__amount,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-account__card__total .sln-account__card__total__amount {
color: {color-text-a};
}
#sln-salon #sln-salon-my-account .sln-account__card__footer .sln-btn--emphasis,
#sln-salon #sln-salon-my-account .sln-account__card__footer .sln-btn--emphasis a,
#sln-salon .sln-bootstrap #sln-salon-my-account .sln-account__card__footer .sln-btn--emphasis,
#sln-salon .sln-bootstrap #sln-salon-my-account .sln-account__card__footer .sln-btn--emphasis a {
color: {color-text-a};
}
#sln-salon #sln-salon-my-account .sln-account__card__footer .sln-btn--borderonly button,
#sln-salon .sln-bootstrap #sln-salon-my-account .sln-account__card__footer .sln-btn--borderonly button {
color: {color-main-a};
}
#sln-salon #sln-salon-my-account .sln-account__card__footer .sln-btn--borderonly button:hover, #sln-salon #sln-salon-my-account .sln-account__card__footer .sln-btn--borderonly button:focus, #sln-salon #sln-salon-my-account .sln-account__card__footer .sln-btn--borderonly button:active,
#sln-salon .sln-bootstrap #sln-salon-my-account .sln-account__card__footer .sln-btn--borderonly button:hover,
#sln-salon .sln-bootstrap #sln-salon-my-account .sln-account__card__footer .sln-btn--borderonly button:focus,
#sln-salon .sln-bootstrap #sln-salon-my-account .sln-account__card__footer .sln-btn--borderonly button:active {
color: {color-text-a};
}
#sln-salon-my-account .sln-account__nav .sln-account__nav__item,
#sln-salon #sln-salon-my-account .sln-account__nav .sln-account__nav__item,
.sln-bootstrap #sln-salon-my-account .sln-account__nav .sln-account__nav__item {
border-bottom-color: {color-main-b};
}
#sln-salon-my-account .sln-account__nav .sln-account__nav__item a,
#sln-salon #sln-salon-my-account .sln-account__nav .sln-account__nav__item a,
.sln-bootstrap #sln-salon-my-account .sln-account__nav .sln-account__nav__item a {
color: {color-main-b};
}
#sln-salon-my-account .sln-account__nav .sln-account__nav__item a:hover, #sln-salon-my-account .sln-account__nav .sln-account__nav__item a:focus, #sln-salon-my-account .sln-account__nav .sln-account__nav__item a:active,
#sln-salon #sln-salon-my-account .sln-account__nav .sln-account__nav__item a:hover,
#sln-salon #sln-salon-my-account .sln-account__nav .sln-account__nav__item a:focus,
#sln-salon #sln-salon-my-account .sln-account__nav .sln-account__nav__item a:active,
.sln-bootstrap #sln-salon-my-account .sln-account__nav .sln-account__nav__item a:hover,
.sln-bootstrap #sln-salon-my-account .sln-account__nav .sln-account__nav__item a:focus,
.sln-bootstrap #sln-salon-my-account .sln-account__nav .sln-account__nav__item a:active {
color: {color-main-a};
}
#sln-salon-my-account .sln-account__nav .sln-account__nav__item.sln-account__nav__appointments a::before,
#sln-salon #sln-salon-my-account .sln-account__nav .sln-account__nav__item.sln-account__nav__appointments a::before,
.sln-bootstrap #sln-salon-my-account .sln-account__nav .sln-account__nav__item.sln-account__nav__appointments a::before {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.6' height='27' viewBox='0 0 24.6 27'%3E%3Cpath id='Tracciato_26' data-name='Tracciato 26' d='M20.755,3H18.6V1.5a1.5,1.5,0,0,0-3,0V3H9V1.5a1.5,1.5,0,0,0-3,0V3H3.909A3.9,3.9,0,0,0,1.172,4.094,3.851,3.851,0,0,0,0,6.833V23.188A3.868,3.868,0,0,0,3.846,27H20.734A3.875,3.875,0,0,0,24.6,23.167V6.812A3.866,3.866,0,0,0,20.755,3M3.263,6.245A.856.856,0,0,1,3.866,6H6V7.5a1.5,1.5,0,0,0,3,0V6h6.6V7.5a1.5,1.5,0,0,0,3,0V6h2.134a.863.863,0,0,1,.866.833V9.6H3V6.854a.856.856,0,0,1,.263-.609M20.7,24H3.879a.806.806,0,0,1-.616-.245A.846.846,0,0,1,3,23.167V12.6H21.6V23.146a.845.845,0,0,1-.9.854' fill='{color-main-c}'/%3E%3C/svg%3E%0A");
}
#sln-salon-my-account .sln-account__nav .sln-account__nav__item.sln-account__nav__appointments a::after,
#sln-salon #sln-salon-my-account .sln-account__nav .sln-account__nav__item.sln-account__nav__appointments a::after,
.sln-bootstrap #sln-salon-my-account .sln-account__nav .sln-account__nav__item.sln-account__nav__appointments a::after {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.6' height='27' viewBox='0 0 24.6 27'%3E%3Cpath id='Tracciato_26' data-name='Tracciato 26' d='M20.755,3H18.6V1.5a1.5,1.5,0,0,0-3,0V3H9V1.5a1.5,1.5,0,0,0-3,0V3H3.909A3.9,3.9,0,0,0,1.172,4.094,3.851,3.851,0,0,0,0,6.833V23.188A3.868,3.868,0,0,0,3.846,27H20.734A3.875,3.875,0,0,0,24.6,23.167V6.812A3.866,3.866,0,0,0,20.755,3M3.263,6.245A.856.856,0,0,1,3.866,6H6V7.5a1.5,1.5,0,0,0,3,0V6h6.6V7.5a1.5,1.5,0,0,0,3,0V6h2.134a.863.863,0,0,1,.866.833V9.6H3V6.854a.856.856,0,0,1,.263-.609M20.7,24H3.879a.806.806,0,0,1-.616-.245A.846.846,0,0,1,3,23.167V12.6H21.6V23.146a.845.845,0,0,1-.9.854' fill='{color-main-a}'/%3E%3C/svg%3E%0A");
}
#sln-salon-my-account .sln-account__nav .sln-account__nav__item.sln-account__nav__discounts a::before,
#sln-salon #sln-salon-my-account .sln-account__nav .sln-account__nav__item.sln-account__nav__discounts a::before,
.sln-bootstrap #sln-salon-my-account .sln-account__nav .sln-account__nav__item.sln-account__nav__discounts a::before {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath id='Icon_material-local-offer' data-name='Icon material-local-offer' d='M26.292,14.5,15.492,3.7A2.385,2.385,0,0,0,13.8,3H5.4A2.407,2.407,0,0,0,3,5.4v8.4a2.4,2.4,0,0,0,.708,1.7l10.8,10.8A2.385,2.385,0,0,0,16.2,27a2.346,2.346,0,0,0,1.692-.708l8.4-8.4A2.346,2.346,0,0,0,27,16.2a2.424,2.424,0,0,0-.708-1.7ZM7.2,9A1.8,1.8,0,1,1,9,7.2,1.8,1.8,0,0,1,7.2,9Z' transform='translate(-3 -3)' fill='{color-main-c}'/%3E%3C/svg%3E%0A");
}
#sln-salon-my-account .sln-account__nav .sln-account__nav__item.sln-account__nav__discounts a::after,
#sln-salon #sln-salon-my-account .sln-account__nav .sln-account__nav__item.sln-account__nav__discounts a::after,
.sln-bootstrap #sln-salon-my-account .sln-account__nav .sln-account__nav__item.sln-account__nav__discounts a::after {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath id='Icon_material-local-offer' data-name='Icon material-local-offer' d='M26.292,14.5,15.492,3.7A2.385,2.385,0,0,0,13.8,3H5.4A2.407,2.407,0,0,0,3,5.4v8.4a2.4,2.4,0,0,0,.708,1.7l10.8,10.8A2.385,2.385,0,0,0,16.2,27a2.346,2.346,0,0,0,1.692-.708l8.4-8.4A2.346,2.346,0,0,0,27,16.2a2.424,2.424,0,0,0-.708-1.7ZM7.2,9A1.8,1.8,0,1,1,9,7.2,1.8,1.8,0,0,1,7.2,9Z' transform='translate(-3 -3)' fill='{color-main-a}'/%3E%3C/svg%3E%0A");
}
#sln-salon-my-account .sln-account__nav .sln-account__nav__item.sln-account__nav__profile a::before,
#sln-salon #sln-salon-my-account .sln-account__nav .sln-account__nav__item.sln-account__nav__profile a::before,
.sln-bootstrap #sln-salon-my-account .sln-account__nav .sln-account__nav__item.sln-account__nav__profile a::before {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29.998' height='24' viewBox='0 0 29.998 24'%3E%3Cpath id='Icon_awesome-user-edit' data-name='Icon awesome-user-edit' d='M10.5,12a6,6,0,1,0-6-6A6,6,0,0,0,10.5,12Zm4.2,1.5h-.783a8.16,8.16,0,0,1-6.834,0H6.3A6.3,6.3,0,0,0,0,19.8v1.95A2.251,2.251,0,0,0,2.25,24H15.136a2.251,2.251,0,0,1-.122-1l.319-2.855.056-.52.37-.37,3.623-3.623A6.236,6.236,0,0,0,14.7,13.5Zm2.123,6.811L16.5,23.17a.746.746,0,0,0,.825.825l2.855-.319,6.464-6.464-3.361-3.361L16.823,20.31ZM29.671,12.6l-1.777-1.777a1.123,1.123,0,0,0-1.584,0L24.538,12.6l-.192.192,3.366,3.361,1.959-1.959a1.129,1.129,0,0,0,0-1.589Z' fill='{color-main-c}'/%3E%3C/svg%3E%0A");
}
#sln-salon-my-account .sln-account__nav .sln-account__nav__item.sln-account__nav__profile a::after,
#sln-salon #sln-salon-my-account .sln-account__nav .sln-account__nav__item.sln-account__nav__profile a::after,
.sln-bootstrap #sln-salon-my-account .sln-account__nav .sln-account__nav__item.sln-account__nav__profile a::after {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29.998' height='24' viewBox='0 0 29.998 24'%3E%3Cpath id='Icon_awesome-user-edit' data-name='Icon awesome-user-edit' d='M10.5,12a6,6,0,1,0-6-6A6,6,0,0,0,10.5,12Zm4.2,1.5h-.783a8.16,8.16,0,0,1-6.834,0H6.3A6.3,6.3,0,0,0,0,19.8v1.95A2.251,2.251,0,0,0,2.25,24H15.136a2.251,2.251,0,0,1-.122-1l.319-2.855.056-.52.37-.37,3.623-3.623A6.236,6.236,0,0,0,14.7,13.5Zm2.123,6.811L16.5,23.17a.746.746,0,0,0,.825.825l2.855-.319,6.464-6.464-3.361-3.361L16.823,20.31ZM29.671,12.6l-1.777-1.777a1.123,1.123,0,0,0-1.584,0L24.538,12.6l-.192.192,3.366,3.361,1.959-1.959a1.129,1.129,0,0,0,0-1.589Z' fill='{color-main-a}'/%3E%3C/svg%3E%0A");
}
#sln-salon-my-account .sln-account__nav .sln-account__nav__item.sln-account__nav__packages a::before,
#sln-salon #sln-salon-my-account .sln-account__nav .sln-account__nav__item.sln-account__nav__packages a::before,
.sln-bootstrap #sln-salon-my-account .sln-account__nav .sln-account__nav__item.sln-account__nav__packages a::before {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.001' height='33.117' viewBox='0 0 30.001 33.117'%3E%3Cpath id='Union_1' data-name='Union 1' d='M-3522.787-218.164a4.5,4.5,0,0,1-1.533-.544l-10.5-6-.006,0a4.513,4.513,0,0,1-2.25-3.893v-12a4.5,4.5,0,0,1,.47-1.993,1.5,1.5,0,0,1,.138-.317,1.491,1.491,0,0,1,.244-.316,4.49,4.49,0,0,1,1.4-1.267l.006,0,10.5-6a4.5,4.5,0,0,1,2.247-.6,4.5,4.5,0,0,1,2.248.6l10.5,6,.006,0a4.492,4.492,0,0,1,1.4,1.265,1.51,1.51,0,0,1,.246.318,1.5,1.5,0,0,1,.139.321,4.5,4.5,0,0,1,.468,1.988v12a4.514,4.514,0,0,1-2.25,3.893l-.006,0-10.5,6a4.513,4.513,0,0,1-1.534.544,1.494,1.494,0,0,1-.714.181A1.492,1.492,0,0,1-3522.787-218.164Zm2.214-3.572,9.751-5.572a1.5,1.5,0,0,0,.748-1.3V-239.8l-10.5,6.073Zm-13.5-6.867a1.5,1.5,0,0,0,.748,1.3l9.751,5.572v-11.988l-10.5-6.073Zm12-7.718,10.442-6.04-9.686-5.535-.006,0a1.5,1.5,0,0,0-.75-.2,1.5,1.5,0,0,0-.75.2l-.006,0-9.686,5.535Z' transform='translate(3537.074 251.101)' fill='{color-main-c}'/%3E%3C/svg%3E");
}
#sln-salon-my-account .sln-account__nav .sln-account__nav__item.sln-account__nav__packages a::after,
#sln-salon #sln-salon-my-account .sln-account__nav .sln-account__nav__item.sln-account__nav__packages a::after,
.sln-bootstrap #sln-salon-my-account .sln-account__nav .sln-account__nav__item.sln-account__nav__packages a::after {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.001' height='33.117' viewBox='0 0 30.001 33.117'%3E%3Cpath id='Union_1' data-name='Union 1' d='M-3522.787-218.164a4.5,4.5,0,0,1-1.533-.544l-10.5-6-.006,0a4.513,4.513,0,0,1-2.25-3.893v-12a4.5,4.5,0,0,1,.47-1.993,1.5,1.5,0,0,1,.138-.317,1.491,1.491,0,0,1,.244-.316,4.49,4.49,0,0,1,1.4-1.267l.006,0,10.5-6a4.5,4.5,0,0,1,2.247-.6,4.5,4.5,0,0,1,2.248.6l10.5,6,.006,0a4.492,4.492,0,0,1,1.4,1.265,1.51,1.51,0,0,1,.246.318,1.5,1.5,0,0,1,.139.321,4.5,4.5,0,0,1,.468,1.988v12a4.514,4.514,0,0,1-2.25,3.893l-.006,0-10.5,6a4.513,4.513,0,0,1-1.534.544,1.494,1.494,0,0,1-.714.181A1.492,1.492,0,0,1-3522.787-218.164Zm2.214-3.572,9.751-5.572a1.5,1.5,0,0,0,.748-1.3V-239.8l-10.5,6.073Zm-13.5-6.867a1.5,1.5,0,0,0,.748,1.3l9.751,5.572v-11.988l-10.5-6.073Zm12-7.718,10.442-6.04-9.686-5.535-.006,0a1.5,1.5,0,0,0-.75-.2,1.5,1.5,0,0,0-.75.2l-.006,0-9.686,5.535Z' transform='translate(3537.074 251.101)' fill='{color-main-a}'/%3E%3C/svg%3E");
}
#sln-salon-my-account .sln-account__nav .sln-account__nav__item.active::after,
#sln-salon #sln-salon-my-account .sln-account__nav .sln-account__nav__item.active::after,
.sln-bootstrap #sln-salon-my-account .sln-account__nav .sln-account__nav__item.active::after {
background-color: sln-nucolor--main(1);
}
#sln-salon-my-account .sln-account__nav .sln-account__nav__item.active a,
#sln-salon #sln-salon-my-account .sln-account__nav .sln-account__nav__item.active a,
.sln-bootstrap #sln-salon-my-account .sln-account__nav .sln-account__nav__item.active a {
color: sln-nucolor--main(1);
}
#sln-salon-my-account .sln-account__nav .sln-account__nav__item.active a::before,
#sln-salon #sln-salon-my-account .sln-account__nav .sln-account__nav__item.active a::before,
.sln-bootstrap #sln-salon-my-account .sln-account__nav .sln-account__nav__item.active a::before {
opacity: 0;
}
#sln-salon-my-account .sln-account__nav .sln-account__nav__item.active a::after,
#sln-salon #sln-salon-my-account .sln-account__nav .sln-account__nav__item.active a::after,
.sln-bootstrap #sln-salon-my-account .sln-account__nav .sln-account__nav__item.active a::after {
opacity: 1;
}
#sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore,
#sln-salon-my-account .sln-account__card .sln-account__discounted__bookings .sln-account__discounted__booking,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__discounted__bookings .sln-account__discounted__booking,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-account__discounted__bookings .sln-account__discounted__booking,
#sln-salon-my-account #salon-my-account-profile-form .sln-account--last-update,
#sln-salon #sln-salon-my-account #salon-my-account-profile-form .sln-account--last-update,
.sln-bootstrap #sln-salon-my-account #salon-my-account-profile-form .sln-account--last-update,
#sln-salon-my-account .sln-account__card .sln-accout__feedback .sln-accout__feedback__text,
#sln-salon #sln-salon-my-account .sln-account__card .sln-accout__feedback .sln-accout__feedback__text,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-accout__feedback .sln-accout__feedback__text,
#sln-salon-my-account .sln-account__history .sln-account__history__scrollformore,
#sln-salon #sln-salon-my-account .sln-account__history .sln-account__history__scrollformore,
.sln-bootstrap #sln-salon-my-account .sln-account__history .sln-account__history__scrollformore {
color: {color-text-a};
}
#sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore h1,
#sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore h2,
#sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore h3,
#sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore h4,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore h1,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore h2,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore h3,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore h4,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore h1,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore h2,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore h3,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore h4 {
color: {color-text-a};
}
#sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore .sln-account__card__showmore__trigger,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore .sln-account__card__showmore__trigger,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore .sln-account__card__showmore__trigger {
opacity: 1;
}
@media (hover: hover) {
#sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore .sln-account__card__showmore__trigger:hover,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore .sln-account__card__showmore__trigger:hover,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore .sln-account__card__showmore__trigger:hover {
opacity: 0.75;
}
}
#sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore .sln-account__card__showmore__trigger,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore .sln-account__card__showmore__trigger,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore .sln-account__card__showmore__trigger,
#sln-salon-my-account .sln-account__card .sln-accout__feedback .sln-accout__feedback__rating,
#sln-salon #sln-salon-my-account .sln-account__card .sln-accout__feedback .sln-accout__feedback__rating,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-accout__feedback .sln-accout__feedback__rating {
color: {color-main-a};
}
#sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore .sln-account__card__icon,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore .sln-account__card__icon,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore .sln-account__card__icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_awesome-history' data-name='Icon awesome-history' d='M20.562,10.544a10,10,0,0,1-16.276,7.8.967.967,0,0,1-.074-1.436l.454-.454a.969.969,0,0,1,1.286-.08A7.42,7.42,0,1,0,5.479,5.157L7.526,7.2a.645.645,0,0,1-.456,1.1H1.208a.645.645,0,0,1-.645-.645V1.8a.645.645,0,0,1,1.1-.456L3.655,3.332a10,10,0,0,1,16.908,7.212ZM13.268,13.72l.4-.509a.968.968,0,0,0-.17-1.358l-1.641-1.276V6.369a.968.968,0,0,0-.968-.968H10.24a.968.968,0,0,0-.968.968v5.47L11.91,13.89a.968.968,0,0,0,1.358-.17Z' transform='translate(-0.563 -0.563)' fill='{color-main-a}'/%3E%3C/svg%3E%0A");
}
#sln-salon-my-account .sln-account__nav .sln-account__nav__item.active::after,
#sln-salon #sln-salon-my-account .sln-account__nav .sln-account__nav__item.active::after,
.sln-bootstrap #sln-salon-my-account .sln-account__nav .sln-account__nav__item.active::after {
background-color: {color-main-a};
}
#sln-salon #sln-salon-my-account .modal-body button.btn-default,
#sln-salon-my-account .sln-account__header .sln-account__score,
.sln-bootstrap #sln-salon-my-account .sln-account__header .sln-account__score,
#sln-salon-my-account .sln-account__header .sln-account__title,
#sln-salon #sln-salon-my-account .sln-account__header .sln-account__title,
.sln-bootstrap #sln-salon-my-account .sln-account__header .sln-account__title,
#sln-salon-my-account .sln-account__nav .sln-account__nav__item.active a,
#sln-salon #sln-salon-my-account .sln-account__nav .sln-account__nav__item.active a,
.sln-bootstrap #sln-salon-my-account .sln-account__nav .sln-account__nav__item.active a {
color: {color-main-a} !important;
}
#sln-salon-my-account .sln-account__card .sln-account__card__action_notification,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__card__action_notification,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-account__card__action_notification {
color: {color-main-a};
background-color: {color-text-b};
}
#sln-salon .sln-input input::-webkit-input-placeholder,
#sln-salon .sln-input textarea::-webkit-input-placeholder,
#sln-salon.sln-loginform #loginform input[type=date]::-webkit-input-placeholder,
#sln-salon.sln-loginform #loginform input[type=time]::-webkit-input-placeholder,
#sln-salon.sln-loginform #loginform input[type=datetime-local]::-webkit-input-placeholder,
#sln-salon.sln-loginform #loginform input[type=week]::-webkit-input-placeholder,
#sln-salon.sln-loginform #loginform input[type=month]::-webkit-input-placeholder,
#sln-salon.sln-loginform #loginform input[type=text]::-webkit-input-placeholder,
#sln-salon.sln-loginform #loginform input[type=email]::-webkit-input-placeholder,
#sln-salon.sln-loginform #loginform input[type=url]::-webkit-input-placeholder,
#sln-salon.sln-loginform #loginform input[type=password]::-webkit-input-placeholder,
#sln-salon.sln-loginform #loginform input[type=search]::-webkit-input-placeholder,
#sln-salon.sln-loginform #loginform input[type=tel]::-webkit-input-placeholder,
#sln-salon.sln-loginform #loginform input[type=number]::-webkit-input-placeholder,
#sln-salon.sln-loginform #loginform textarea::-webkit-input-placeholder,
#sln-salon.sln-customcolors textarea.sln-input::-webkit-input-placeholder,
#sln-salon #sln-salon-my-account .modal textarea::-webkit-input-placeholder {
color: {color-main-c};
}
#sln-salon .sln-input input:-moz-placeholder,
#sln-salon .sln-input textarea:-moz-placeholder,
#sln-salon.sln-loginform #loginform input[type=date]:-moz-placeholder,
#sln-salon.sln-loginform #loginform input[type=time]:-moz-placeholder,
#sln-salon.sln-loginform #loginform input[type=datetime-local]:-moz-placeholder,
#sln-salon.sln-loginform #loginform input[type=week]:-moz-placeholder,
#sln-salon.sln-loginform #loginform input[type=month]:-moz-placeholder,
#sln-salon.sln-loginform #loginform input[type=text]:-moz-placeholder,
#sln-salon.sln-loginform #loginform input[type=email]:-moz-placeholder,
#sln-salon.sln-loginform #loginform input[type=url]:-moz-placeholder,
#sln-salon.sln-loginform #loginform input[type=password]:-moz-placeholder,
#sln-salon.sln-loginform #loginform input[type=search]:-moz-placeholder,
#sln-salon.sln-loginform #loginform input[type=tel]:-moz-placeholder,
#sln-salon.sln-loginform #loginform input[type=number]:-moz-placeholder,
#sln-salon.sln-loginform #loginform textarea:-moz-placeholder,
#sln-salon.sln-customcolors textarea.sln-input:-moz-placeholder,
#sln-salon #sln-salon-my-account .modal textarea:-moz-placeholder {
/* Firefox 18- */
color: {color-main-c};
}
#sln-salon .sln-input input::-moz-placeholder,
#sln-salon .sln-input textarea::-moz-placeholder,
#sln-salon.sln-loginform #loginform input[type=date]::-moz-placeholder,
#sln-salon.sln-loginform #loginform input[type=time]::-moz-placeholder,
#sln-salon.sln-loginform #loginform input[type=datetime-local]::-moz-placeholder,
#sln-salon.sln-loginform #loginform input[type=week]::-moz-placeholder,
#sln-salon.sln-loginform #loginform input[type=month]::-moz-placeholder,
#sln-salon.sln-loginform #loginform input[type=text]::-moz-placeholder,
#sln-salon.sln-loginform #loginform input[type=email]::-moz-placeholder,
#sln-salon.sln-loginform #loginform input[type=url]::-moz-placeholder,
#sln-salon.sln-loginform #loginform input[type=password]::-moz-placeholder,
#sln-salon.sln-loginform #loginform input[type=search]::-moz-placeholder,
#sln-salon.sln-loginform #loginform input[type=tel]::-moz-placeholder,
#sln-salon.sln-loginform #loginform input[type=number]::-moz-placeholder,
#sln-salon.sln-loginform #loginform textarea::-moz-placeholder,
#sln-salon.sln-customcolors textarea.sln-input::-moz-placeholder,
#sln-salon #sln-salon-my-account .modal textarea::-moz-placeholder {
/* Firefox 19+ */
color: {color-main-c};
}
#sln-salon .sln-input input:-ms-input-placeholder,
#sln-salon .sln-input textarea:-ms-input-placeholder,
#sln-salon.sln-loginform #loginform input[type=date]:-ms-input-placeholder,
#sln-salon.sln-loginform #loginform input[type=time]:-ms-input-placeholder,
#sln-salon.sln-loginform #loginform input[type=datetime-local]:-ms-input-placeholder,
#sln-salon.sln-loginform #loginform input[type=week]:-ms-input-placeholder,
#sln-salon.sln-loginform #loginform input[type=month]:-ms-input-placeholder,
#sln-salon.sln-loginform #loginform input[type=text]:-ms-input-placeholder,
#sln-salon.sln-loginform #loginform input[type=email]:-ms-input-placeholder,
#sln-salon.sln-loginform #loginform input[type=url]:-ms-input-placeholder,
#sln-salon.sln-loginform #loginform input[type=password]:-ms-input-placeholder,
#sln-salon.sln-loginform #loginform input[type=search]:-ms-input-placeholder,
#sln-salon.sln-loginform #loginform input[type=tel]:-ms-input-placeholder,
#sln-salon.sln-loginform #loginform input[type=number]:-ms-input-placeholder,
#sln-salon.sln-loginform #loginform textarea:-ms-input-placeholder,
#sln-salon.sln-customcolors textarea.sln-input:-ms-input-placeholder,
#sln-salon #sln-salon-my-account .modal textarea:-ms-input-placeholder {
color: {color-main-c};
}
#sln-salon .sln-input label,
#sln-salon .sln-text--emphasis--hoverk,
#sln-salon .sln-checkbox input + label:hover:after,
#sln-salon .sln-alert a:hover,
#sln-salon .alert a:hover,
#sln-salon .sln-steps-name:hover,
#sln-salon .sln-loader::before,
#sln-salon.sln-step-date #sln-notifications.sln-notifications--active::before,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__reschedule .sln-notifications.sln-notifications--active::before {
color: {color-main-b};
}
#sln-salon .datetimepicker.sln-datetimepicker.datetimepicker-dropdown-bottom-right,
#sln-salon .sln-input input,
#sln-salon .sln-input textarea,
#sln-salon.sln-loginform #loginform input[type=date],
#sln-salon.sln-loginform #loginform input[type=time],
#sln-salon.sln-loginform #loginform input[type=datetime-local],
#sln-salon.sln-loginform #loginform input[type=week],
#sln-salon.sln-loginform #loginform input[type=month],
#sln-salon.sln-loginform #loginform input[type=text],
#sln-salon.sln-loginform #loginform input[type=email],
#sln-salon.sln-loginform #loginform input[type=url],
#sln-salon.sln-loginform #loginform input[type=password],
#sln-salon.sln-loginform #loginform input[type=search],
#sln-salon.sln-loginform #loginform input[type=tel],
#sln-salon.sln-loginform #loginform input[type=number],
#sln-salon.sln-loginform #loginform textarea,
#sln-salon.sln-customcolors textarea.sln-input,
#sln-salon.sln-loginform #loginform .login-remember label::before,
#sln-salon.sln-loginform #loginform .login-remember label:hover::before,
#sln-salon.sln-loginform #loginform .login-remember label.is-checked:hover::before,
#sln-salon .sln-btn--borderonly,
#sln-salon.sln-bootstrap .sln-btn--borderonly,
#sln-salon .snl-error-list-item,
#sln-salon .sln-steps-description hr,
#sln-salon .sln-list--dashed li,
#sln-salon ul.sln-list--dashed li,
#sln-salon .sln-list--dashed li,
#sln-salon ul.sln-list--dashed li,
#sln-salon .sln-attendant-list--multiple .sln-steps-name.sln-service-name,
#sln-salon .sln-attendant hr,
#sln-salon .sln-summary-row hr,
#sln-salon .sln-thankyou--okbox hr,
#sln-salon .sln-panel .sln-panel-heading .sln-btn--borderonly:hover,
#sln-salon .sln-checkbox input + label:hover:before,
#sln-salon .sln-btn--borderonly:hover,
#sln-salon .sln-btn--borderonly:focus,
#sln-salon .sln-btn--borderonly:active,
#sln-salon.sln-bootstrap .sln-btn--borderonly:hover,
#sln-salon.sln-bootstrap .sln-btn--borderonly:focus,
#sln-salon.sln-bootstrap .sln-btn--borderonly:active,
#sln-salon .sln-alert a:hover,
#sln-salon .alert a:hover,
#sln-salon .sln-box--formactions .sln-btn--medium.sln-btn--icon--left,
.sln-salon-page.sln-salon-page-customcolors .select2-container.select2-container--sln .select2-results__option,
.sln-salon-page.sln-salon-page-customcolors .select2-container.select2-container--sln .select2-dropdown,
.sln-salon-page.sln-salon-page-customcolors .select2-container.select2-container--sln .select2-search.select2-search--dropdown input[type=search],
#sln-salon #sln-salon-my-account .modal textarea,
#sln-salon #sln-salon-my-account .modal-body button.btn-default:hover,
#sln-salon #sln-salon-my-account .modal-body button.btn-default:focus,
#sln-salon #sln-salon-my-account .modal-body button.btn-default:active,
#sln-salon .sln-input--datepicker #sln_time.is_scrollable,
#sln-salon #sln-salon-my-account .sln-reschedule-form .sln-reschedule-form_innerwrap {
border-color: {color-main-c};
}
#sln-salon .sln-panel .sln-panel-heading .sln-btn--borderonly,
#sln-salon .sln-checkbox input + label:before,
#sln-salon .sln-radiobox input + label:before {
border-color: {color-main-a};
}
#sln-salon .sln-checkbox input[type=checkbox][disabled] + label:before,
#sln-salon .sln-radiobox input[type=radio][disabled] + label:before {
border-color: {color-text-c};
}
#sln-salon {
border-color: transparent;
}
#sln-salon.sln-customcolors .salon-step-title,
#sln-salon.sln-customcolors .sln-text--dark,
#sln-salon.sln-customcolors .sln-steps-description,
#sln-salon.sln-customcolors .sln-data-desc,
#sln-salon.sln-customcolors .sln-data-desc .label,
#sln-salon.sln-customcolors .sln-summary-row .label,
#sln-salon.sln-customcolors .sln-total-label,
#sln-salon.sln-customcolors .sln-total-price,
#sln-salon.sln-customcolors .sln-steps-price,
#sln-salon #sln-salon-my-account .modal-body button.btn-default,
#sln-salon #sln_date .sln-salon-bs-wrap .table-condensed thead th:not(.next):not(.prev),
#sln-salon #sln-salon-my-account #_sln_booking_date .sln-salon-bs-wrap .table-condensed thead th:not(.next):not(.prev),
#sln-salon #sln_timepicker_viewdate,
#sln-salon .switch {
color: {color-text-a};
}
#sln-salon.sln-customcolors .sln-btn--borderonly input,
#sln-salon.sln-customcolors .sln-btn--borderonly button,
#sln-salon.sln-customcolors.sln-bootstrap .sln-btn--borderonly input,
#sln-salon.sln-customcolors.sln-bootstrap .sln-btn--borderonly button,
.sln-summary .sln-summary__terms,
#sln-salon .sln-summary .sln-summary__terms h5 {
color: {color-text-b};
}
#sln-salon.sln-customcolors .sln-btn--borderonly input:hover,
#sln-salon.sln-customcolors .sln-btn--borderonly button:hover,
#sln-salon.sln-customcolors.sln-bootstrap .sln-btn--borderonly input:hover,
#sln-salon.sln-customcolors.sln-bootstrap .sln-btn--borderonly button:hover {
color: {color-background-a};
}
#sln-salon .datetimepicker table tr td.disabled,
#sln-salon .datetimepicker table tr td.disabled:hover,
#sln-salon .datetimepicker table tr td.disabled.full,
#sln-salon .datetimepicker table tr td.disabled.full:hover,
#sln-salon .datetimepicker table tr td span.disabled,
#sln-salon .datetimepicker table tr td span.disabled:hover {
color: {color-text-a};
opacity: 0.4;
}
#sln-salon #sln_time .datetimepicker table tr td.disabled,
#sln-salon #sln_time .datetimepicker table tr td.disabled:hover,
#sln-salon #sln_time .datetimepicker table tr td.disabled.full,
#sln-salon #sln_time .datetimepicker table tr td.disabled.full:hover,
#sln-salon #sln_time .datetimepicker table tr td span.disabled,
#sln-salon #sln_time .datetimepicker table tr td span.disabled:hover {
opacity: 1;
}
#sln-salon .sln-btn--fb svg {
fill: {color-main-a};
}
#sln-salon .sln-btn--fb:hover svg,
#sln-salon .sln-btn--fb:focus svg,
#sln-salon .sln-btn--fb:active svg {
fill: {color-background-a};
}
#sln-salon .sln-text--main,
#sln-salon .sln-btn--emphasis,
#sln-salon .sln-bootstrap .sln-btn--emphasis,
#sln-salon .sln-btn--emphasis input,
#sln-salon .sln-btn--emphasis button,
#sln-salon .sln-btn--emphasis a, #sln-salon.sln-bootstrap .sln-btn--emphasis input, #sln-salon.sln-bootstrap .sln-btn--emphasis button, #sln-salon.sln-bootstrap .sln-btn--emphasis a,
#sln-salon .sln-btn--emphasis:hover,
#sln-salon .sln-btn--emphasis:focus,
#sln-salon .sln-btn--emphasis:active, #sln-salon.sln-bootstrap .sln-btn--emphasis:hover, #sln-salon.sln-bootstrap .sln-btn--emphasis:focus, #sln-salon.sln-bootstrap .sln-btn--emphasis:active,
#sln-salon .sln-btn--emphasis:hover input,
#sln-salon .sln-btn--emphasis:hover button,
#sln-salon .sln-btn--emphasis:hover a,
#sln-salon .sln-btn--emphasis:focus input,
#sln-salon .sln-btn--emphasis:focus button,
#sln-salon .sln-btn--emphasis:focus a,
#sln-salon .sln-btn--emphasis:active input,
#sln-salon .sln-btn--emphasis:active button,
#sln-salon .sln-btn--emphasis:active a, #sln-salon.sln-bootstrap .sln-btn--emphasis:hover input, #sln-salon.sln-bootstrap .sln-btn--emphasis:hover button, #sln-salon.sln-bootstrap .sln-btn--emphasis:hover a, #sln-salon.sln-bootstrap .sln-btn--emphasis:focus input, #sln-salon.sln-bootstrap .sln-btn--emphasis:focus button, #sln-salon.sln-bootstrap .sln-btn--emphasis:focus a, #sln-salon.sln-bootstrap .sln-btn--emphasis:active input, #sln-salon.sln-bootstrap .sln-btn--emphasis:active button, #sln-salon.sln-bootstrap .sln-btn--emphasis:active a,
#sln-salon .sln-btn--nobkg:hover,
#sln-salon .sln-btn--nobkg:focus,
#sln-salon .sln-btn--nobkg:active, #sln-salon.sln-bootstrap .sln-btn--nobkg:hover, #sln-salon.sln-bootstrap .sln-btn--nobkg:focus, #sln-salon.sln-bootstrap .sln-btn--nobkg:active,
#sln-salon .sln-btn--nobkg:hover input,
#sln-salon .sln-btn--nobkg:hover button,
#sln-salon .sln-btn--nobkg:focus input,
#sln-salon .sln-btn--nobkg:focus button,
#sln-salon .sln-btn--nobkg:active input,
#sln-salon .sln-btn--nobkg:active button, #sln-salon.sln-bootstrap .sln-btn--nobkg:hover input, #sln-salon.sln-bootstrap .sln-btn--nobkg:hover button, #sln-salon.sln-bootstrap .sln-btn--nobkg:focus input, #sln-salon.sln-bootstrap .sln-btn--nobkg:focus button, #sln-salon.sln-bootstrap .sln-btn--nobkg:active input, #sln-salon.sln-bootstrap .sln-btn--nobkg:active button,
#sln-salon .sln-btn--borderonly:hover,
#sln-salon .sln-btn--borderonly:focus,
#sln-salon .sln-btn--borderonly:active, #sln-salon.sln-bootstrap .sln-btn--borderonly:hover, #sln-salon.sln-bootstrap .sln-btn--borderonly:focus, #sln-salon.sln-bootstrap .sln-btn--borderonly:active,
#sln-salon .sln-btn--borderonly:hover input,
#sln-salon .sln-btn--borderonly:hover button,
#sln-salon .sln-btn--borderonly:focus input,
#sln-salon .sln-btn--borderonly:focus button,
#sln-salon .sln-btn--borderonly:active input,
#sln-salon .sln-btn--borderonly:active button, #sln-salon.sln-bootstrap .sln-btn--borderonly:hover input, #sln-salon.sln-bootstrap .sln-btn--borderonly:hover button, #sln-salon.sln-bootstrap .sln-btn--borderonly:focus input, #sln-salon.sln-bootstrap .sln-btn--borderonly:focus button, #sln-salon.sln-bootstrap .sln-btn--borderonly:active input, #sln-salon.sln-bootstrap .sln-btn--borderonly:active button,
#sln-salon .sln-stepper .step .step-number,
#sln-salon .sln-stepper .step.step--active .step-number, #sln-salon.sln-customcolors .select2-container.select2-container--sln .select2-selection--single:hover, #sln-salon.sln-customcolors .select2-container.select2-container--sln .select2-selection--single:focus, #sln-salon.sln-customcolors .select2-container.select2-container--sln .select2-selection--single[aria-expanded=true],
#sln-salon #sln-salon.sln-step-date #sln-notifications.sln-notifications--active .sln-alert.sln-alert--wait,
#sln-salon #sln-salon #sln-salon-my-account .sln-account__card .sln-account__reschedule .sln-notifications.sln-notifications--active .sln-alert.sln-alert--wait,
#sln-salon #sln-salon-my-account .modal-body button.btn-primary {
color: {color-background-a};
}
#sln-salon #sln-salon-my-account .modal-body button.btn-primary,
#sln-salon #sln-salon-my-account .modal-body button.btn-default:hover,
#sln-salon #sln-salon-my-account .modal-body button.btn-default:focus,
#sln-salon #sln-salon-my-account .modal-body button.btn-default:active {
color: {color-background-a} !important;
}
#sln-salon .sln-btn--borderonly:hover,
#sln-salon .sln-btn--borderonly:focus,
#sln-salon .sln-btn--borderonly:active, #sln-salon.sln-bootstrap .sln-btn--borderonly:hover, #sln-salon.sln-bootstrap .sln-btn--borderonly:focus, #sln-salon.sln-bootstrap .sln-btn--borderonly:active,
#sln-salon .sln-btn--borderonly:hover input,
#sln-salon .sln-btn--borderonly:hover button,
#sln-salon .sln-btn--borderonly:focus input,
#sln-salon .sln-btn--borderonly:focus button,
#sln-salon .sln-btn--borderonly:active input,
#sln-salon .sln-btn--borderonly:active button, #sln-salon.sln-bootstrap .sln-btn--borderonly:hover input, #sln-salon.sln-bootstrap .sln-btn--borderonly:hover button, #sln-salon.sln-bootstrap .sln-btn--borderonly:focus input, #sln-salon.sln-bootstrap .sln-btn--borderonly:focus button, #sln-salon.sln-bootstrap .sln-btn--borderonly:active input, #sln-salon.sln-bootstrap .sln-btn--borderonly:active button,
#sln-salon .sln-box--formactions .sln-btn--medium.sln-btn--icon--left:hover,
#sln-salon #sln-salon-my-account .modal-body button.btn-default:hover,
#sln-salon #sln-salon-my-account .modal-body button.btn-default:focus,
#sln-salon #sln-salon-my-account .modal-body button.btn-default:active {
border-color: transparent;
}
.sln-salon-page.sln-salon-page-customcolors .select2-container.select2-container--sln .select2-results__option[aria-selected=true] {
color: {color-background-a};
}
.sln-salon-page.sln-salon-page-customcolors .select2-container.select2-container--sln .select2-results__option--highlighted[aria-selected] {
background-color: {color-main-b};
color: {color-background-a};
}
#sln-salon .sln-input--datepicker #sln_time.is_scrollable::-webkit-scrollbar-track {
border-color: {color-background-a};
}
#sln-salon.sln-customcolors,
#sln-salon.sln-customcolors .sln-box__bottombar .sln-box__bottombar__fkbg::before {
background-color: {color-text-e};
}
#sln-salon.sln-customcolors #sln-salon__content {
background-color: {color-background-a};
}
#sln-salon.sln-customcolors .sln-progbar {
background-color: {color-main-d};
}
#sln-salon.sln-customcolors .sln-progbar .sln-progbar__item--current,
#sln-salon.sln-customcolors .sln-progbar .sln-progbar__item--current ~ .sln-progbar__item {
background-color: {color-main-a};
}
#sln-salon.sln-customcolors .sln-list,
#sln-salon.sln-customcolors .sln-list .sln-panel .sln-list__item,
#sln-salon.sln-customcolors .sln-list .sln-panel .sln-panel-heading,
#sln-salon.sln-customcolors .sln-list .sln-panel .sln-list__item + .sln-list__item::before,
#sln-salon.sln-customcolors .sln-box--fixed_height.sln-attendants-wrapper--multi,
#sln-salon.sln-customcolors .sln-box--main.sln-box--fixed_height.sln-attendants-wrapper--multi,
#sln-salon.sln-customcolors .sln-list .sln-list__horscroller .sln-list__item,
#sln-salon.sln-customcolors .sln-list .sln-list__item .sln-list__item__content--add,
#sln-salon.sln-customcolors .sln-list .sln-list__item .sln-list__item__description--exte,
#sln-salon.sln-customcolors .sln-radiobox input[type=radio][disabled] + label:before,
#sln-salon.sln-customcolors .sln-radiobox input + label:after,
#sln-salon.sln-customcolors .sln-radiobox input + label:before,
#sln-salon.sln-customcolors .sln-checkbox input[type=checkbox][disabled] + label:before,
#sln-salon.sln-customcolors .sln-checkbox input + label:before,
#sln-salon.sln-customcolors .datetimepicker.sln-datetimepicker,
#sln-salon.sln-customcolors #sln-salon-my-account .datetimepicker.sln-datetimepicker--,
#sln-salon.sln-customcolors .sln-summary .sln-summary__terms,
#sln-salon.sln-customcolors .sln-summary .sln-summary__tabs__nav::after,
#sln-salon.sln-customcolors .sln-list .sln-list__item.sln-package {
background-color: {color-text-e};
}
#sln-salon.sln-customcolors #sln-salon-my-account .datetimepicker.sln-datetimepicker {
background-color: transparent;
}
#sln-salon.sln-customcolors .sln-box--fixed_height.sln-attendants-wrapper--multi .sln-list--multiple,
#sln-salon.sln-customcolors .sln-box--main.sln-box--fixed_height.sln-attendants-wrapper--multi .sln-list--multiple {
background-color: transparent;
}
#sln-salon.sln-customcolors .sln-list .sln-list__item .sln-list__item__content .sln-list__item__name,
#sln-salon.sln-customcolors .sln-list .sln-list__item .sln-list__item__content .sln-list__item__price,
#sln-salon.sln-customcolors .sln-list .sln-list__item .sln-list__item__content .sln-list__item__price__note,
#sln-salon.sln-customcolors .sln-list .sln-list__item .sln-list__item__content--add .sln-list__item__name,
#sln-salon.sln-customcolors .sln-list .sln-list__item .sln-list__item__content--add .sln-list__item__price,
#sln-salon.sln-customcolors .sln-list .sln-list__item .sln-list__item__content--add .sln-list__item__price__note,
#sln-salon.sln-customcolors .sln-total .sln-total-price,
#sln-salon.sln-customcolors .sln-list .sln-panel .sln-panel-heading.collapsed .sln-btn,
#sln-salon.sln-customcolors .sln-list .sln-panel .sln-panel-heading.collapsed #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit,
#sln-salon.sln-customcolors .sln-list .sln-panel .sln-panel-heading.collapsed .sln-btn, #sln-salon.sln-customcolors.sln-loginform:not(.sln-customcolors) .sln-list .sln-panel .sln-panel-heading.collapsed #loginform #wp-submit,
#sln-salon.sln-customcolors .sln-list .sln-panel .sln-panel-heading.collapsed .sln-btn::after,
#sln-salon.sln-customcolors .sln-list .sln-panel .sln-panel-heading.collapsed #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit::after,
#sln-salon.sln-customcolors .sln-list .sln-list__item .sln-list__item__content .sln-list__item__description .sln-list__item__description__breakdots,
#sln-salon.sln-customcolors .sln-list .sln-list__item .sln-list__item__content--add .sln-list__item__description .sln-list__item__description__breakdots,
#sln-salon.sln-customcolors .sln-service-variable-duration--counter--value,
#sln-salon.sln-customcolors .sln-service-variable-duration--counter--minus::after,
#sln-salon.sln-customcolors .sln-service-variable-duration--counter--plus::after,
#sln-salon.sln-customcolors .sln-summary .sln-summary__tabs__nav__item.active .sln-summary__tabs__toggle,
#sln-salon.sln-customcolors .sln-summary .sln-summary__tabs__nav__item .sln-summary__tabs__toggle:hover,
#sln-salon.sln-customcolors .sln-summary .sln-summary__reminder h3,
#sln-salon.sln-customcolors .sln-summary .sln-summary__reminder h5,
#sln-salon.sln-customcolors .sln-box--formactions--summary .sln-btn--medium .sln-btn__info {
color: {color-main-a};
}
#sln-salon.sln-customcolors .sln-list__item__description,
#sln-salon.sln-customcolors .sln-list .sln-panel .sln-panel-heading .sln-btn,
#sln-salon.sln-customcolors .sln-list .sln-panel .sln-panel-heading #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit,
#sln-salon.sln-customcolors .sln-list .sln-panel .sln-panel-heading .sln-btn::after,
#sln-salon.sln-customcolors .sln-list .sln-panel .sln-panel-heading #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit::after,
#sln-salon.sln-customcolors .sln-summary .sln-data-val,
#sln-salon.sln-customcolors .sln-summary .sln-summary__tabs__nav__item .sln-summary__tabs__toggle {
color: {color-text-a};
}
#sln-salon.sln-customcolors .sln-summary .sln-data-desc,
#sln-salon.sln-customcolors .sln-summary .sln-data-desc .label,
#sln-salon.sln-customcolors .sln-stepper .step .step-label,
#sln-salon.sln-customcolors .sln-text--grey {
color: {color-text-c};
}
#sln-salon.sln-customcolors .sln-service-variable-duration--counter--button--disabled:after {
color: {color-text-d};
}
#sln-salon.sln-customcolors .sln-panel .sln-panel-heading .sln-btn--borderonly,
#sln-salon.sln-customcolors .sln-checkbox input + label:before,
#sln-salon.sln-customcolors .sln-radiobox input + label:before,
#sln-salon.sln-customcolors .sln-btn--borderonly,
#sln-salon.sln-customcolors .sln-bootstrap .sln-btn--borderonly,
#sln-salon.sln-customcolors .sln-btn.sln-btn--borderonly, #sln-salon.sln-customcolors.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit,
#sln-salon.sln-customcolors .sln-bootstrap .sln-btn.sln-btn--borderonly,
#sln-salon.sln-customcolors a.sln-btn.sln-btn--borderonly,
#sln-salon.sln-customcolors .sln-bootstrap a.sln-btn.sln-btn--borderonly,
#sln-salon.sln-customcolors .sln-btn.sln-btn--borderonly,
#sln-salon.sln-customcolors .sln-bootstrap .sln-btn.sln-btn--borderonly,
#sln-salon.sln-customcolors a.sln-btn.sln-btn--borderonly,
#sln-salon.sln-customcolors .sln-bootstrap a.sln-btn.sln-btn--borderonly {
border-color: {color-main-a};
}
#sln-salon.sln-customcolors .sln-list .sln-list__item {
border-bottom-color: {color-text-d};
}
#sln-salon.sln-customcolors .sln-list .sln-panel {
border-color: {color-main-d};
}
#sln-salon.sln-customcolors .sln-box--fixed_height.sln-box--scrollable,
#sln-salon.sln-customcolors .sln-box--main.sln-box--fixed_height.sln-box--scrollable,
#sln-salon.sln-customcolors .sln-summary .sln-summary__terms,
#sln-salon.sln-customcolors .sln-input--datepicker #sln_time.is_scrollable {
scrollbar-color: {color-text-d} transparent;
}
#sln-salon.sln-customcolors .datetimepicker.sln-datetimepicker table tr td.day.active:not(.disabled),
#sln-salon.sln-customcolors .datetimepicker.sln-datetimepicker table tr td.day:not(.disabled):hover,
#sln-salon.sln-customcolors .datetimepicker.sln-datetimepicker table tr td span.minute.active:not(.disabled),
#sln-salon.sln-customcolors .datetimepicker.sln-datetimepicker table tr td span.minute:not(.disabled):not(.active):hover {
color: {color-background-a};
}
#sln-salon.sln-customcolors .sln-btn--borderonly,
#sln-salon.sln-customcolors #sln-salon .sln-btn--borderonly,
#sln-salon.sln-customcolors .sln-bootstrap .sln-btn--borderonly,
#sln-salon.sln-customcolors .sln-btn.sln-btn--borderonly,
#sln-salon.sln-customcolors #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit,
#sln-salon.sln-customcolors .sln-bootstrap .sln-btn.sln-btn--borderonly,
#sln-salon.sln-customcolors a.sln-btn.sln-btn--borderonly,
#sln-salon.sln-customcolors .sln-bootstrap a.sln-btn.sln-btn--borderonly {
color: {color-text-b};
}
#sln-salon.sln-customcolors .sln-btn--borderonly:active, #sln-salon.sln-customcolors .sln-btn--borderonly:focus,
#sln-salon.sln-customcolors #sln-salon .sln-btn--borderonly:active,
#sln-salon.sln-customcolors #sln-salon .sln-btn--borderonly:focus,
#sln-salon.sln-customcolors .sln-bootstrap .sln-btn--borderonly:active,
#sln-salon.sln-customcolors .sln-bootstrap .sln-btn--borderonly:focus,
#sln-salon.sln-customcolors .sln-btn.sln-btn--borderonly:active,
#sln-salon.sln-customcolors .sln-btn.sln-btn--borderonly:focus,
#sln-salon.sln-customcolors #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit:active,
#sln-salon.sln-customcolors #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit:focus,
#sln-salon.sln-customcolors .sln-bootstrap .sln-btn.sln-btn--borderonly:active,
#sln-salon.sln-customcolors .sln-bootstrap .sln-btn.sln-btn--borderonly:focus,
#sln-salon.sln-customcolors a.sln-btn.sln-btn--borderonly:active,
#sln-salon.sln-customcolors a.sln-btn.sln-btn--borderonly:focus,
#sln-salon.sln-customcolors .sln-bootstrap a.sln-btn.sln-btn--borderonly:active,
#sln-salon.sln-customcolors .sln-bootstrap a.sln-btn.sln-btn--borderonly:focus {
color: {color-background-a};
background-color: {color-main-b};
border-color: transparent;
}
@media (hover: hover) {
#sln-salon.sln-customcolors .sln-btn--borderonly:hover,
#sln-salon.sln-customcolors #sln-salon .sln-btn--borderonly:hover,
#sln-salon.sln-customcolors .sln-bootstrap .sln-btn--borderonly:hover,
#sln-salon.sln-customcolors .sln-btn.sln-btn--borderonly:hover,
#sln-salon.sln-customcolors #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit:hover,
#sln-salon.sln-customcolors .sln-bootstrap .sln-btn.sln-btn--borderonly:hover,
#sln-salon.sln-customcolors a.sln-btn.sln-btn--borderonly:hover,
#sln-salon.sln-customcolors .sln-bootstrap a.sln-btn.sln-btn--borderonly:hover {
color: {color-background-a};
background-color: {color-main-b};
border-color: transparent;
}
}
#sln-salon.sln-customcolors .sln-summary .sln-summary__tabs__nav__item .sln-summary__tabs__toggle[data-target="#message"]::before {
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><path id="Icon_feather-message-circle" data-name="Icon feather-message-circle" d="M22.5,13a8.38,8.38,0,0,1-.9,3.8A8.5,8.5,0,0,1,14,21.5a8.38,8.38,0,0,1-3.8-.9L4.5,22.5l1.9-5.7A8.38,8.38,0,0,1,5.5,13a8.5,8.5,0,0,1,4.7-7.6A8.38,8.38,0,0,1,14,4.5h.5a8.48,8.48,0,0,1,8,8Z" transform="translate(-3 -3)" fill="none" stroke="{color-text-a}" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/></svg>');
}
@media (hover: hover) {
#sln-salon.sln-customcolors .sln-summary .sln-summary__tabs__nav__item .sln-summary__tabs__toggle[data-target="#message"]:hover::before {
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><path id="Icon_feather-message-circle" data-name="Icon feather-message-circle" d="M22.5,13a8.38,8.38,0,0,1-.9,3.8A8.5,8.5,0,0,1,14,21.5a8.38,8.38,0,0,1-3.8-.9L4.5,22.5l1.9-5.7A8.38,8.38,0,0,1,5.5,13a8.5,8.5,0,0,1,4.7-7.6A8.38,8.38,0,0,1,14,4.5h.5a8.48,8.48,0,0,1,8,8Z" transform="translate(-3 -3)" fill="none" stroke="{color-main-a}" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/></svg>');
}
}
#sln-salon.sln-customcolors .sln-summary .sln-summary__tabs__nav__item .sln-summary__tabs__toggle[data-target="#coupon"]::before {
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="33.905" height="17.36" viewBox="0 0 33.905 17.36"><path id="Icon_metro-discout" data-name="Icon metro-discout" d="M36.416,18.351a5.342,5.342,0,0,1-3.323,5.057v2.538a1.085,1.085,0,0,1-1.084,1.085H6.918a1.084,1.084,0,0,1-1.085-1.085V23.408a5.341,5.341,0,0,1-3.323-5.057,5.342,5.342,0,0,1,3.324-5.057V10.756A1.084,1.084,0,0,1,6.92,9.671H32.011a1.084,1.084,0,0,1,1.084,1.085v2.538a5.341,5.341,0,0,1,3.321,5.057Zm-20.818,0h-4.34v1.085H15.6V18.351Zm5.153-3.7a1.819,1.819,0,0,0-2.514,0,2.24,2.24,0,0,0-.46,1.549,2.252,2.252,0,0,0,.46,1.555,1.219,1.219,0,0,0,1.066.5,2.089,2.089,0,0,0,1.449-.5,2.257,2.257,0,0,0,.459-1.555,2.249,2.249,0,0,0-.46-1.549Zm3.691-.674-5.567,8.739h1.1l5.539-8.739H24.442Zm1.733,5.013a1.823,1.823,0,0,0-2.515,0A2.248,2.248,0,0,0,23.2,20.54a2.256,2.256,0,0,0,.458,1.555,1.632,1.632,0,0,0,1.272.5,1.6,1.6,0,0,0,1.244-.5,2.256,2.256,0,0,0,.459-1.555,2.253,2.253,0,0,0-.46-1.549ZM24.9,21.759a.42.42,0,0,1-.367-.2,2,2,0,0,1-.175-1.02,2.03,2.03,0,0,1,.175-1.024.415.415,0,0,1,.367-.193.429.429,0,0,1,.373.193,2.085,2.085,0,0,1,.17,1.024,2.033,2.033,0,0,1-.175,1.024.413.413,0,0,1-.367.193ZM19.481,17.42a.418.418,0,0,1-.367-.2,2,2,0,0,1-.175-1.02,2.03,2.03,0,0,1,.175-1.024.415.415,0,0,1,.367-.192.429.429,0,0,1,.373.192,2.085,2.085,0,0,1,.17,1.024,2.033,2.033,0,0,1-.175,1.024A.417.417,0,0,1,19.481,17.42Z" transform="translate(-2.511 -9.671)" fill="{color-text-a}"/></svg>');
}
@media (hover: hover) {
#sln-salon.sln-customcolors .sln-summary .sln-summary__tabs__nav__item .sln-summary__tabs__toggle[data-target="#coupon"]:hover::before {
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="33.905" height="17.36" viewBox="0 0 33.905 17.36"><path id="Icon_metro-discout" data-name="Icon metro-discout" d="M36.416,18.351a5.342,5.342,0,0,1-3.323,5.057v2.538a1.085,1.085,0,0,1-1.084,1.085H6.918a1.084,1.084,0,0,1-1.085-1.085V23.408a5.341,5.341,0,0,1-3.323-5.057,5.342,5.342,0,0,1,3.324-5.057V10.756A1.084,1.084,0,0,1,6.92,9.671H32.011a1.084,1.084,0,0,1,1.084,1.085v2.538a5.341,5.341,0,0,1,3.321,5.057Zm-20.818,0h-4.34v1.085H15.6V18.351Zm5.153-3.7a1.819,1.819,0,0,0-2.514,0,2.24,2.24,0,0,0-.46,1.549,2.252,2.252,0,0,0,.46,1.555,1.219,1.219,0,0,0,1.066.5,2.089,2.089,0,0,0,1.449-.5,2.257,2.257,0,0,0,.459-1.555,2.249,2.249,0,0,0-.46-1.549Zm3.691-.674-5.567,8.739h1.1l5.539-8.739H24.442Zm1.733,5.013a1.823,1.823,0,0,0-2.515,0A2.248,2.248,0,0,0,23.2,20.54a2.256,2.256,0,0,0,.458,1.555,1.632,1.632,0,0,0,1.272.5,1.6,1.6,0,0,0,1.244-.5,2.256,2.256,0,0,0,.459-1.555,2.253,2.253,0,0,0-.46-1.549ZM24.9,21.759a.42.42,0,0,1-.367-.2,2,2,0,0,1-.175-1.02,2.03,2.03,0,0,1,.175-1.024.415.415,0,0,1,.367-.193.429.429,0,0,1,.373.193,2.085,2.085,0,0,1,.17,1.024,2.033,2.033,0,0,1-.175,1.024.413.413,0,0,1-.367.193ZM19.481,17.42a.418.418,0,0,1-.367-.2,2,2,0,0,1-.175-1.02,2.03,2.03,0,0,1,.175-1.024.415.415,0,0,1,.367-.192.429.429,0,0,1,.373.192,2.085,2.085,0,0,1,.17,1.024,2.033,2.033,0,0,1-.175,1.024A.417.417,0,0,1,19.481,17.42Z" transform="translate(-2.511 -9.671)" fill="{color-main-a}"/></svg>');
}
}
#sln-salon.sln-customcolors .sln-summary .sln-summary__tabs__nav__item .sln-summary__tabs__toggle[data-target="#tip"]::before {
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="34" height="32" viewBox="0 0 34 32"><path id="Icon_awesome-hand-holding-usd" data-name="Icon awesome-hand-holding-usd" d="M16.1,9.019l3.125.894a.526.526,0,0,1-.144,1.031h-2.05a1.608,1.608,0,0,1-.644-.138.775.775,0,0,0-.881.125l-1.094,1.094a.75.75,0,0,0,.094,1.15,4.567,4.567,0,0,0,1.987.719V15a1,1,0,0,0,1,1h1a1,1,0,0,0,1-1V13.9a3.516,3.516,0,0,0,3.081-3.938,3.667,3.667,0,0,0-2.681-2.981l-3.125-.894a.526.526,0,0,1,.144-1.031h2.05a1.608,1.608,0,0,1,.644.137.775.775,0,0,0,.881-.125l1.094-1.094a.75.75,0,0,0-.094-1.15A4.567,4.567,0,0,0,19.5,2.106V1a1,1,0,0,0-1-1h-1a1,1,0,0,0-1,1V2.1a3.516,3.516,0,0,0-3.081,3.937A3.667,3.667,0,0,0,16.1,9.019ZM33.369,20.506a1.877,1.877,0,0,0-2.519,0L25.4,25.125A3.635,3.635,0,0,1,23.038,26H16.056a1,1,0,0,1,0-2h4.619a2,2,0,0,0,.1-4H11.331a6.683,6.683,0,0,0-4.369,1.644L4.219,24H.944A.976.976,0,0,0,0,25v6a.976.976,0,0,0,.944,1H22a3.66,3.66,0,0,0,2.363-.875l8.925-7.563A2.077,2.077,0,0,0,33.369,20.506Z" fill="{color-text-a}"/></svg>');
}
@media (hover: hover) {
#sln-salon.sln-customcolors .sln-summary .sln-summary__tabs__nav__item .sln-summary__tabs__toggle[data-target="#tip"]:hover::before {
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="34" height="32" viewBox="0 0 34 32"><path id="Icon_awesome-hand-holding-usd" data-name="Icon awesome-hand-holding-usd" d="M16.1,9.019l3.125.894a.526.526,0,0,1-.144,1.031h-2.05a1.608,1.608,0,0,1-.644-.138.775.775,0,0,0-.881.125l-1.094,1.094a.75.75,0,0,0,.094,1.15,4.567,4.567,0,0,0,1.987.719V15a1,1,0,0,0,1,1h1a1,1,0,0,0,1-1V13.9a3.516,3.516,0,0,0,3.081-3.938,3.667,3.667,0,0,0-2.681-2.981l-3.125-.894a.526.526,0,0,1,.144-1.031h2.05a1.608,1.608,0,0,1,.644.137.775.775,0,0,0,.881-.125l1.094-1.094a.75.75,0,0,0-.094-1.15A4.567,4.567,0,0,0,19.5,2.106V1a1,1,0,0,0-1-1h-1a1,1,0,0,0-1,1V2.1a3.516,3.516,0,0,0-3.081,3.937A3.667,3.667,0,0,0,16.1,9.019ZM33.369,20.506a1.877,1.877,0,0,0-2.519,0L25.4,25.125A3.635,3.635,0,0,1,23.038,26H16.056a1,1,0,0,1,0-2h4.619a2,2,0,0,0,.1-4H11.331a6.683,6.683,0,0,0-4.369,1.644L4.219,24H.944A.976.976,0,0,0,0,25v6a.976.976,0,0,0,.944,1H22a3.66,3.66,0,0,0,2.363-.875l8.925-7.563A2.077,2.077,0,0,0,33.369,20.506Z" fill="{color-main-a}"/></svg>');
}
}
#sln-salon.sln-customcolors .sln-summary .sln-summary__tabs__nav__item.active .sln-summary__tabs__toggle[data-target="#message"]::before {
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><path id="Icon_feather-message-circle" data-name="Icon feather-message-circle" d="M22.5,13a8.38,8.38,0,0,1-.9,3.8A8.5,8.5,0,0,1,14,21.5a8.38,8.38,0,0,1-3.8-.9L4.5,22.5l1.9-5.7A8.38,8.38,0,0,1,5.5,13a8.5,8.5,0,0,1,4.7-7.6A8.38,8.38,0,0,1,14,4.5h.5a8.48,8.48,0,0,1,8,8Z" transform="translate(-3 -3)" fill="none" stroke="{color-main-a}" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/></svg>');
}
#sln-salon.sln-customcolors .sln-summary .sln-summary__tabs__nav__item.active .sln-summary__tabs__toggle[data-target="#coupon"]::before {
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="33.905" height="17.36" viewBox="0 0 33.905 17.36"><path id="Icon_metro-discout" data-name="Icon metro-discout" d="M36.416,18.351a5.342,5.342,0,0,1-3.323,5.057v2.538a1.085,1.085,0,0,1-1.084,1.085H6.918a1.084,1.084,0,0,1-1.085-1.085V23.408a5.341,5.341,0,0,1-3.323-5.057,5.342,5.342,0,0,1,3.324-5.057V10.756A1.084,1.084,0,0,1,6.92,9.671H32.011a1.084,1.084,0,0,1,1.084,1.085v2.538a5.341,5.341,0,0,1,3.321,5.057Zm-20.818,0h-4.34v1.085H15.6V18.351Zm5.153-3.7a1.819,1.819,0,0,0-2.514,0,2.24,2.24,0,0,0-.46,1.549,2.252,2.252,0,0,0,.46,1.555,1.219,1.219,0,0,0,1.066.5,2.089,2.089,0,0,0,1.449-.5,2.257,2.257,0,0,0,.459-1.555,2.249,2.249,0,0,0-.46-1.549Zm3.691-.674-5.567,8.739h1.1l5.539-8.739H24.442Zm1.733,5.013a1.823,1.823,0,0,0-2.515,0A2.248,2.248,0,0,0,23.2,20.54a2.256,2.256,0,0,0,.458,1.555,1.632,1.632,0,0,0,1.272.5,1.6,1.6,0,0,0,1.244-.5,2.256,2.256,0,0,0,.459-1.555,2.253,2.253,0,0,0-.46-1.549ZM24.9,21.759a.42.42,0,0,1-.367-.2,2,2,0,0,1-.175-1.02,2.03,2.03,0,0,1,.175-1.024.415.415,0,0,1,.367-.193.429.429,0,0,1,.373.193,2.085,2.085,0,0,1,.17,1.024,2.033,2.033,0,0,1-.175,1.024.413.413,0,0,1-.367.193ZM19.481,17.42a.418.418,0,0,1-.367-.2,2,2,0,0,1-.175-1.02,2.03,2.03,0,0,1,.175-1.024.415.415,0,0,1,.367-.192.429.429,0,0,1,.373.192,2.085,2.085,0,0,1,.17,1.024,2.033,2.033,0,0,1-.175,1.024A.417.417,0,0,1,19.481,17.42Z" transform="translate(-2.511 -9.671)" fill="{color-main-a}"/></svg>');
}
#sln-salon.sln-customcolors .sln-summary .sln-summary__tabs__nav__item.active .sln-summary__tabs__toggle[data-target="#tip"]::before {
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="34" height="32" viewBox="0 0 34 32"><path id="Icon_awesome-hand-holding-usd" data-name="Icon awesome-hand-holding-usd" d="M16.1,9.019l3.125.894a.526.526,0,0,1-.144,1.031h-2.05a1.608,1.608,0,0,1-.644-.138.775.775,0,0,0-.881.125l-1.094,1.094a.75.75,0,0,0,.094,1.15,4.567,4.567,0,0,0,1.987.719V15a1,1,0,0,0,1,1h1a1,1,0,0,0,1-1V13.9a3.516,3.516,0,0,0,3.081-3.938,3.667,3.667,0,0,0-2.681-2.981l-3.125-.894a.526.526,0,0,1,.144-1.031h2.05a1.608,1.608,0,0,1,.644.137.775.775,0,0,0,.881-.125l1.094-1.094a.75.75,0,0,0-.094-1.15A4.567,4.567,0,0,0,19.5,2.106V1a1,1,0,0,0-1-1h-1a1,1,0,0,0-1,1V2.1a3.516,3.516,0,0,0-3.081,3.937A3.667,3.667,0,0,0,16.1,9.019ZM33.369,20.506a1.877,1.877,0,0,0-2.519,0L25.4,25.125A3.635,3.635,0,0,1,23.038,26H16.056a1,1,0,0,1,0-2h4.619a2,2,0,0,0,.1-4H11.331a6.683,6.683,0,0,0-4.369,1.644L4.219,24H.944A.976.976,0,0,0,0,25v6a.976.976,0,0,0,.944,1H22a3.66,3.66,0,0,0,2.363-.875l8.925-7.563A2.077,2.077,0,0,0,33.369,20.506Z" fill="{color-main-a}"/></svg>');
}
#sln-salon.sln-customcolors .sln-radiobox input + label:hover::after {
background-color: {color-main-c};
}
#sln-salon.sln-customcolors .sln-radiobox input:checked + label::after,
#sln-salon.sln-customcolors .sln-radiobox input:checked + label:hover::after,
#sln-salon.sln-customcolors .sln-list .sln-list__item .sln-list__item__fkbkg,
#sln-salon.sln-customcolors .sln-summary .sln-summary__tabs__nav__item .sln-summary__tabs__toggle:hover::after {
background-color: {color-main-a};
}
#sln-salon.sln-customcolors textarea.sln-input {
outline: 1px solid;
outline-color: transparent;
transition: all 150ms;
}
@media (hover: hover) {
#sln-salon.sln-customcolors textarea.sln-input:hover {
outline-color: {color-main-b};
border-color: {color-main-b};
}
}
#sln-salon.sln-customcolors textarea.sln-input:focus, #sln-salon.sln-customcolors textarea.sln-input:active {
outline-color: {color-main-a};
border-color: {color-main-a};
}
#sln-salon.sln-customcolors .sln-input input[type=date],
#sln-salon.sln-customcolors .sln-input input[type=time],
#sln-salon.sln-customcolors .sln-input input[type=datetime-local],
#sln-salon.sln-customcolors .sln-input input[type=week],
#sln-salon.sln-customcolors .sln-input input[type=month],
#sln-salon.sln-customcolors .sln-input input[type=text],
#sln-salon.sln-customcolors .sln-input input[type=email],
#sln-salon.sln-customcolors .sln-input input[type=url],
#sln-salon.sln-customcolors .sln-input input[type=password],
#sln-salon.sln-customcolors .sln-input input[type=search],
#sln-salon.sln-customcolors .sln-input input[type=tel],
#sln-salon.sln-customcolors .sln-input input[type=number],
#sln-salon.sln-customcolors .sln-input textarea {
outline: 1px solid;
outline-color: transparent;
transition: all 150ms;
}
@media (hover: hover) {
#sln-salon.sln-customcolors .sln-input input[type=date]:hover,
#sln-salon.sln-customcolors .sln-input input[type=time]:hover,
#sln-salon.sln-customcolors .sln-input input[type=datetime-local]:hover,
#sln-salon.sln-customcolors .sln-input input[type=week]:hover,
#sln-salon.sln-customcolors .sln-input input[type=month]:hover,
#sln-salon.sln-customcolors .sln-input input[type=text]:hover,
#sln-salon.sln-customcolors .sln-input input[type=email]:hover,
#sln-salon.sln-customcolors .sln-input input[type=url]:hover,
#sln-salon.sln-customcolors .sln-input input[type=password]:hover,
#sln-salon.sln-customcolors .sln-input input[type=search]:hover,
#sln-salon.sln-customcolors .sln-input input[type=tel]:hover,
#sln-salon.sln-customcolors .sln-input input[type=number]:hover,
#sln-salon.sln-customcolors .sln-input textarea:hover {
outline-color: {color-main-b};
border-color: {color-main-b};
}
}
#sln-salon.sln-customcolors .sln-input input[type=date]:focus, #sln-salon.sln-customcolors .sln-input input[type=date]:active,
#sln-salon.sln-customcolors .sln-input input[type=time]:focus,
#sln-salon.sln-customcolors .sln-input input[type=time]:active,
#sln-salon.sln-customcolors .sln-input input[type=datetime-local]:focus,
#sln-salon.sln-customcolors .sln-input input[type=datetime-local]:active,
#sln-salon.sln-customcolors .sln-input input[type=week]:focus,
#sln-salon.sln-customcolors .sln-input input[type=week]:active,
#sln-salon.sln-customcolors .sln-input input[type=month]:focus,
#sln-salon.sln-customcolors .sln-input input[type=month]:active,
#sln-salon.sln-customcolors .sln-input input[type=text]:focus,
#sln-salon.sln-customcolors .sln-input input[type=text]:active,
#sln-salon.sln-customcolors .sln-input input[type=email]:focus,
#sln-salon.sln-customcolors .sln-input input[type=email]:active,
#sln-salon.sln-customcolors .sln-input input[type=url]:focus,
#sln-salon.sln-customcolors .sln-input input[type=url]:active,
#sln-salon.sln-customcolors .sln-input input[type=password]:focus,
#sln-salon.sln-customcolors .sln-input input[type=password]:active,
#sln-salon.sln-customcolors .sln-input input[type=search]:focus,
#sln-salon.sln-customcolors .sln-input input[type=search]:active,
#sln-salon.sln-customcolors .sln-input input[type=tel]:focus,
#sln-salon.sln-customcolors .sln-input input[type=tel]:active,
#sln-salon.sln-customcolors .sln-input input[type=number]:focus,
#sln-salon.sln-customcolors .sln-input input[type=number]:active,
#sln-salon.sln-customcolors .sln-input textarea:focus,
#sln-salon.sln-customcolors .sln-input textarea:active {
outline-color: {color-main-a};
border-color: {color-main-a};
}
#sln-salon.sln-customcolors .sln-box__bottombar {
background-color: {color-background-a};
}
#sln-salon.sln-customcolors .sln-box__bottombar .sln-box__bottombar__fkbg--customcolors {
background-color: {color-main-d};
}
#sln-salon.sln-customcolors .sln-file__content input[type=file] + label {
color: {color-main-a};
border-color: {color-main-b};
}
#sln-salon.sln-customcolors .sln-file__content input[type=file] + label::before {
color: {color-main-c};
}
#sln-salon.sln-customcolors .sln-file__content input[type=file]:not(:hover) + label .sln-file__btn {
background-color: {color-main-b};
color: {color-background-a};
}
#sln-salon.sln-customcolors .sln-file__content.sln-file__content--draghover::before {
background-color: {color-background-c};
}
#sln-salon.sln-customcolors .sln-file__content.sln-file__content--draghover input[type=file] + label,
#sln-salon.sln-customcolors .sln-file__content input[type=file]:hover + label {
border-color: {color-main-a};
background-color: {color-main-d};
color: {color-text-a};
}
#sln-salon.sln-customcolors .sln-file__content.sln-file__content--draghover input[type=file] + label::before,
#sln-salon.sln-customcolors .sln-file__content input[type=file]:hover + label::before {
color: {color-main-a};
}
#sln-salon.sln-customcolors .sln-file__content .sln-file__list li:not(.sln-file__errors) {
background-color: {color-text-e};
color: {color-text-a};
}
#sln-salon.sln-customcolors .sln-file__content .sln-file__remove::before {
background-color: {color-main-a};
}
#sln-salon.sln-customcolors .sln-file__content .sln-file__list li.sln-file__progressbar__wrapper {
color: {color-main-a};
}
#sln-salon.sln-customcolors .sln-file__content .sln-file__progressbar {
background-color: {color-main-d};
}
#sln-salon.sln-customcolors .sln-file__content .sln-file__progressbar__value {
background-color: {color-main-a};
}
@media (hover: hover) {
#sln-salon.sln-customcolors .sln-file__content .sln-file__list li:not(.sln-file__errors):not(.sln-file__progressbar__wrapper):hover {
outline-color: {color-main-c};
border-color: {color-main-c};
}
}
#sln-salon.sln-customcolors .sln-content__tabs__nav {
color: {color-text-a};
border-bottom-color: {color-text-a};
}
#sln-salon.sln-customcolors .sln-content__tabs__nav__item {
border-bottom: 3px solid transparent;
color: {color-text-a};
}
#sln-salon.sln-customcolors .sln-content__tabs__nav__item a {
color: {color-text-a};
}
#sln-salon.sln-customcolors .sln-content__tabs__nav__item.active {
border-bottom-color: {color-main-a};
}
#sln-salon.sln-customcolors .sln-content__tabs__nav__item.active a {
color: {color-main-a};
}
@media (hover: hover) {
#sln-salon.sln-customcolors .sln-content__tabs__nav__item.active:hover {
border-bottom-color: {color-main-b};
}
}
@media (hover: hover) {
#sln-salon.sln-customcolors .sln-content__tabs__nav__item:hover {
border-bottom-color: {color-main-b};
}
}
#sln-salon.sln-customcolors .sln-list.sln-list--packages {
background-color: transparent;
}
#sln-salon.sln-customcolors .sln-list .sln-list__item {
border-bottom-color: transparent;
}
#sln-salon.sln-customcolors .sln-list .sln-list__item.sln-package .sln-list__item__morecontent__trigger {
color: {color-text-b};
}
#sln-salon.sln-customcolors .sln-list .sln-list__item.sln-package .sln-list__item__morecontent__trigger::before {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26.667' height='30' viewBox='0 0 26.667 30'%3E%3Cg id='Raggruppa_12' data-name='Raggruppa 12' transform='translate(0 0)'%3E%3Cpath id='Tracciato_33' data-name='Tracciato 33' d='M25,6.259,15,.452a3.3,3.3,0,0,0-3.332,0l-10,5.808A3.406,3.406,0,0,0,0,9.2V20.81a3.408,3.408,0,0,0,1.668,2.932l10,5.806a3.3,3.3,0,0,0,3.332,0l10-5.807a3.408,3.408,0,0,0,1.667-2.931V9.2A3.406,3.406,0,0,0,25,6.259M12.142,1.291a2.36,2.36,0,0,1,2.383,0l10,5.807a2.372,2.372,0,0,1,.55.458l-5.3,3.118L7.932,3.737ZM2.141,7.1,6.974,4.292l11.844,6.942-5.485,3.224-11.74-6.9A2.356,2.356,0,0,1,2.141,7.1m0,15.8A2.435,2.435,0,0,1,.952,20.81V9.2a2.42,2.42,0,0,1,.154-.807L12.857,15.3V28.969a2.35,2.35,0,0,1-.716-.261Zm23.572-2.093A2.436,2.436,0,0,1,24.526,22.9l-10,5.807a2.331,2.331,0,0,1-.714.26V15.3L25.56,8.388a2.42,2.42,0,0,1,.154.807Z' fill='{color-main-a}'/%3E%3C/g%3E%3C/svg%3E%0A");
}
#sln-salon.sln-customcolors .sln-list .sln-list__item.sln-package .sln-list__item__morecontent__trigger::after {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29.02' height='30' viewBox='0 0 29.02 30'%3E%3Cg id='Raggruppa_14' data-name='Raggruppa 14' transform='translate(0 0)'%3E%3Cpath id='Tracciato_34' data-name='Tracciato 34' d='M27.37,6.282,17.24.445a3.285,3.285,0,0,0-3.3,0L3.8,6.283A3.29,3.29,0,0,0,2.718,7.319a.4.4,0,0,0-.126.139L.271,11.89a2.037,2.037,0,0,0,.747,2.778l1.137.666V20.84a3.338,3.338,0,0,0,1.651,2.877l10.13,5.837a3.286,3.286,0,0,0,3.3,0l10.133-5.839a3.339,3.339,0,0,0,1.649-2.876h0V9.164A3.342,3.342,0,0,0,27.37,6.282m-.408.7a2.462,2.462,0,0,1,.633.554l-11.6,6.767V.868a2.436,2.436,0,0,1,.837.282Zm-22.75,0L14.346,1.149a2.433,2.433,0,0,1,.835-.282V14.308L3.584,7.543a2.4,2.4,0,0,1,.628-.555M.984,12.282,3.116,8.213l11.931,6.96-2.14,4.088a1.225,1.225,0,0,1-1.665.45L1.426,13.964a1.228,1.228,0,0,1-.441-1.682m3.23,10.732A2.523,2.523,0,0,1,2.969,20.84V15.811l7.864,4.6a2.026,2.026,0,0,0,1.009.27,2.049,2.049,0,0,0,.536-.072,2.028,2.028,0,0,0,1.242-.962l1.561-2.98V29.132a2.447,2.447,0,0,1-.837-.282ZM28.207,20.84a2.523,2.523,0,0,1-1.243,2.173L16.83,28.851a2.443,2.443,0,0,1-.835.281V15.251L28.01,8.242a2.5,2.5,0,0,1,.2.922Z' transform='translate(0 0)' fill='{color-main-a}'/%3E%3C/g%3E%3C/svg%3E%0A");
}
@media (hover: hover) {
#sln-salon.sln-customcolors .sln-list .sln-list__item.sln-package .sln-list__item__morecontent__trigger:hover {
color: {color-text-a};
}
}
#sln-salon.sln-customcolors .sln-list .sln-list__item.sln-package .sln-package__services {
color: {color-text-a};
}
#sln-salon.sln-customcolors .sln-list .sln-list__item.sln-package .sln-package__service {
border-bottom-color: {color-text-d};
}