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/salon.css |
@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/*
html {
font-family: sans-serif; // 1
-ms-text-size-adjust: 100%; // 2
-webkit-text-size-adjust: 100%; // 2
}
*/
/*
body {
margin: 0;
}
*/
@import "https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700";
@import "https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700";
#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;
}
.sln-loader, .old #sln-salon.sln-salon--s .sln-thankyou .sln-icon-wrapper .sln-icon {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%) translateY(0);
-ms-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
}
#sln-salon .sln_datepicker:after,
#sln-salon .sln_timepicker:after,
#sln-salon #sln-salon-my-account .sln_datepicker:after,
#sln-salon #sln-salon-my-account .sln_timepicker:after, .sln-icon-wrapper .sln-icon {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.sln-btn--emphasis.sln-btn--disabled,
#sln-salon .sln-btn--emphasis.sln-btn--disabled, .sln-btn--emphasis.sln-btn--disabled:hover, .sln-btn--emphasis.sln-btn--disabled:focus, .sln-btn--emphasis.sln-btn--disabled:active, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit {
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
}
#sln-salon .datetimepicker.sln-datetimepicker.datetimepicker-dropdown-bottom-right,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker.datetimepicker-dropdown-bottom-right, .sln-btn--emphasis:hover, .sln-btn--emphasis:focus, .sln-btn--emphasis:active,
#sln-salon .sln-btn--emphasis:hover,
#sln-salon .sln-btn--emphasis:focus,
#sln-salon .sln-btn--emphasis:active, .sln-btn--nobkg:hover, .sln-btn--nobkg:focus, .sln-btn--nobkg:active,
#sln-salon .sln-btn--nobkg:hover,
#sln-salon .sln-btn--nobkg:focus,
#sln-salon .sln-btn--nobkg:active, .sln-btn--borderonly:hover, .sln-btn--borderonly:focus, .sln-btn--borderonly:active,
#sln-salon .sln-btn--borderonly:hover,
#sln-salon .sln-btn--borderonly:focus,
#sln-salon .sln-btn--borderonly:active, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:hover, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:focus, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:active {
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23);
-moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23);
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23);
}
.sln-btn,
.sln-bootstrap .sln-btn,
a.sln-btn,
.sln-bootstrap a.sln-btn,
#sln-salon .sln-btn,
#sln-salon .sln-bootstrap .sln-btn,
#sln-salon a.sln-btn,
#sln-salon .sln-bootstrap a.sln-btn, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit {
z-index: 800;
}
/*
@-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 article,
#sln-salon aside,
#sln-salon details,
#sln-salon figcaption,
#sln-salon figure,
#sln-salon footer,
#sln-salon header,
#sln-salon hgroup,
#sln-salon main,
#sln-salon menu,
#sln-salon nav,
#sln-salon section,
#sln-salon summary {
display: block;
}
#sln-salon audio,
#sln-salon canvas,
#sln-salon progress,
#sln-salon video {
display: inline-block;
vertical-align: baseline;
}
#sln-salon audio:not([controls]) {
display: none;
height: 0;
}
#sln-salon [hidden],
#sln-salon template {
display: none;
}
#sln-salon a {
background-color: transparent;
}
#sln-salon a:active,
#sln-salon a:hover {
outline: 0;
}
#sln-salon abbr[title] {
border-bottom: 1px dotted;
}
#sln-salon b,
#sln-salon strong {
font-weight: bold;
}
#sln-salon dfn {
font-style: italic;
}
#sln-salon h1 {
font-size: 2em;
margin: 0.67em 0;
}
#sln-salon mark {
background: #ff0;
color: #000;
}
#sln-salon small {
font-size: 80%;
}
#sln-salon sub,
#sln-salon sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
#sln-salon sup {
top: -0.5em;
}
#sln-salon sub {
bottom: -0.25em;
}
#sln-salon img {
border: 0;
}
#sln-salon svg:not(:root) {
overflow: hidden;
}
#sln-salon figure {
margin: 1em 40px;
}
#sln-salon hr {
box-sizing: content-box;
height: 0;
}
#sln-salon pre {
overflow: auto;
}
#sln-salon code,
#sln-salon kbd,
#sln-salon pre,
#sln-salon samp {
font-family: monospace, monospace;
font-size: 1em;
}
#sln-salon button,
#sln-salon input,
#sln-salon optgroup,
#sln-salon select,
#sln-salon textarea {
color: inherit;
font: inherit;
margin: 0;
}
#sln-salon button {
overflow: visible;
}
#sln-salon button,
#sln-salon select {
text-transform: none;
}
#sln-salon button,
#sln-salon html input[type=button],
#sln-salon input[type=reset],
#sln-salon input[type=submit] {
-webkit-appearance: button;
cursor: pointer;
}
#sln-salon button[disabled],
#sln-salon html input[disabled] {
cursor: default;
}
#sln-salon button::-moz-focus-inner,
#sln-salon input::-moz-focus-inner {
border: 0;
padding: 0;
}
#sln-salon input {
line-height: normal;
}
#sln-salon input[type=checkbox],
#sln-salon input[type=radio] {
box-sizing: border-box;
padding: 0;
}
#sln-salon input[type=number]::-webkit-inner-spin-button,
#sln-salon input[type=number]::-webkit-outer-spin-button {
height: auto;
}
#sln-salon input[type=search] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
#sln-salon input[type=search]::-webkit-search-cancel-button,
#sln-salon input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
#sln-salon fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
#sln-salon legend {
border: 0;
padding: 0;
}
#sln-salon textarea {
overflow: auto;
}
#sln-salon optgroup {
font-weight: bold;
}
#sln-salon table {
border-collapse: collapse;
border-spacing: 0;
}
#sln-salon td,
#sln-salon th {
padding: 0;
}
#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;
}
.old #sln-salon.sln-salon--s .sln-thankyou .sln-icon-wrapper .sln-icon, .sln-loader {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%) translateY(0);
-ms-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
}
.sln-icon-wrapper .sln-icon, #sln-salon .sln_datepicker:after,
#sln-salon .sln_timepicker:after,
#sln-salon #sln-salon-my-account .sln_datepicker:after,
#sln-salon #sln-salon-my-account .sln_timepicker:after {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.sln-btn--emphasis.sln-btn--disabled:hover, .sln-btn--emphasis.sln-btn--disabled:focus, .sln-btn--emphasis.sln-btn--disabled:active,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:hover,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:focus,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:active,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:hover,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:focus,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:active, .sln-btn--emphasis.sln-btn--disabled, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit,
#sln-salon .sln-btn--emphasis.sln-btn--disabled,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled {
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
}
.sln-btn--borderonly:hover, .sln-btn--borderonly:focus, .sln-btn--borderonly:active,
#sln-salon .sln-btn--borderonly:hover,
#sln-salon .sln-btn--borderonly:focus,
#sln-salon .sln-btn--borderonly:active,
.sln-bootstrap .sln-btn--borderonly:hover,
.sln-bootstrap .sln-btn--borderonly:focus,
.sln-bootstrap .sln-btn--borderonly:active,
.sln-btn.sln-btn--borderonly:hover,
.sln-btn.sln-btn--borderonly:focus,
.sln-btn.sln-btn--borderonly:active,
.sln-bootstrap .sln-btn.sln-btn--borderonly:hover,
.sln-bootstrap .sln-btn.sln-btn--borderonly:focus,
.sln-bootstrap .sln-btn.sln-btn--borderonly:active,
a.sln-btn.sln-btn--borderonly:hover,
a.sln-btn.sln-btn--borderonly:focus,
a.sln-btn.sln-btn--borderonly:active,
.sln-bootstrap a.sln-btn.sln-btn--borderonly:hover,
.sln-bootstrap a.sln-btn.sln-btn--borderonly:focus,
.sln-bootstrap a.sln-btn.sln-btn--borderonly:active,
#sln-salon .sln-btn.sln-btn--borderonly:hover,
#sln-salon .sln-btn.sln-btn--borderonly:focus,
#sln-salon .sln-btn.sln-btn--borderonly:active,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly:hover,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly:focus,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly:active,
#sln-salon a.sln-btn.sln-btn--borderonly:hover,
#sln-salon a.sln-btn.sln-btn--borderonly:focus,
#sln-salon a.sln-btn.sln-btn--borderonly:active,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly:hover,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly:focus,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly:active, .sln-btn--nobkg:hover, .sln-btn--nobkg:focus, .sln-btn--nobkg:active,
#sln-salon .sln-btn--nobkg:hover,
#sln-salon .sln-btn--nobkg:focus,
#sln-salon .sln-btn--nobkg:active,
.sln-bootstrap .sln-btn--nobkg:hover,
.sln-bootstrap .sln-btn--nobkg:focus,
.sln-bootstrap .sln-btn--nobkg:active, .sln-btn--emphasis:hover, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:hover, .sln-btn--emphasis:focus, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:focus, .sln-btn--emphasis:active, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:active,
#sln-salon .sln-btn--emphasis:hover,
#sln-salon .sln-btn--emphasis:focus,
#sln-salon .sln-btn--emphasis:active,
.sln-bootstrap .sln-btn--emphasis:hover,
.sln-bootstrap .sln-btn--emphasis:focus,
.sln-bootstrap .sln-btn--emphasis:active, #sln-salon .datetimepicker.sln-datetimepicker.datetimepicker-dropdown-bottom-right,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker.datetimepicker-dropdown-bottom-right {
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23);
-moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23);
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23);
}
.sln-btn, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit,
.sln-bootstrap .sln-btn,
a.sln-btn,
.sln-bootstrap a.sln-btn,
#sln-salon .sln-btn,
#sln-salon .sln-bootstrap .sln-btn,
#sln-salon a.sln-btn,
#sln-salon .sln-bootstrap a.sln-btn {
z-index: 800;
}
/*
@-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-stepper .step.step--active .step-number, .sln-stepper .step .step-number, .sln-btn--borderonly:hover input,
.sln-btn--borderonly:hover button, .sln-btn--borderonly:focus input,
.sln-btn--borderonly:focus button, .sln-btn--borderonly:active input,
.sln-btn--borderonly:active button,
#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-bootstrap .sln-btn--borderonly:hover input,
.sln-bootstrap .sln-btn--borderonly:hover button,
.sln-bootstrap .sln-btn--borderonly:focus input,
.sln-bootstrap .sln-btn--borderonly:focus button,
.sln-bootstrap .sln-btn--borderonly:active input,
.sln-bootstrap .sln-btn--borderonly:active button,
.sln-btn.sln-btn--borderonly:hover input,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit:hover input,
.sln-btn.sln-btn--borderonly:hover button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit:hover button,
.sln-btn.sln-btn--borderonly:focus input,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit:focus input,
.sln-btn.sln-btn--borderonly:focus button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit:focus button,
.sln-btn.sln-btn--borderonly:active input,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit:active input,
.sln-btn.sln-btn--borderonly:active button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit:active button,
.sln-bootstrap .sln-btn.sln-btn--borderonly:hover input,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit:hover input,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap .sln-btn--borderonly#wp-submit:hover input,
.sln-bootstrap .sln-btn.sln-btn--borderonly:hover button,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit:hover button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap .sln-btn--borderonly#wp-submit:hover button,
.sln-bootstrap .sln-btn.sln-btn--borderonly:focus input,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit:focus input,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap .sln-btn--borderonly#wp-submit:focus input,
.sln-bootstrap .sln-btn.sln-btn--borderonly:focus button,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit:focus button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap .sln-btn--borderonly#wp-submit:focus button,
.sln-bootstrap .sln-btn.sln-btn--borderonly:active input,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit:active input,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap .sln-btn--borderonly#wp-submit:active input,
.sln-bootstrap .sln-btn.sln-btn--borderonly:active button,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit:active button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap .sln-btn--borderonly#wp-submit:active button,
a.sln-btn.sln-btn--borderonly:hover input,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform a.sln-btn--borderonly#wp-submit:hover input,
a.sln-btn.sln-btn--borderonly:hover button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform a.sln-btn--borderonly#wp-submit:hover button,
a.sln-btn.sln-btn--borderonly:focus input,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform a.sln-btn--borderonly#wp-submit:focus input,
a.sln-btn.sln-btn--borderonly:focus button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform a.sln-btn--borderonly#wp-submit:focus button,
a.sln-btn.sln-btn--borderonly:active input,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform a.sln-btn--borderonly#wp-submit:active input,
a.sln-btn.sln-btn--borderonly:active button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform a.sln-btn--borderonly#wp-submit:active button,
.sln-bootstrap a.sln-btn.sln-btn--borderonly:hover input,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform a.sln-btn--borderonly#wp-submit:hover input,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap a.sln-btn--borderonly#wp-submit:hover input,
.sln-bootstrap a.sln-btn.sln-btn--borderonly:hover button,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform a.sln-btn--borderonly#wp-submit:hover button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap a.sln-btn--borderonly#wp-submit:hover button,
.sln-bootstrap a.sln-btn.sln-btn--borderonly:focus input,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform a.sln-btn--borderonly#wp-submit:focus input,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap a.sln-btn--borderonly#wp-submit:focus input,
.sln-bootstrap a.sln-btn.sln-btn--borderonly:focus button,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform a.sln-btn--borderonly#wp-submit:focus button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap a.sln-btn--borderonly#wp-submit:focus button,
.sln-bootstrap a.sln-btn.sln-btn--borderonly:active input,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform a.sln-btn--borderonly#wp-submit:active input,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap a.sln-btn--borderonly#wp-submit:active input,
.sln-bootstrap a.sln-btn.sln-btn--borderonly:active button,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform a.sln-btn--borderonly#wp-submit:active button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap a.sln-btn--borderonly#wp-submit:active button,
#sln-salon .sln-btn.sln-btn--borderonly:hover input,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit:hover input,
#sln-salon .sln-btn.sln-btn--borderonly:hover button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit:hover button,
#sln-salon .sln-btn.sln-btn--borderonly:focus input,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit:focus input,
#sln-salon .sln-btn.sln-btn--borderonly:focus button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit:focus button,
#sln-salon .sln-btn.sln-btn--borderonly:active input,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit:active input,
#sln-salon .sln-btn.sln-btn--borderonly:active button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit:active button,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly:hover input,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-bootstrap #loginform .sln-btn--borderonly#wp-submit:hover input,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap .sln-btn--borderonly#wp-submit:hover input,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly:hover button,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-bootstrap #loginform .sln-btn--borderonly#wp-submit:hover button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap .sln-btn--borderonly#wp-submit:hover button,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly:focus input,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-bootstrap #loginform .sln-btn--borderonly#wp-submit:focus input,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap .sln-btn--borderonly#wp-submit:focus input,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly:focus button,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-bootstrap #loginform .sln-btn--borderonly#wp-submit:focus button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap .sln-btn--borderonly#wp-submit:focus button,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly:active input,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-bootstrap #loginform .sln-btn--borderonly#wp-submit:active input,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap .sln-btn--borderonly#wp-submit:active input,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly:active button,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-bootstrap #loginform .sln-btn--borderonly#wp-submit:active button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap .sln-btn--borderonly#wp-submit:active button,
#sln-salon a.sln-btn.sln-btn--borderonly:hover input,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform a.sln-btn--borderonly#wp-submit:hover input,
#sln-salon a.sln-btn.sln-btn--borderonly:hover button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform a.sln-btn--borderonly#wp-submit:hover button,
#sln-salon a.sln-btn.sln-btn--borderonly:focus input,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform a.sln-btn--borderonly#wp-submit:focus input,
#sln-salon a.sln-btn.sln-btn--borderonly:focus button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform a.sln-btn--borderonly#wp-submit:focus button,
#sln-salon a.sln-btn.sln-btn--borderonly:active input,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform a.sln-btn--borderonly#wp-submit:active input,
#sln-salon a.sln-btn.sln-btn--borderonly:active button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform a.sln-btn--borderonly#wp-submit:active button,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly:hover input,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-bootstrap #loginform a.sln-btn--borderonly#wp-submit:hover input,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap a.sln-btn--borderonly#wp-submit:hover input,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly:hover button,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-bootstrap #loginform a.sln-btn--borderonly#wp-submit:hover button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap a.sln-btn--borderonly#wp-submit:hover button,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly:focus input,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-bootstrap #loginform a.sln-btn--borderonly#wp-submit:focus input,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap a.sln-btn--borderonly#wp-submit:focus input,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly:focus button,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-bootstrap #loginform a.sln-btn--borderonly#wp-submit:focus button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap a.sln-btn--borderonly#wp-submit:focus button,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly:active input,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-bootstrap #loginform a.sln-btn--borderonly#wp-submit:active input,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap a.sln-btn--borderonly#wp-submit:active input,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly:active button,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-bootstrap #loginform a.sln-btn--borderonly#wp-submit:active button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap a.sln-btn--borderonly#wp-submit:active button, .sln-btn--borderonly:hover, .sln-btn--borderonly:focus, .sln-btn--borderonly:active,
#sln-salon .sln-btn--borderonly:hover,
#sln-salon .sln-btn--borderonly:focus,
#sln-salon .sln-btn--borderonly:active,
.sln-bootstrap .sln-btn--borderonly:hover,
.sln-bootstrap .sln-btn--borderonly:focus,
.sln-bootstrap .sln-btn--borderonly:active,
.sln-btn.sln-btn--borderonly:hover,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit:hover,
.sln-btn.sln-btn--borderonly:focus,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit:focus,
.sln-btn.sln-btn--borderonly:active,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit:active,
.sln-bootstrap .sln-btn.sln-btn--borderonly:hover,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit:hover,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap .sln-btn--borderonly#wp-submit:hover,
.sln-bootstrap .sln-btn.sln-btn--borderonly:focus,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit:focus,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap .sln-btn--borderonly#wp-submit:focus,
.sln-bootstrap .sln-btn.sln-btn--borderonly:active,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit:active,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap .sln-btn--borderonly#wp-submit:active,
a.sln-btn.sln-btn--borderonly:hover,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform a.sln-btn--borderonly#wp-submit:hover,
a.sln-btn.sln-btn--borderonly:focus,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform a.sln-btn--borderonly#wp-submit:focus,
a.sln-btn.sln-btn--borderonly:active,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform a.sln-btn--borderonly#wp-submit:active,
.sln-bootstrap a.sln-btn.sln-btn--borderonly:hover,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform a.sln-btn--borderonly#wp-submit:hover,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap a.sln-btn--borderonly#wp-submit:hover,
.sln-bootstrap a.sln-btn.sln-btn--borderonly:focus,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform a.sln-btn--borderonly#wp-submit:focus,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap a.sln-btn--borderonly#wp-submit:focus,
.sln-bootstrap a.sln-btn.sln-btn--borderonly:active,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform a.sln-btn--borderonly#wp-submit:active,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap a.sln-btn--borderonly#wp-submit:active,
#sln-salon .sln-btn.sln-btn--borderonly:hover,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit:hover,
#sln-salon .sln-btn.sln-btn--borderonly:focus,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit:focus,
#sln-salon .sln-btn.sln-btn--borderonly:active,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit:active,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly:hover,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-bootstrap #loginform .sln-btn--borderonly#wp-submit:hover,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap .sln-btn--borderonly#wp-submit:hover,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly:focus,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-bootstrap #loginform .sln-btn--borderonly#wp-submit:focus,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap .sln-btn--borderonly#wp-submit:focus,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly:active,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-bootstrap #loginform .sln-btn--borderonly#wp-submit:active,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap .sln-btn--borderonly#wp-submit:active,
#sln-salon a.sln-btn.sln-btn--borderonly:hover,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform a.sln-btn--borderonly#wp-submit:hover,
#sln-salon a.sln-btn.sln-btn--borderonly:focus,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform a.sln-btn--borderonly#wp-submit:focus,
#sln-salon a.sln-btn.sln-btn--borderonly:active,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform a.sln-btn--borderonly#wp-submit:active,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly:hover,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-bootstrap #loginform a.sln-btn--borderonly#wp-submit:hover,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap a.sln-btn--borderonly#wp-submit:hover,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly:focus,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-bootstrap #loginform a.sln-btn--borderonly#wp-submit:focus,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap a.sln-btn--borderonly#wp-submit:focus,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly:active,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-bootstrap #loginform a.sln-btn--borderonly#wp-submit:active,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap a.sln-btn--borderonly#wp-submit:active, .sln-btn--nobkg:hover input,
.sln-btn--nobkg:hover button, .sln-btn--nobkg:focus input,
.sln-btn--nobkg:focus button, .sln-btn--nobkg:active input,
.sln-btn--nobkg:active button,
#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-bootstrap .sln-btn--nobkg:hover input,
.sln-bootstrap .sln-btn--nobkg:hover button,
.sln-bootstrap .sln-btn--nobkg:focus input,
.sln-bootstrap .sln-btn--nobkg:focus button,
.sln-bootstrap .sln-btn--nobkg:active input,
.sln-bootstrap .sln-btn--nobkg:active button, .sln-btn--nobkg:hover, .sln-btn--nobkg:focus, .sln-btn--nobkg:active,
#sln-salon .sln-btn--nobkg:hover,
#sln-salon .sln-btn--nobkg:focus,
#sln-salon .sln-btn--nobkg:active,
.sln-bootstrap .sln-btn--nobkg:hover,
.sln-bootstrap .sln-btn--nobkg:focus,
.sln-bootstrap .sln-btn--nobkg:active, .sln-btn--emphasis.sln-btn--disabled:hover input, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit:hover input,
.sln-btn--emphasis.sln-btn--disabled:hover button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit:hover button,
.sln-btn--emphasis.sln-btn--disabled:hover a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit:hover a, .sln-btn--emphasis.sln-btn--disabled:focus input, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit:focus input,
.sln-btn--emphasis.sln-btn--disabled:focus button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit:focus button,
.sln-btn--emphasis.sln-btn--disabled:focus a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit:focus a, .sln-btn--emphasis.sln-btn--disabled:active input, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit:active input,
.sln-btn--emphasis.sln-btn--disabled:active button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit:active button,
.sln-btn--emphasis.sln-btn--disabled:active a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit:active a,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:hover input,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit:hover input,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:hover button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit:hover button,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:hover a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit:hover a,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:focus input,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit:focus input,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:focus button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit:focus button,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:focus a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit:focus a,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:active input,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit:active input,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:active button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit:active button,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:active a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit:active a,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:hover input,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit:hover input,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap .sln-btn--disabled#wp-submit:hover input,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:hover button,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit:hover button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap .sln-btn--disabled#wp-submit:hover button,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:hover a,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit:hover a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap .sln-btn--disabled#wp-submit:hover a,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:focus input,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit:focus input,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap .sln-btn--disabled#wp-submit:focus input,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:focus button,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit:focus button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap .sln-btn--disabled#wp-submit:focus button,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:focus a,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit:focus a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap .sln-btn--disabled#wp-submit:focus a,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:active input,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit:active input,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap .sln-btn--disabled#wp-submit:active input,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:active button,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit:active button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap .sln-btn--disabled#wp-submit:active button,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:active a,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit:active a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap .sln-btn--disabled#wp-submit:active a, .sln-btn--emphasis.sln-btn--disabled:hover, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit:hover, .sln-btn--emphasis.sln-btn--disabled:focus, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit:focus, .sln-btn--emphasis.sln-btn--disabled:active, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit:active,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:hover,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit:hover,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:focus,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit:focus,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:active,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit:active,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:hover,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit:hover,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap .sln-btn--disabled#wp-submit:hover,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:focus,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit:focus,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap .sln-btn--disabled#wp-submit:focus,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:active,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit:active,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap .sln-btn--disabled#wp-submit:active, .sln-btn--emphasis.sln-btn--disabled input, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit input,
.sln-btn--emphasis.sln-btn--disabled button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit button,
.sln-btn--emphasis.sln-btn--disabled a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit a,
#sln-salon .sln-btn--emphasis.sln-btn--disabled input,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit input,
#sln-salon .sln-btn--emphasis.sln-btn--disabled button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit button,
#sln-salon .sln-btn--emphasis.sln-btn--disabled a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit a,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled input,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit input,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap .sln-btn--disabled#wp-submit input,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled button,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap .sln-btn--disabled#wp-submit button,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled a,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap .sln-btn--disabled#wp-submit a, .sln-btn--emphasis.sln-btn--disabled, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit,
#sln-salon .sln-btn--emphasis.sln-btn--disabled,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap .sln-btn--disabled#wp-submit, .sln-btn--emphasis:hover input, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:hover input,
.sln-btn--emphasis:hover button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:hover button,
.sln-btn--emphasis:hover a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:hover a, .sln-btn--emphasis:focus input, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:focus input,
.sln-btn--emphasis:focus button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:focus button,
.sln-btn--emphasis:focus a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:focus a, .sln-btn--emphasis:active input, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:active input,
.sln-btn--emphasis:active button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:active button,
.sln-btn--emphasis:active a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:active a,
#sln-salon .sln-btn--emphasis:hover input,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:hover input,
#sln-salon .sln-btn--emphasis:hover button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:hover button,
#sln-salon .sln-btn--emphasis:hover a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:hover a,
#sln-salon .sln-btn--emphasis:focus input,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:focus input,
#sln-salon .sln-btn--emphasis:focus button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:focus button,
#sln-salon .sln-btn--emphasis:focus a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:focus a,
#sln-salon .sln-btn--emphasis:active input,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:active input,
#sln-salon .sln-btn--emphasis:active button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:active button,
#sln-salon .sln-btn--emphasis:active a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:active a,
.sln-bootstrap .sln-btn--emphasis:hover input,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:hover input,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap #wp-submit:hover input,
.sln-bootstrap .sln-btn--emphasis:hover button,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:hover button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap #wp-submit:hover button,
.sln-bootstrap .sln-btn--emphasis:hover a,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:hover a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap #wp-submit:hover a,
.sln-bootstrap .sln-btn--emphasis:focus input,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:focus input,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap #wp-submit:focus input,
.sln-bootstrap .sln-btn--emphasis:focus button,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:focus button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap #wp-submit:focus button,
.sln-bootstrap .sln-btn--emphasis:focus a,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:focus a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap #wp-submit:focus a,
.sln-bootstrap .sln-btn--emphasis:active input,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:active input,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap #wp-submit:active input,
.sln-bootstrap .sln-btn--emphasis:active button,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:active button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap #wp-submit:active button,
.sln-bootstrap .sln-btn--emphasis:active a,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:active a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap #wp-submit:active a, .sln-btn--emphasis:hover, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:hover, .sln-btn--emphasis:focus, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:focus, .sln-btn--emphasis:active, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:active,
#sln-salon .sln-btn--emphasis:hover,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:hover,
#sln-salon .sln-btn--emphasis:focus,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:focus,
#sln-salon .sln-btn--emphasis:active,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:active,
.sln-bootstrap .sln-btn--emphasis:hover,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:hover,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap #wp-submit:hover,
.sln-bootstrap .sln-btn--emphasis:focus,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:focus,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap #wp-submit:focus,
.sln-bootstrap .sln-btn--emphasis:active,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:active,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap #wp-submit:active, .sln-btn--emphasis input, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit input,
.sln-btn--emphasis button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit button,
.sln-btn--emphasis a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit a,
#sln-salon .sln-btn--emphasis input,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit input,
#sln-salon .sln-btn--emphasis button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit button,
#sln-salon .sln-btn--emphasis a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit a,
.sln-bootstrap .sln-btn--emphasis input,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit input,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap #wp-submit input,
.sln-bootstrap .sln-btn--emphasis button,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap #wp-submit button,
.sln-bootstrap .sln-btn--emphasis a,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap #wp-submit a, .sln-btn--emphasis, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit,
#sln-salon .sln-btn--emphasis,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit,
.sln-bootstrap .sln-btn--emphasis,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap #wp-submit, .sln-salon-page:not(.sln-salon-page-customcolors) .select2-container.select2-container--sln .select2-results__option[aria-selected=true], .sln-salon-page:not(.sln-salon-page-customcolors) .select2-container.select2-container--sln .select2-results__option--highlighted[aria-selected], #sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--single:hover .select2-selection__rendered,
#sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--single:hover .select2-selection__arrow:before, #sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--single:focus .select2-selection__rendered,
#sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--single:focus .select2-selection__arrow:before, #sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--single[aria-expanded=true] .select2-selection__rendered,
#sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--single[aria-expanded=true] .select2-selection__arrow:before,
#sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--multiple:hover .select2-selection__rendered,
#sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--multiple:hover .select2-selection__arrow:before,
#sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--multiple:focus .select2-selection__rendered,
#sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--multiple:focus .select2-selection__arrow:before,
#sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--multiple[aria-expanded=true] .select2-selection__rendered,
#sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--multiple[aria-expanded=true] .select2-selection__arrow:before, #sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--single:hover, #sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--single:focus, #sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--single[aria-expanded=true],
#sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--multiple:hover,
#sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--multiple:focus,
#sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--multiple[aria-expanded=true], .sln-text--main {
color: rgb(255, 255, 255);
}
.old .sln-payment-actions h4, .old #sln-salon .sln-thankyou--okbox .sln-icon-wrapper .sln-icon, .old #sln-salon .sln-thankyou--okbox h4, .old #sln-salon .sln-thankyou--okbox h3, .old #sln-salon .sln-thankyou--okbox h2, .sln-steps-price, #sln-salon, .sln-stepper .step.step--active .step-label, .sln-alert,
#sln-salon .alert, .sln-btn--borderonly,
#sln-salon .sln-btn--borderonly,
.sln-bootstrap .sln-btn--borderonly,
.sln-btn.sln-btn--borderonly,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit,
.sln-bootstrap .sln-btn.sln-btn--borderonly,
a.sln-btn.sln-btn--borderonly,
.sln-bootstrap a.sln-btn.sln-btn--borderonly,
#sln-salon .sln-btn.sln-btn--borderonly,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly,
#sln-salon a.sln-btn.sln-btn--borderonly,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly, .sln-btn--nobkg input,
.sln-btn--nobkg button,
#sln-salon .sln-btn--nobkg input,
#sln-salon .sln-btn--nobkg button,
.sln-bootstrap .sln-btn--nobkg input,
.sln-bootstrap .sln-btn--nobkg button, .sln-btn--nobkg,
#sln-salon .sln-btn--nobkg,
.sln-bootstrap .sln-btn--nobkg, #sln-salon .sln-box--formactions--summary .sln-btn--medium .sln-btn__info, #sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--summary #loginform #wp-submit .sln-btn__info, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--summary #wp-submit .sln-btn__info,
#sln-salon .sln-box--formactions--outline .sln-btn--medium .sln-btn__info,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--outline #loginform #wp-submit .sln-btn__info,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--outline #wp-submit .sln-btn__info, .sln-salon-page:not(.sln-salon-page-customcolors) .select2-container.select2-container--sln, #sln-salon .sln-input .sln-input--addon, #sln-salon .sln-input .help-block a,
#sln-salon.sln-loginform #loginform .help-block a, #sln-salon .sln-input .help-block,
#sln-salon.sln-loginform #loginform .help-block, #sln-salon .sln_datepicker:after,
#sln-salon .sln_timepicker:after,
#sln-salon #sln-salon-my-account .sln_datepicker:after,
#sln-salon #sln-salon-my-account .sln_timepicker:after, .sln-text--contrast {
color: rgb(0, 66, 88);
}
.sln-text--contrast--alpha {
color: rgba(0, 66, 88, 0.3);
}
.sln-total-label,
.sln-total-price, .sln-steps-description, .sln-btn--borderonly input,
.sln-btn--borderonly button,
#sln-salon .sln-btn--borderonly input,
#sln-salon .sln-btn--borderonly button,
.sln-bootstrap .sln-btn--borderonly input,
.sln-bootstrap .sln-btn--borderonly button,
.sln-btn.sln-btn--borderonly input,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit input,
.sln-btn.sln-btn--borderonly button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit button,
.sln-bootstrap .sln-btn.sln-btn--borderonly input,
.sln-bootstrap .sln-btn.sln-btn--borderonly button,
a.sln-btn.sln-btn--borderonly input,
a.sln-btn.sln-btn--borderonly button,
.sln-bootstrap a.sln-btn.sln-btn--borderonly input,
.sln-bootstrap a.sln-btn.sln-btn--borderonly button,
#sln-salon .sln-btn.sln-btn--borderonly input,
#sln-salon .sln-btn.sln-btn--borderonly button,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly input,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly button,
#sln-salon a.sln-btn.sln-btn--borderonly input,
#sln-salon a.sln-btn.sln-btn--borderonly button,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly input,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly button, .sln-text--dark {
color: rgb(0, 0, 0);
}
.sln-steps-name, .sln-alert.sln-alert--wait::after,
.sln-alert--wait::after, .sln-alert a,
#sln-salon .alert a, #sln-salon.sln-loginform #loginform .login-emember label.is-checked:after,
#sln-salon.sln-loginform #loginform .login-emember label.is-checked:hover:after, .sln-checkbox input:checked + label:after,
.sln-checkbox input:checked + label:hover:after,
#sln-salon .sln-checkbox input:checked + label:after,
#sln-salon .sln-checkbox input:checked + label:hover:after, #sln-salon .sln_datepicker:hover:after,
#sln-salon .sln_timepicker:hover:after,
#sln-salon #sln-salon-my-account .sln_datepicker:hover:after,
#sln-salon #sln-salon-my-account .sln_timepicker:hover:after, #sln-salon .sln-panel .sln-panel-heading, .sln-text--emphasis {
color: #0277bd;
}
.sln-steps-name:hover, .sln-alert a:hover,
#sln-salon .alert a:hover, #sln-salon.sln-loginform #loginform .login-emember label:hover:after, .sln-checkbox input + label:hover:after,
#sln-salon .sln-checkbox input + label:hover:after, .sln-text--emphasis--hoverk {
color: #0091ea;
}
#sln-salon .sln-summary .sln-data-desc,
#sln-salon .sln-summary .sln-data-desc .label, .sln-stepper .step .step-label, .sln-text--grey {
color: #888;
}
#sln-salon .datetimepicker.sln-datetimepicker .prev:hover,
#sln-salon .datetimepicker.sln-datetimepicker .next: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 .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 #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 .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 .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 #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 .datetimepicker.sln-datetimepicker .sln-datetimepicker-close:hover,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker .sln-datetimepicker-close:hover, #sln-salon .sln-panel .sln-panel-heading .sln-btn--nobkg, #sln-salon .sln-panel .sln-panel-heading .sln-btn--borderonly {
color: #fff;
}
.sln-alert--success:after,
#sln-salon .alert-success:after, .sln-text--ok {
color: #5bc24c;
}
.sln-alert--problem:after,
#sln-salon .sln-alert--problem:after,
#sln-salon .alert-danger:after, #sln-salon .datetimepicker.sln-datetimepicker .sln-datetimepicker-close,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker .sln-datetimepicker-close {
color: #d22221;
}
.sln-alert--info:after,
#sln-salon .sln-alert--info:after, .sln-alert--warning:after,
#sln-salon .alert-warning:after {
color: #f5b025;
}
#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) {
color: #1183c4;
}
#sln-salon #sln-salon__content, #sln-salon, .sln-radiobox input[type=radio][disabled] + label:before,
#sln-salon .sln-radiobox input[type=radio][disabled] + label:before, .sln-radiobox input + label:after,
#sln-salon .sln-radiobox input + label:after, .sln-radiobox input + label:before,
#sln-salon .sln-radiobox input + label:before, #sln-salon.sln-loginform #loginform .login-emember input[type=checkbox][disabled] + label:before, #sln-salon.sln-loginform #loginform .login-emember label:before, .sln-checkbox input[type=checkbox][disabled] + label:before,
#sln-salon .sln-checkbox input[type=checkbox][disabled] + label:before, .sln-checkbox input + label:before,
#sln-salon .sln-checkbox input + label:before {
background-color: rgb(255, 255, 255);
}
#sln-salon .datetimepicker.sln-datetimepicker .sln-datetimepicker-close,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker .sln-datetimepicker-close {
background-color: rgb(255, 255, 255);
}
#sln-salon .sln-input .sln-input--addon:after, #sln-salon .datetimepicker.sln-datetimepicker table tr td.active:hover,
#sln-salon .datetimepicker.sln-datetimepicker table tr td.active:hover:hover,
#sln-salon .datetimepicker.sln-datetimepicker table tr td.active.disabled:hover,
#sln-salon .datetimepicker.sln-datetimepicker table tr td.active.disabled:hover:hover,
#sln-salon .datetimepicker.sln-datetimepicker table tr td.active:active,
#sln-salon .datetimepicker.sln-datetimepicker table tr td.active:hover:active,
#sln-salon .datetimepicker.sln-datetimepicker table tr td.active.disabled:active,
#sln-salon .datetimepicker.sln-datetimepicker table tr td.active.disabled:hover:active,
#sln-salon .datetimepicker.sln-datetimepicker table tr td.active.active,
#sln-salon .datetimepicker.sln-datetimepicker table tr td.active:hover.active,
#sln-salon .datetimepicker.sln-datetimepicker table tr td.active.disabled.active,
#sln-salon .datetimepicker.sln-datetimepicker table tr td.active.disabled:hover.active,
#sln-salon .datetimepicker.sln-datetimepicker table tr td.active.disabled,
#sln-salon .datetimepicker.sln-datetimepicker table tr td.active:hover.disabled,
#sln-salon .datetimepicker.sln-datetimepicker table tr td.active.disabled.disabled,
#sln-salon .datetimepicker.sln-datetimepicker table tr td.active.disabled:hover.disabled,
#sln-salon .datetimepicker.sln-datetimepicker table tr td.active[disabled],
#sln-salon .datetimepicker.sln-datetimepicker table tr td.active:hover[disabled],
#sln-salon .datetimepicker.sln-datetimepicker table tr td.active.disabled[disabled],
#sln-salon .datetimepicker.sln-datetimepicker table tr td.active.disabled:hover[disabled],
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.active:hover,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.active:hover:hover,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.active.disabled:hover,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.active.disabled:hover:hover,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.active:active,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.active:hover:active,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.active.disabled:active,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.active.disabled:hover:active,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.active.active,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.active:hover.active,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.active.disabled.active,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.active.disabled:hover.active,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.active.disabled,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.active:hover.disabled,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.active.disabled.disabled,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.active.disabled:hover.disabled,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.active[disabled],
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.active:hover[disabled],
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.active.disabled[disabled],
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.active.disabled:hover[disabled],
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td.active:hover,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td.active:hover:hover,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td.active.disabled:hover,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td.active.disabled:hover:hover,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td.active:active,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td.active:hover:active,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td.active.disabled:active,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td.active.disabled:hover:active,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td.active.active,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td.active:hover.active,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td.active.disabled.active,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td.active.disabled:hover.active,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td.active.disabled,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td.active:hover.disabled,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td.active.disabled.disabled,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td.active.disabled:hover.disabled,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td.active[disabled],
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td.active:hover[disabled],
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td.active.disabled[disabled],
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td.active.disabled:hover[disabled],
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.active:hover,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.active:hover:hover,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.active.disabled:hover,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.active.disabled:hover:hover,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.active:active,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.active:hover:active,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.active.disabled:active,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.active.disabled:hover:active,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.active.active,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.active:hover.active,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.active.disabled.active,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.active.disabled:hover.active,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.active.disabled,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.active:hover.disabled,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.active.disabled.disabled,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.active.disabled:hover.disabled,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.active[disabled],
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.active:hover[disabled],
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.active.disabled[disabled],
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.active.disabled:hover[disabled] {
background-color: rgb(0, 66, 88);
}
.sln-stepper .step .step-number {
background-color: rgba(0, 66, 88, 0.3);
}
.sln-stepper .step.step--active .step-number, .sln-btn--emphasis.sln-btn--disabled:hover, .sln-btn--emphasis.sln-btn--disabled:focus, .sln-btn--emphasis.sln-btn--disabled:active,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:hover,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:focus,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:active,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:hover,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:focus,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:active, .sln-btn--emphasis.sln-btn--disabled,
#sln-salon .sln-btn--emphasis.sln-btn--disabled,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled, .sln-btn--emphasis, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit,
#sln-salon .sln-btn--emphasis,
.sln-bootstrap .sln-btn--emphasis, .sln-salon-page:not(.sln-salon-page-customcolors) .select2-container.select2-container--sln .select2-results__option[aria-selected=true], .sln-radiobox input:checked + label:after,
.sln-radiobox input:checked + label:hover:after,
#sln-salon .sln-radiobox input:checked + label:after,
#sln-salon .sln-radiobox input:checked + label:hover:after, #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-panel .sln-panel-heading .sln-btn--nobkg, #sln-salon .sln-panel .sln-panel-heading .sln-btn--borderonly {
background-color: #0277bd;
}
.sln-btn--borderonly:hover, .sln-btn--borderonly:focus, .sln-btn--borderonly:active,
#sln-salon .sln-btn--borderonly:hover,
#sln-salon .sln-btn--borderonly:focus,
#sln-salon .sln-btn--borderonly:active,
.sln-bootstrap .sln-btn--borderonly:hover,
.sln-bootstrap .sln-btn--borderonly:focus,
.sln-bootstrap .sln-btn--borderonly:active,
.sln-btn.sln-btn--borderonly:hover,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit:hover,
.sln-btn.sln-btn--borderonly:focus,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit:focus,
.sln-btn.sln-btn--borderonly:active,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit:active,
.sln-bootstrap .sln-btn.sln-btn--borderonly:hover,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit:hover,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap .sln-btn--borderonly#wp-submit:hover,
.sln-bootstrap .sln-btn.sln-btn--borderonly:focus,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit:focus,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap .sln-btn--borderonly#wp-submit:focus,
.sln-bootstrap .sln-btn.sln-btn--borderonly:active,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit:active,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap .sln-btn--borderonly#wp-submit:active,
a.sln-btn.sln-btn--borderonly:hover,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform a.sln-btn--borderonly#wp-submit:hover,
a.sln-btn.sln-btn--borderonly:focus,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform a.sln-btn--borderonly#wp-submit:focus,
a.sln-btn.sln-btn--borderonly:active,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform a.sln-btn--borderonly#wp-submit:active,
.sln-bootstrap a.sln-btn.sln-btn--borderonly:hover,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform a.sln-btn--borderonly#wp-submit:hover,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap a.sln-btn--borderonly#wp-submit:hover,
.sln-bootstrap a.sln-btn.sln-btn--borderonly:focus,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform a.sln-btn--borderonly#wp-submit:focus,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap a.sln-btn--borderonly#wp-submit:focus,
.sln-bootstrap a.sln-btn.sln-btn--borderonly:active,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform a.sln-btn--borderonly#wp-submit:active,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap a.sln-btn--borderonly#wp-submit:active,
#sln-salon .sln-btn.sln-btn--borderonly:hover,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit:hover,
#sln-salon .sln-btn.sln-btn--borderonly:focus,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit:focus,
#sln-salon .sln-btn.sln-btn--borderonly:active,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit:active,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly:hover,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-bootstrap #loginform .sln-btn--borderonly#wp-submit:hover,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap .sln-btn--borderonly#wp-submit:hover,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly:focus,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-bootstrap #loginform .sln-btn--borderonly#wp-submit:focus,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap .sln-btn--borderonly#wp-submit:focus,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly:active,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-bootstrap #loginform .sln-btn--borderonly#wp-submit:active,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap .sln-btn--borderonly#wp-submit:active,
#sln-salon a.sln-btn.sln-btn--borderonly:hover,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform a.sln-btn--borderonly#wp-submit:hover,
#sln-salon a.sln-btn.sln-btn--borderonly:focus,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform a.sln-btn--borderonly#wp-submit:focus,
#sln-salon a.sln-btn.sln-btn--borderonly:active,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform a.sln-btn--borderonly#wp-submit:active,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly:hover,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-bootstrap #loginform a.sln-btn--borderonly#wp-submit:hover,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap a.sln-btn--borderonly#wp-submit:hover,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly:focus,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-bootstrap #loginform a.sln-btn--borderonly#wp-submit:focus,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap a.sln-btn--borderonly#wp-submit:focus,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly:active,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-bootstrap #loginform a.sln-btn--borderonly#wp-submit:active,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap a.sln-btn--borderonly#wp-submit:active, .sln-btn--nobkg:hover, .sln-btn--nobkg:focus, .sln-btn--nobkg:active,
#sln-salon .sln-btn--nobkg:hover,
#sln-salon .sln-btn--nobkg:focus,
#sln-salon .sln-btn--nobkg:active,
.sln-bootstrap .sln-btn--nobkg:hover,
.sln-bootstrap .sln-btn--nobkg:focus,
.sln-bootstrap .sln-btn--nobkg:active, .sln-btn--emphasis:hover, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:hover, .sln-btn--emphasis:focus, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:focus, .sln-btn--emphasis:active, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:active,
#sln-salon .sln-btn--emphasis:hover,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:hover,
#sln-salon .sln-btn--emphasis:focus,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:focus,
#sln-salon .sln-btn--emphasis:active,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:active,
.sln-bootstrap .sln-btn--emphasis:hover,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:hover,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap #wp-submit:hover,
.sln-bootstrap .sln-btn--emphasis:focus,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:focus,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap #wp-submit:focus,
.sln-bootstrap .sln-btn--emphasis:active,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:active,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap #wp-submit:active, .sln-salon-page:not(.sln-salon-page-customcolors) .select2-container.select2-container--sln .select2-results__option--highlighted[aria-selected], #sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--single:hover, #sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--single:focus, #sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--single[aria-expanded=true],
#sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--multiple:hover,
#sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--multiple:focus,
#sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--multiple[aria-expanded=true], .sln-radiobox input + label:hover:after,
#sln-salon .sln-radiobox input + label:hover:after, #sln-salon .datetimepicker.sln-datetimepicker .prev:hover,
#sln-salon .datetimepicker.sln-datetimepicker .next: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 .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 #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 .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 #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-panel .sln-panel-heading .sln-btn--nobkg:hover, #sln-salon .sln-panel .sln-panel-heading .sln-btn--borderonly:hover {
background-color: #0091ea;
}
.old #sln-salon .sln-thankyou--okbox hr, .sln-steps-description hr, .sln-alert--problem,
#sln-salon .sln-alert--problem,
#sln-salon .alert-danger, .sln-alert--success,
#sln-salon .alert-success, .sln-btn--borderonly,
#sln-salon .sln-btn--borderonly,
.sln-bootstrap .sln-btn--borderonly,
.sln-btn.sln-btn--borderonly,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit,
.sln-bootstrap .sln-btn.sln-btn--borderonly,
a.sln-btn.sln-btn--borderonly,
.sln-bootstrap a.sln-btn.sln-btn--borderonly,
#sln-salon .sln-btn.sln-btn--borderonly,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly,
#sln-salon a.sln-btn.sln-btn--borderonly,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly, .sln-btn--nobkg,
#sln-salon .sln-btn--nobkg,
.sln-bootstrap .sln-btn--nobkg {
background-color: transparent;
}
.old #sln-salon .sln-thankyou--okbox.sln-bkg--ok::after {
background-color: #5bc24c;
}
#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) {
background-color: #fff;
}
.old #sln-salon .sln-thankyou--okbox.sln-pending-payment-box::after, .old #sln-salon .sln-thankyou--okbox.sln-bkg--attention::after, .old #sln-salon .sln-thankyou--okbox::after {
background-color: #f5b025;
}
#sln-salon .datetimepicker.sln-datetimepicker .sln-datetimepicker-close:hover,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker .sln-datetimepicker-close:hover {
background-color: #e63f24;
}
.old #sln-salon .sln-thankyou--okbox hr, .sln-list--dashed li,
ul.sln-list--dashed li,
#sln-salon .sln-list--dashed li,
#sln-salon ul.sln-list--dashed li, .sln-steps-description hr, .snl-error-list-item, #sln-salon .datetimepicker.sln-datetimepicker.datetimepicker-dropdown-bottom-right,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker.datetimepicker-dropdown-bottom-right, #sln-salon .sln-panel .sln-panel-content, #sln-salon .sln-panel .sln-panel-heading .sln-btn, #sln-salon.sln-loginform:not(.sln-customcolors) .sln-panel .sln-panel-heading #loginform #wp-submit, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-panel .sln-panel-heading #wp-submit {
border-color: rgba(0, 66, 88, 0.3);
}
.sln-radiobox input + label:before,
#sln-salon .sln-radiobox input + label:before, #sln-salon.sln-loginform #loginform .login-emember label:before, .sln-checkbox input + label:before,
#sln-salon .sln-checkbox input + label:before, #sln-salon .sln-panel .sln-panel-heading .sln-btn--borderonly {
border-color: #0277bd;
}
.sln-alert a:hover,
#sln-salon .alert a:hover, .sln-btn--borderonly:hover, .sln-btn--borderonly:focus, .sln-btn--borderonly:active,
#sln-salon .sln-btn--borderonly:hover,
#sln-salon .sln-btn--borderonly:focus,
#sln-salon .sln-btn--borderonly:active,
.sln-bootstrap .sln-btn--borderonly:hover,
.sln-bootstrap .sln-btn--borderonly:focus,
.sln-bootstrap .sln-btn--borderonly:active,
.sln-btn.sln-btn--borderonly:hover,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit:hover,
.sln-btn.sln-btn--borderonly:focus,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit:focus,
.sln-btn.sln-btn--borderonly:active,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit:active,
.sln-bootstrap .sln-btn.sln-btn--borderonly:hover,
.sln-bootstrap .sln-btn.sln-btn--borderonly:focus,
.sln-bootstrap .sln-btn.sln-btn--borderonly:active,
a.sln-btn.sln-btn--borderonly:hover,
a.sln-btn.sln-btn--borderonly:focus,
a.sln-btn.sln-btn--borderonly:active,
.sln-bootstrap a.sln-btn.sln-btn--borderonly:hover,
.sln-bootstrap a.sln-btn.sln-btn--borderonly:focus,
.sln-bootstrap a.sln-btn.sln-btn--borderonly:active,
#sln-salon .sln-btn.sln-btn--borderonly:hover,
#sln-salon .sln-btn.sln-btn--borderonly:focus,
#sln-salon .sln-btn.sln-btn--borderonly:active,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly:hover,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly:focus,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly:active,
#sln-salon a.sln-btn.sln-btn--borderonly:hover,
#sln-salon a.sln-btn.sln-btn--borderonly:focus,
#sln-salon a.sln-btn.sln-btn--borderonly:active,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly:hover,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly:focus,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly:active, #sln-salon .sln-box--formactions .sln-btn--medium.sln-btn--icon--left:hover, #sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions #loginform .sln-btn--icon--left#wp-submit:hover, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions .sln-btn--icon--left#wp-submit:hover, #sln-salon .sln-box--formactions .sln-btn--medium.sln-btn--icon--left:focus, #sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions #loginform .sln-btn--icon--left#wp-submit:focus, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions .sln-btn--icon--left#wp-submit:focus, #sln-salon .sln-box--formactions .sln-btn--medium.sln-btn--icon--left:active, #sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions #loginform .sln-btn--icon--left#wp-submit:active, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions .sln-btn--icon--left#wp-submit:active, #sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--single:hover, #sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--single:focus, #sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--single[aria-expanded=true],
#sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--multiple:hover,
#sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--multiple:focus,
#sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--multiple[aria-expanded=true], #sln-salon.sln-loginform #loginform .login-emember label:hover:before, .sln-checkbox input + label:hover:before,
#sln-salon .sln-checkbox input + label:hover:before, #sln-salon .sln-panel .sln-panel-heading .sln-btn--borderonly:hover {
border-color: #0091ea;
}
.sln-alert a,
#sln-salon .alert a {
border-color: transparent;
}
.sln-radiobox input[type=radio][disabled] + label:before,
#sln-salon .sln-radiobox input[type=radio][disabled] + label:before, #sln-salon.sln-loginform #loginform .login-emember input[type=checkbox][disabled] + label:before, .sln-checkbox input[type=checkbox][disabled] + label:before,
#sln-salon .sln-checkbox input[type=checkbox][disabled] + label:before {
border-color: #888;
}
#sln-salon .datetimepicker.sln-datetimepicker .sln-datetimepicker-close,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker .sln-datetimepicker-close {
border-color: #e4e7e7;
}
#sln-salon .sln-invalid,
#sln-salon .sln-input .sln-invalid,
#sln-salon .sln-select .sln-invalid + .select2-container.select2-container--sln .select2-selection--single {
border-color: #d22221;
}
#sln-salon .datetimepicker.sln-datetimepicker table tr td.day :not(.disabled),
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.hour :not(.disabled),
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.minute :not(.disabled),
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.month :not(.disabled),
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.year :not(.disabled),
#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),
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.minute :not(.disabled),
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.month :not(.disabled),
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.year :not(.disabled) {
border-color: #1183c4;
}
.old .sln-payment-actions h4, .old #sln-salon .sln-thankyou--okbox .sln-icon-wrapper .sln-icon, .old #sln-salon .sln-thankyou--okbox h4, .old #sln-salon .sln-thankyou--okbox h3, .old #sln-salon .sln-thankyou--okbox h2, .sln-steps-price, #sln-salon, .sln-stepper .step.step--active .step-label, .sln-alert,
#sln-salon .alert, .sln-btn--borderonly,
#sln-salon .sln-btn--borderonly,
.sln-bootstrap .sln-btn--borderonly,
.sln-btn.sln-btn--borderonly,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit,
.sln-bootstrap .sln-btn.sln-btn--borderonly,
a.sln-btn.sln-btn--borderonly,
.sln-bootstrap a.sln-btn.sln-btn--borderonly,
#sln-salon .sln-btn.sln-btn--borderonly,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly,
#sln-salon a.sln-btn.sln-btn--borderonly,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly, .sln-btn--nobkg input,
.sln-btn--nobkg button,
#sln-salon .sln-btn--nobkg input,
#sln-salon .sln-btn--nobkg button,
.sln-bootstrap .sln-btn--nobkg input,
.sln-bootstrap .sln-btn--nobkg button, .sln-btn--nobkg,
#sln-salon .sln-btn--nobkg,
.sln-bootstrap .sln-btn--nobkg, #sln-salon .sln-box--formactions--summary .sln-btn--medium .sln-btn__info, #sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--summary #loginform #wp-submit .sln-btn__info, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--summary #wp-submit .sln-btn__info,
#sln-salon .sln-box--formactions--outline .sln-btn--medium .sln-btn__info,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--outline #loginform #wp-submit .sln-btn__info,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--outline #wp-submit .sln-btn__info, .sln-salon-page:not(.sln-salon-page-customcolors) .select2-container.select2-container--sln, #sln-salon .sln-input .sln-input--addon, #sln-salon .sln-input .help-block a,
#sln-salon.sln-loginform #loginform .help-block a, #sln-salon .sln-input .help-block,
#sln-salon.sln-loginform #loginform .help-block, #sln-salon .sln_datepicker:after,
#sln-salon .sln_timepicker:after,
#sln-salon #sln-salon-my-account .sln_datepicker:after,
#sln-salon #sln-salon-my-account .sln_timepicker:after, .sln-text--contrast {
color: rgb(83, 106, 119);
}
.sln-btn--borderonly,
#sln-salon .sln-btn--borderonly,
.sln-bootstrap .sln-btn--borderonly,
.sln-btn.sln-btn--borderonly,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit,
.sln-bootstrap .sln-btn.sln-btn--borderonly,
a.sln-btn.sln-btn--borderonly,
.sln-bootstrap a.sln-btn.sln-btn--borderonly,
#sln-salon .sln-btn.sln-btn--borderonly,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly,
#sln-salon a.sln-btn.sln-btn--borderonly,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly {
border-color: rgb(9, 120, 189);
}
#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;
}
.old #sln-salon.sln-salon--s .sln-thankyou .sln-icon-wrapper .sln-icon, .sln-loader {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%) translateY(0);
-ms-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
}
.sln-icon-wrapper .sln-icon, #sln-salon .sln_datepicker:after,
#sln-salon .sln_timepicker:after,
#sln-salon #sln-salon-my-account .sln_datepicker:after,
#sln-salon #sln-salon-my-account .sln_timepicker:after {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.sln-btn--emphasis.sln-btn--disabled:hover, .sln-btn--emphasis.sln-btn--disabled:focus, .sln-btn--emphasis.sln-btn--disabled:active,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:hover,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:focus,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:active,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:hover,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:focus,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:active, .sln-btn--emphasis.sln-btn--disabled, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit,
#sln-salon .sln-btn--emphasis.sln-btn--disabled,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled {
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
}
.sln-btn--borderonly:hover, .sln-btn--borderonly:focus, .sln-btn--borderonly:active,
#sln-salon .sln-btn--borderonly:hover,
#sln-salon .sln-btn--borderonly:focus,
#sln-salon .sln-btn--borderonly:active,
.sln-bootstrap .sln-btn--borderonly:hover,
.sln-bootstrap .sln-btn--borderonly:focus,
.sln-bootstrap .sln-btn--borderonly:active,
.sln-btn.sln-btn--borderonly:hover,
.sln-btn.sln-btn--borderonly:focus,
.sln-btn.sln-btn--borderonly:active,
.sln-bootstrap .sln-btn.sln-btn--borderonly:hover,
.sln-bootstrap .sln-btn.sln-btn--borderonly:focus,
.sln-bootstrap .sln-btn.sln-btn--borderonly:active,
a.sln-btn.sln-btn--borderonly:hover,
a.sln-btn.sln-btn--borderonly:focus,
a.sln-btn.sln-btn--borderonly:active,
.sln-bootstrap a.sln-btn.sln-btn--borderonly:hover,
.sln-bootstrap a.sln-btn.sln-btn--borderonly:focus,
.sln-bootstrap a.sln-btn.sln-btn--borderonly:active,
#sln-salon .sln-btn.sln-btn--borderonly:hover,
#sln-salon .sln-btn.sln-btn--borderonly:focus,
#sln-salon .sln-btn.sln-btn--borderonly:active,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly:hover,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly:focus,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly:active,
#sln-salon a.sln-btn.sln-btn--borderonly:hover,
#sln-salon a.sln-btn.sln-btn--borderonly:focus,
#sln-salon a.sln-btn.sln-btn--borderonly:active,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly:hover,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly:focus,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly:active, .sln-btn--nobkg:hover, .sln-btn--nobkg:focus, .sln-btn--nobkg:active,
#sln-salon .sln-btn--nobkg:hover,
#sln-salon .sln-btn--nobkg:focus,
#sln-salon .sln-btn--nobkg:active,
.sln-bootstrap .sln-btn--nobkg:hover,
.sln-bootstrap .sln-btn--nobkg:focus,
.sln-bootstrap .sln-btn--nobkg:active, .sln-btn--emphasis:hover, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:hover, .sln-btn--emphasis:focus, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:focus, .sln-btn--emphasis:active, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:active,
#sln-salon .sln-btn--emphasis:hover,
#sln-salon .sln-btn--emphasis:focus,
#sln-salon .sln-btn--emphasis:active,
.sln-bootstrap .sln-btn--emphasis:hover,
.sln-bootstrap .sln-btn--emphasis:focus,
.sln-bootstrap .sln-btn--emphasis:active, #sln-salon .datetimepicker.sln-datetimepicker.datetimepicker-dropdown-bottom-right,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker.datetimepicker-dropdown-bottom-right {
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23);
-moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23);
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23);
}
.sln-btn, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit,
.sln-bootstrap .sln-btn,
a.sln-btn,
.sln-bootstrap a.sln-btn,
#sln-salon .sln-btn,
#sln-salon .sln-bootstrap .sln-btn,
#sln-salon a.sln-btn,
#sln-salon .sln-bootstrap a.sln-btn {
z-index: 800;
}
/*
@-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);
}
}
/* FIX 092023
@font-face {
font-family: "Material Icons";
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/materialicons/v48/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2)
format("woff2");
}
.material-icons {
font-family: "Material Icons";
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
}
*/
#sln-salon {
font-family: "Open Sans", sans-serif;
font-weight: 400;
}
#sln-salon h1,
#sln-salon h2,
#sln-salon h3,
#sln-salon h4,
#sln-salon h5,
#sln-salon h6 {
font-family: "Open Sans", sans-serif;
box-shadow: none;
font-style: normal;
font-weight: 400;
}
#sln-salon p,
#sln-salon ul,
#sln-salon li {
font-family: "Open Sans", sans-serif;
box-shadow: none;
font-weight: 400;
}
#sln-salon button,
#sln-salon input,
#sln-salon optgroup,
#sln-salon select,
#sln-salon textarea {
font-family: "Open Sans", sans-serif;
box-shadow: none;
}
#sln-salon a {
box-shadow: none;
}
.old #sln-salon.sln-salon--s .sln-thankyou .sln-thankyou--okbox h4, .old #sln-salon.sln-salon--s .sln-thankyou .sln-thankyou--okbox h2 .sln-icon, .sln-alert:after,
#sln-salon .alert:after, #sln-salon .sln_datepicker:after,
#sln-salon .sln_timepicker:after,
#sln-salon #sln-salon-my-account .sln_datepicker:after,
#sln-salon #sln-salon-my-account .sln_timepicker:after, #sln-salon h2.sln-salon-title, #sln-salon h1 {
font-size: 1.4em;
}
@media only screen and (min-width: 992px) {
.old #sln-salon.sln-salon--s .sln-thankyou .sln-thankyou--okbox h4, .old #sln-salon.sln-salon--s .sln-thankyou .sln-thankyou--okbox h2 .sln-icon, .sln-alert:after,
#sln-salon .alert:after, #sln-salon .sln_datepicker:after,
#sln-salon .sln_timepicker:after,
#sln-salon #sln-salon-my-account .sln_datepicker:after,
#sln-salon #sln-salon-my-account .sln_timepicker:after, #sln-salon h2.sln-salon-title, #sln-salon h1 {
font-size: 1.6em;
}
}
#sln-salon h2 {
font-size: 1.4em;
}
#sln-salon h3 {
font-size: 1.2em;
}
.sln-salon-page .select2-container.select2-container--sln .select2-results__option--highlighted[aria-selected], .sln-pending-payment-box--amount, .sln-pending-payment-box--booking-number, .old #sln-salon.sln-salon--s .sln-thankyou .sln-thankyou--okbox h2, .old #sln-salon .sln-thankyou--okbox h2, .sln-stepper .step .step-number, .sln-alert,
#sln-salon .alert, #sln-salon .sln-btn--medium input, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit input,
#sln-salon .sln-btn--medium button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit button,
#sln-salon .sln-btn--medium a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit a, #sln-salon .sln-btn.sln-btn--noheight input,
#sln-salon .sln-btn.sln-btn--noheight button,
#sln-salon .sln-btn.sln-btn--noheight a, #sln-salon .sln-btn--big,
#sln-salon .sln-btn--big input,
#sln-salon .sln-btn--big button,
#sln-salon .sln-btn--big a, .sln-salon-page .select2-container.select2-container--sln .select2-search.select2-search--dropdown input[type=search], #sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--single,
#sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--multiple, #sln-salon .select2-container.select2-container--sln .select2-selection--single,
#sln-salon .select2-container.select2-container--sln .select2-selection--multiple, #sln-salon .select2-container.select2-container--sln .select2-selection--single .select2-selection__rendered, #sln-salon .sln-input .sln-input--addon, #sln-salon .sln-input input[type=date],
#sln-salon .sln-input input[type=time],
#sln-salon .sln-input input[type=datetime-local],
#sln-salon .sln-input input[type=week],
#sln-salon .sln-input input[type=month],
#sln-salon .sln-input input[type=text],
#sln-salon .sln-input input[type=email],
#sln-salon .sln-input input[type=url],
#sln-salon .sln-input input[type=password],
#sln-salon .sln-input input[type=search],
#sln-salon .sln-input input[type=tel],
#sln-salon .sln-input input[type=number],
#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 .datetimepicker.sln-datetimepicker table,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table, #sln-salon .sln-panel .sln-panel-heading .sln-btn, #sln-salon.sln-loginform:not(.sln-customcolors) .sln-panel .sln-panel-heading #loginform #wp-submit, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-panel .sln-panel-heading #wp-submit, #sln-salon .sln-panel .sln-panel-heading, #sln-salon .salon-step-title, #sln-salon p {
font-size: 1em;
}
.sln-stepper .step, .snl-error-list-item, .sln-alert.sln-alert-medium, #sln-salon .sln-btn--medium, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit, #sln-salon .sln-btn.sln-btn--noheight, .sln-radiobox label,
#sln-salon .sln-radiobox label, #sln-salon.sln-loginform #loginform .login-emember label, .sln-checkbox label,
#sln-salon .sln-checkbox label, #sln-salon .sln-input label,
#sln-salon.sln-loginform #loginform label {
font-size: 0.8em;
}
#sln-salon h2 {
line-height: 1.8em;
}
#sln-salon h3 {
line-height: 1.6em;
}
.sln-pending-payment-box--amount, .sln-pending-payment-box--booking-number, .old #sln-salon.sln-salon--s .sln-thankyou .sln-thankyou--okbox h2, .old #sln-salon .sln-thankyou--okbox h2, .sln-stepper .step .step-number, .sln-alert,
#sln-salon .alert, #sln-salon .sln-btn--medium input, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit input,
#sln-salon .sln-btn--medium button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit button,
#sln-salon .sln-btn--medium a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit a, #sln-salon .sln-btn.sln-btn--noheight input,
#sln-salon .sln-btn.sln-btn--noheight button,
#sln-salon .sln-btn.sln-btn--noheight a, #sln-salon .sln-btn--big,
#sln-salon .sln-btn--big input,
#sln-salon .sln-btn--big button,
#sln-salon .sln-btn--big a, .sln-salon-page .select2-container.select2-container--sln .select2-search.select2-search--dropdown input[type=search], #sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--single,
#sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--multiple, #sln-salon .select2-container.select2-container--sln .select2-selection--single,
#sln-salon .select2-container.select2-container--sln .select2-selection--multiple, #sln-salon .select2-container.select2-container--sln .select2-selection--single .select2-selection__rendered, #sln-salon .sln-input .sln-input--addon, #sln-salon .sln-input input[type=date],
#sln-salon .sln-input input[type=time],
#sln-salon .sln-input input[type=datetime-local],
#sln-salon .sln-input input[type=week],
#sln-salon .sln-input input[type=month],
#sln-salon .sln-input input[type=text],
#sln-salon .sln-input input[type=email],
#sln-salon .sln-input input[type=url],
#sln-salon .sln-input input[type=password],
#sln-salon .sln-input input[type=search],
#sln-salon .sln-input input[type=tel],
#sln-salon .sln-input input[type=number],
#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 .datetimepicker.sln-datetimepicker table,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table, #sln-salon .sln-panel .sln-panel-heading .sln-btn, #sln-salon.sln-loginform:not(.sln-customcolors) .sln-panel .sln-panel-heading #loginform #wp-submit, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-panel .sln-panel-heading #wp-submit, #sln-salon .sln-panel .sln-panel-heading, #sln-salon .salon-step-title, #sln-salon p {
line-height: 1.4em;
}
.sln-stepper .step, .snl-error-list-item, .sln-alert.sln-alert-medium, #sln-salon .sln-btn--medium, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit, #sln-salon .sln-btn.sln-btn--noheight, .sln-radiobox label,
#sln-salon .sln-radiobox label, #sln-salon.sln-loginform #loginform .login-emember label, .sln-checkbox label,
#sln-salon .sln-checkbox label, #sln-salon .sln-input label,
#sln-salon.sln-loginform #loginform label {
line-height: 1.4em;
}
#sln-salon {
font-size: max(1rem, 16px);
}
#sln-salon .sln-salon-title {
color: rgb(9, 120, 189);
font-weight: 600;
}
#sln-salon .salon-step-title {
color: rgb(52, 52, 52);
}
#sln-salon .salon-step-title {
font-weight: normal;
}
.sln-steps-name,
.sln-steps-price {
font-size: 2em;
}
@font-face {
font-family: "FontAwesome";
src: url("../fonts/fontawesome-webfont.eot?v=5.14.0");
src: url("../fonts/fontawesome-webfont.eot?#iefix&v=5.14.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=5.14.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=5.14.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=5.14.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=5.14.0#fontawesomesolid") format("svg");
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "FontAwesome";
src: url("../fonts/fontawesome-webfont-regular.eot?v=5.14.0");
src: url("../fonts/fontawesome-webfont-regular.eot?#iefix&v=5.14.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont-regular.woff2?v=5.14.0") format("woff2"), url("../fonts/fontawesome-webfont-regular.woff?v=5.14.0") format("woff"), url("../fonts/fontawesome-webfont-regular.ttf?v=5.14.0") format("truetype"), url("../fonts/fontawesome-webfont-regular.svg?v=5.14.0#fontawesomeregular") format("svg");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "FontAwesome";
src: url("../fonts/fontawesone-webfont-brands.eot?v=5.14.0");
src: url("../fonts/fontawesone-webfont-brands.eot?#iefix&v=5.14.0") format("embedded-opentype"), url("../fonts/fontawesone-webfont-brands.woff2?v=5.14.0") format("woff2"), url("../fonts/fontawesone-webfont-brands.woff?v=5.14.0") format("woff"), url("../fonts/fontawesone-webfont-brands.ttf?v=5.14.0") format("truetype"), url("../fonts/fontawesone-webfont-brands.svg?v=5.14.0#fontawesomeregular") format("svg");
font-weight: 300;
font-style: normal;
}
.wrap h2.nav-tab-wrapper {
font-size: 1em;
}
#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;
}
.old #sln-salon.sln-salon--s .sln-thankyou .sln-icon-wrapper .sln-icon, .sln-loader {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%) translateY(0);
-ms-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
}
.sln-icon-wrapper .sln-icon, #sln-salon .sln_datepicker:after,
#sln-salon .sln_timepicker:after,
#sln-salon #sln-salon-my-account .sln_datepicker:after,
#sln-salon #sln-salon-my-account .sln_timepicker:after {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.sln-btn--emphasis.sln-btn--disabled:hover, .sln-btn--emphasis.sln-btn--disabled:focus, .sln-btn--emphasis.sln-btn--disabled:active,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:hover,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:focus,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:active,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:hover,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:focus,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:active, .sln-btn--emphasis.sln-btn--disabled, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit,
#sln-salon .sln-btn--emphasis.sln-btn--disabled,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled {
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
}
.sln-btn--borderonly:hover, .sln-btn--borderonly:focus, .sln-btn--borderonly:active,
#sln-salon .sln-btn--borderonly:hover,
#sln-salon .sln-btn--borderonly:focus,
#sln-salon .sln-btn--borderonly:active,
.sln-bootstrap .sln-btn--borderonly:hover,
.sln-bootstrap .sln-btn--borderonly:focus,
.sln-bootstrap .sln-btn--borderonly:active,
.sln-btn.sln-btn--borderonly:hover,
.sln-btn.sln-btn--borderonly:focus,
.sln-btn.sln-btn--borderonly:active,
.sln-bootstrap .sln-btn.sln-btn--borderonly:hover,
.sln-bootstrap .sln-btn.sln-btn--borderonly:focus,
.sln-bootstrap .sln-btn.sln-btn--borderonly:active,
a.sln-btn.sln-btn--borderonly:hover,
a.sln-btn.sln-btn--borderonly:focus,
a.sln-btn.sln-btn--borderonly:active,
.sln-bootstrap a.sln-btn.sln-btn--borderonly:hover,
.sln-bootstrap a.sln-btn.sln-btn--borderonly:focus,
.sln-bootstrap a.sln-btn.sln-btn--borderonly:active,
#sln-salon .sln-btn.sln-btn--borderonly:hover,
#sln-salon .sln-btn.sln-btn--borderonly:focus,
#sln-salon .sln-btn.sln-btn--borderonly:active,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly:hover,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly:focus,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly:active,
#sln-salon a.sln-btn.sln-btn--borderonly:hover,
#sln-salon a.sln-btn.sln-btn--borderonly:focus,
#sln-salon a.sln-btn.sln-btn--borderonly:active,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly:hover,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly:focus,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly:active, .sln-btn--nobkg:hover, .sln-btn--nobkg:focus, .sln-btn--nobkg:active,
#sln-salon .sln-btn--nobkg:hover,
#sln-salon .sln-btn--nobkg:focus,
#sln-salon .sln-btn--nobkg:active,
.sln-bootstrap .sln-btn--nobkg:hover,
.sln-bootstrap .sln-btn--nobkg:focus,
.sln-bootstrap .sln-btn--nobkg:active, .sln-btn--emphasis:hover, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:hover, .sln-btn--emphasis:focus, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:focus, .sln-btn--emphasis:active, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:active,
#sln-salon .sln-btn--emphasis:hover,
#sln-salon .sln-btn--emphasis:focus,
#sln-salon .sln-btn--emphasis:active,
.sln-bootstrap .sln-btn--emphasis:hover,
.sln-bootstrap .sln-btn--emphasis:focus,
.sln-bootstrap .sln-btn--emphasis:active, #sln-salon .datetimepicker.sln-datetimepicker.datetimepicker-dropdown-bottom-right,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker.datetimepicker-dropdown-bottom-right {
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23);
-moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23);
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23);
}
.sln-btn, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit,
.sln-bootstrap .sln-btn,
a.sln-btn,
.sln-bootstrap a.sln-btn,
#sln-salon .sln-btn,
#sln-salon .sln-bootstrap .sln-btn,
#sln-salon a.sln-btn,
#sln-salon .sln-bootstrap a.sln-btn {
z-index: 800;
}
/*
@-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-loader {
font-size: 1px;
background-color: transparent;
width: 100%;
height: 100%;
overflow: hidden;
}
.sln-loader::before {
display: block;
content: "";
width: 2000px;
height: 100%;
color: #0277bd;
background-image: repeating-linear-gradient(-25deg, #fff, #fff 20px, currentColor 20px, currentColor 40px, #fff 40px, #fff 60px, currentColor 60px, currentColor 80px);
position: absolute;
top: 0;
-webkit-animation: wait--m 4s infinite linear;
animation: wait--m 4s infinite linear;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
opacity: 0.25;
}
@-webkit-keyframes wait--m {
0% {
left: -102%;
}
100% {
left: 0%;
}
}
@keyframes wait {
0% {
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes wait {
0% {
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes wait {
0% {
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
#sln-salon .sln-panel:last-child {
margin-bottom: 2em;
}
#sln-salon .sln-panel .sln-panel-heading {
margin-bottom: 0;
outline: none;
text-decoration: none;
}
#sln-salon .sln-panel .sln-panel-heading .sln-btn, #sln-salon.sln-loginform:not(.sln-customcolors) .sln-panel .sln-panel-heading #loginform #wp-submit, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-panel .sln-panel-heading #wp-submit {
display: block;
margin-bottom: 0;
padding: 1em;
text-align: left;
background-color: transparent;
border-style: solid;
border-width: 1px;
border-bottom: none;
}
#sln-salon .sln-panel .sln-panel-heading .sln-btn::after, #sln-salon.sln-loginform:not(.sln-customcolors) .sln-panel .sln-panel-heading #loginform #wp-submit::after, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-panel .sln-panel-heading #wp-submit::after {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 1em;
bottom: auto;
bottom: initial;
font-size: 1.2em;
content: "keyboard_arrow_up";
opacity: 0.5;
-webkit-transition: opacity 200ms, transform 250ms;
-moz-transition: opacity 200ms, transform 250ms;
-o-transition: opacity 200ms, transform 250ms;
transition: opacity 200ms, transform 250ms;
}
#sln-salon .sln-panel .sln-panel-heading .sln-btn:hover:after, #sln-salon.sln-loginform:not(.sln-customcolors) .sln-panel .sln-panel-heading #loginform #wp-submit:hover:after, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-panel .sln-panel-heading #wp-submit:hover:after {
opacity: 1;
-webkit-transform: translateY(-50%) scale(1.2, 1.2);
-ms-transform: translateY(-50%) scale(1.2, 1.2);
transform: translateY(-50%) scale(1.2, 1.2);
}
#sln-salon .sln-panel .sln-panel-heading .sln-btn--borderonly {
border-bottom-width: 0;
}
#sln-salon .sln-panel .sln-panel-heading .sln-btn--nobkg {
font-weight: normal;
}
#sln-salon .sln-panel .sln-panel-heading:hover, #sln-salon .sln-panel .sln-panel-heading:focus, #sln-salon .sln-panel .sln-panel-heading:active {
text-decoration: none;
}
#sln-salon .sln-panel .sln-panel-heading.collapsed {
margin-bottom: 0;
}
#sln-salon .sln-panel .sln-panel-heading.collapsed::after {
display: block;
content: "";
width: auto;
height: auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: currentColor;
opacity: 0;
-webkit-transition: opacity 150ms;
-moz-transition: opacity 150ms;
-o-transition: opacity 150ms;
transition: opacity 150ms;
}
#sln-salon .sln-panel .sln-panel-heading.collapsed .sln-btn, #sln-salon.sln-loginform:not(.sln-customcolors) .sln-panel .sln-panel-heading.collapsed #loginform #wp-submit, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-panel .sln-panel-heading.collapsed #wp-submit {
border: none;
background-color: transparent;
}
#sln-salon .sln-panel .sln-panel-heading.collapsed .sln-btn::before, #sln-salon.sln-loginform:not(.sln-customcolors) .sln-panel .sln-panel-heading.collapsed #loginform #wp-submit::before, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-panel .sln-panel-heading.collapsed #wp-submit::before {
display: block;
content: "";
width: 100%;
height: 1px;
position: absolute;
bottom: 0;
left: 0;
margin-bottom: 0;
background-color: currentColor;
opacity: 0.25;
}
#sln-salon .sln-panel .sln-panel-heading.collapsed .sln-btn:after, #sln-salon.sln-loginform:not(.sln-customcolors) .sln-panel .sln-panel-heading.collapsed #loginform #wp-submit:after, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-panel .sln-panel-heading.collapsed #wp-submit:after {
content: "keyboard_arrow_down";
}
#sln-salon .sln-panel .sln-panel-heading.collapsed:hover::after {
opacity: 0.15;
}
#sln-salon .sln-panel .sln-panel-content {
width: calc(100% - 30px);
margin: 0 15px 2em 15px;
padding-top: 0;
background-color: transparent;
border-style: solid;
border-width: 1px;
border-top: none;
}
#sln-salon .sln-panel:not(:first-child) .sln-panel-heading:not(.collapsed) .sln-btn, #sln-salon.sln-loginform:not(.sln-customcolors) .sln-panel:not(:first-child) .sln-panel-heading:not(.collapsed) #loginform #wp-submit, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-panel:not(:first-child) .sln-panel-heading:not(.collapsed) #wp-submit {
margin-top: -1px;
}
#sln-salon .sln-panel .sln-alert {
display: block;
margin-top: -1.5em;
margin-bottom: 2.5em;
}
#sln-salon .sln-invalid::-webkit-input-placeholder,
#sln-salon .sln-input .sln-invalid::-webkit-input-placeholder,
#sln-salon .sln-select .sln-invalid + .select2-container.select2-container--sln .select2-selection--single::-webkit-input-placeholder {
color: #d22221;
}
#sln-salon .sln-invalid:-moz-placeholder,
#sln-salon .sln-input .sln-invalid:-moz-placeholder,
#sln-salon .sln-select .sln-invalid + .select2-container.select2-container--sln .select2-selection--single:-moz-placeholder {
/* Firefox 18- */
color: #d22221;
}
#sln-salon .sln-invalid::-moz-placeholder,
#sln-salon .sln-input .sln-invalid::-moz-placeholder,
#sln-salon .sln-select .sln-invalid + .select2-container.select2-container--sln .select2-selection--single::-moz-placeholder {
/* Firefox 19+ */
color: #d22221;
}
#sln-salon .sln-invalid:-ms-input-placeholder,
#sln-salon .sln-input .sln-invalid:-ms-input-placeholder,
#sln-salon .sln-select .sln-invalid + .select2-container.select2-container--sln .select2-selection--single:-ms-input-placeholder {
color: #d22221;
}
@media only screen and (min-width: 992px) {
#sln-salon .sln-invalid[type=checkbox] {
width: auto;
vertical-align: middle;
border: none;
}
#sln-salon .sln-invalid[type=checkbox]:after {
content: attr(placeholder);
font-size: 1em;
display: inline-block;
margin-left: 2em;
color: red;
line-height: 1;
vertical-align: top;
margin-top: 0.1em;
min-width: 95px;
color: #d22221;
display: none;
}
}
@media only screen and (min-width: 992px) and (min-width: 992px) {
#sln-salon .sln-invalid[type=checkbox]:after {
display: inline-block;
}
}
@media only screen and (min-width: 992px) {
#sln-salon .sln-invalid[type=checkbox]:checked::after {
display: none;
}
}
#sln-salon .sln-checkbox.sln-invalid-p:after {
content: attr(data-invtext);
font-size: 1em;
display: inline-block;
margin-left: 1em;
color: red;
line-height: 1.6em;
vertical-align: top;
margin-top: 0.1em;
min-width: 95px;
color: #d22221;
}
@media only screen and (min-width: 768px) {
#sln-salon .sln-checkbox.sln-invalid-p:after {
margin-left: 2em;
}
}
.sln-invalid[type=checkbox]:not(:checked) + label::before {
border-color: #d22221;
}
/*!
* Datetimepicker for Bootstrap
*
* Copyright 2012 Stefan Petre
* Improvements by Andrew Rowls
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
*/
.datetimepicker {
padding: 0;
margin-top: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
direction: ltr;
}
.datetimepicker-inline {
width: 220px;
}
.datetimepicker.datetimepicker-rtl {
direction: rtl;
}
.datetimepicker.datetimepicker-rtl table tr td span {
float: right;
}
.datetimepicker-dropdown,
.datetimepicker-dropdown-left {
top: 0;
left: 0;
}
[class*=" datetimepicker-dropdown"]:before {
content: "";
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute;
}
[class*=" datetimepicker-dropdown"]:after {
content: "";
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
position: absolute;
}
[class*=" datetimepicker-dropdown-top"]:before {
content: "";
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #ccc;
border-top-color: rgba(0, 0, 0, 0.2);
border-bottom: 0;
}
[class*=" datetimepicker-dropdown-top"]:after {
content: "";
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #fff;
border-bottom: 0;
}
.datetimepicker-dropdown-bottom-left:before {
top: -7px;
right: 6px;
}
.datetimepicker-dropdown-bottom-left:after {
top: -6px;
right: 7px;
}
.datetimepicker-dropdown-bottom-right:before {
top: -7px;
left: 6px;
}
.datetimepicker-dropdown-bottom-right:after {
top: -6px;
left: 7px;
}
.datetimepicker-dropdown-top-left:before {
bottom: -7px;
right: 6px;
}
.datetimepicker-dropdown-top-left:after {
bottom: -6px;
right: 7px;
}
.datetimepicker-dropdown-top-right:before {
bottom: -7px;
left: 6px;
}
.datetimepicker-dropdown-top-right:after {
bottom: -6px;
left: 7px;
}
.datetimepicker > div {
display: none;
}
.datetimepicker.minutes div.datetimepicker-minutes {
display: block;
}
.datetimepicker.hours div.datetimepicker-hours {
display: block;
}
.datetimepicker.days div.datetimepicker-days {
display: block;
}
.datetimepicker.months div.datetimepicker-months {
display: block;
}
.datetimepicker.years div.datetimepicker-years {
display: block;
}
.datetimepicker table {
margin: 0;
}
.datetimepicker td,
.datetimepicker th {
text-align: center !important;
width: 20px;
height: 20px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 0;
}
.table-striped .datetimepicker table tr td,
.table-striped .datetimepicker table tr th,
.datetimepicker table tr td,
.datetimepicker table tr th {
background-color: transparent;
}
.datetimepicker table tr td.minute:hover {
background: #eee;
cursor: pointer;
}
.datetimepicker table tr td.hour:hover {
background: #eee;
cursor: pointer;
}
.datetimepicker table tr td.day:hover {
background: #eee;
cursor: pointer;
}
#sln-salon .datetimepicker table tr td.old,
#sln-salon .datetimepicker table tr td.new,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.old,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.new {
color: #999;
}
#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 #sln-salon-my-account .datetimepicker table tr td.disabled,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.disabled:hover,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.disabled.full,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.disabled.full:hover {
background: 0;
color: #999;
cursor: default;
}
#sln-salon .datetimepicker table tr td.-today,
#sln-salon .datetimepicker table tr td.-today:hover,
#sln-salon .datetimepicker table tr td.-today.disabled,
#sln-salon .datetimepicker table tr td.-today.disabled:hover,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.-today,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.-today:hover,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.-today.disabled,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.-today.disabled:hover {
background-color: #fde19a;
background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
background-image: linear-gradient(top, #fdd49a, #fdf59a);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdd49a",endColorstr="#fdf59a",GradientType=0);
border-color: #fdf59a #fdf59a #fbed50;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
#sln-salon .datetimepicker table tr td.-today:hover,
#sln-salon .datetimepicker table tr td.-today:hover:hover,
#sln-salon .datetimepicker table tr td.-today.disabled:hover,
#sln-salon .datetimepicker table tr td.-today.disabled:hover:hover,
#sln-salon .datetimepicker table tr td.-today:active,
#sln-salon .datetimepicker table tr td.-today:hover:active,
#sln-salon .datetimepicker table tr td.-today.disabled:active,
#sln-salon .datetimepicker table tr td.-today.disabled:hover:active,
#sln-salon .datetimepicker table tr td.-today.active,
#sln-salon .datetimepicker table tr td.-today:hover.active,
#sln-salon .datetimepicker table tr td.-today.disabled.active,
#sln-salon .datetimepicker table tr td.-today.disabled:hover.active,
#sln-salon .datetimepicker table tr td.-today.disabled,
#sln-salon .datetimepicker table tr td.-today:hover.disabled,
#sln-salon .datetimepicker table tr td.-today.disabled.disabled,
#sln-salon .datetimepicker table tr td.-today.disabled:hover.disabled,
#sln-salon .datetimepicker table tr td.-today[disabled],
#sln-salon .datetimepicker table tr td.-today:hover[disabled],
#sln-salon .datetimepicker table tr td.-today.disabled[disabled],
#sln-salon .datetimepicker table tr td.-today.disabled:hover[disabled],
#sln-salon #sln-salon-my-account .datetimepicker table tr td.-today:hover,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.-today:hover:hover,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.-today.disabled:hover,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.-today.disabled:hover:hover,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.-today:active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.-today:hover:active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.-today.disabled:active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.-today.disabled:hover:active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.-today.active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.-today:hover.active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.-today.disabled.active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.-today.disabled:hover.active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.-today.disabled,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.-today:hover.disabled,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.-today.disabled.disabled,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.-today.disabled:hover.disabled,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.-today[disabled],
#sln-salon #sln-salon-my-account .datetimepicker table tr td.-today:hover[disabled],
#sln-salon #sln-salon-my-account .datetimepicker table tr td.-today.disabled[disabled],
#sln-salon #sln-salon-my-account .datetimepicker table tr td.-today.disabled:hover[disabled] {
background-color: #fdf59a;
}
#sln-salon .datetimepicker table tr td.-today:active,
#sln-salon .datetimepicker table tr td.-today:hover:active,
#sln-salon .datetimepicker table tr td.-today.disabled:active,
#sln-salon .datetimepicker table tr td.-today.disabled:hover:active,
#sln-salon .datetimepicker table tr td.-today.active,
#sln-salon .datetimepicker table tr td.-today:hover.active,
#sln-salon .datetimepicker table tr td.-today.disabled.active,
#sln-salon .datetimepicker table tr td.-today.disabled:hover.active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.-today:active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.-today:hover:active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.-today.disabled:active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.-today.disabled:hover:active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.-today.active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.-today:hover.active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.-today.disabled.active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.-today.disabled:hover.active {
background-color: #fbf069;
}
#sln-salon .datetimepicker table tr td.active,
#sln-salon .datetimepicker table tr td.active:hover,
#sln-salon .datetimepicker table tr td.active.disabled,
#sln-salon .datetimepicker table tr td.active.disabled:hover,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.active:hover,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.active.disabled,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.active.disabled:hover {
background-color: #006dcc;
background-image: -moz-linear-gradient(top, #08c, #04c);
background-image: -ms-linear-gradient(top, #08c, #04c);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
background-image: -webkit-linear-gradient(top, #08c, #04c);
background-image: -o-linear-gradient(top, #08c, #04c);
background-image: linear-gradient(top, #08c, #04c);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0088cc",endColorstr="#0044cc",GradientType=0);
border-color: #04c #04c #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
#sln-salon .datetimepicker table tr td.active:hover,
#sln-salon .datetimepicker table tr td.active:hover:hover,
#sln-salon .datetimepicker table tr td.active.disabled:hover,
#sln-salon .datetimepicker table tr td.active.disabled:hover:hover,
#sln-salon .datetimepicker table tr td.active:active,
#sln-salon .datetimepicker table tr td.active:hover:active,
#sln-salon .datetimepicker table tr td.active.disabled:active,
#sln-salon .datetimepicker table tr td.active.disabled:hover:active,
#sln-salon .datetimepicker table tr td.active.active,
#sln-salon .datetimepicker table tr td.active:hover.active,
#sln-salon .datetimepicker table tr td.active.disabled.active,
#sln-salon .datetimepicker table tr td.active.disabled:hover.active,
#sln-salon .datetimepicker table tr td.active.disabled,
#sln-salon .datetimepicker table tr td.active:hover.disabled,
#sln-salon .datetimepicker table tr td.active.disabled.disabled,
#sln-salon .datetimepicker table tr td.active.disabled:hover.disabled,
#sln-salon .datetimepicker table tr td.active[disabled],
#sln-salon .datetimepicker table tr td.active:hover[disabled],
#sln-salon .datetimepicker table tr td.active.disabled[disabled],
#sln-salon .datetimepicker table tr td.active.disabled:hover[disabled],
#sln-salon #sln-salon-my-account .datetimepicker table tr td.active:hover,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.active:hover:hover,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.active.disabled:hover,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.active.disabled:hover:hover,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.active:active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.active:hover:active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.active.disabled:active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.active.disabled:hover:active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.active.active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.active:hover.active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.active.disabled.active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.active.disabled:hover.active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.active.disabled,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.active:hover.disabled,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.active.disabled.disabled,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.active.disabled:hover.disabled,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.active[disabled],
#sln-salon #sln-salon-my-account .datetimepicker table tr td.active:hover[disabled],
#sln-salon #sln-salon-my-account .datetimepicker table tr td.active.disabled[disabled],
#sln-salon #sln-salon-my-account .datetimepicker table tr td.active.disabled:hover[disabled] {
background-color: #04c;
}
#sln-salon .datetimepicker table tr td.active:active,
#sln-salon .datetimepicker table tr td.active:hover:active,
#sln-salon .datetimepicker table tr td.active.disabled:active,
#sln-salon .datetimepicker table tr td.active.disabled:hover:active,
#sln-salon .datetimepicker table tr td.active.active,
#sln-salon .datetimepicker table tr td.active:hover.active,
#sln-salon .datetimepicker table tr td.active.disabled.active,
#sln-salon .datetimepicker table tr td.active.disabled:hover.active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.active:active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.active:hover:active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.active.disabled:active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.active.disabled:hover:active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.active.active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.active:hover.active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.active.disabled.active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td.active.disabled:hover.active {
background-color: #039;
}
#sln-salon .datetimepicker table tr td span,
#sln-salon #sln-salon-my-account .datetimepicker table tr td span {
display: block;
width: 23%;
height: 54px;
line-height: 54px;
float: left;
margin: 1%;
cursor: pointer;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#sln-salon .datetimepicker .datetimepicker-hours span,
#sln-salon #sln-salon-my-account .datetimepicker .datetimepicker-hours span {
height: 2.2em;
line-height: 3.2em;
}
@media only screen and (min-width: 768px) {
#sln-salon .datetimepicker .datetimepicker-hours span,
#sln-salon #sln-salon-my-account .datetimepicker .datetimepicker-hours span {
line-height: 2.2em;
}
}
#sln-salon .datetimepicker .datetimepicker-hours table tr td span.hour_am,
#sln-salon .datetimepicker .datetimepicker-hours table tr td span.hour_pm,
#sln-salon #sln-salon-my-account .datetimepicker .datetimepicker-hours table tr td span.hour_am,
#sln-salon #sln-salon-my-account .datetimepicker .datetimepicker-hours table tr td span.hour_pm {
width: 14.6%;
}
#sln-salon .datetimepicker .datetimepicker-hours fieldset legend,
#sln-salon .datetimepicker .datetimepicker-minutes fieldset legend,
#sln-salon #sln-salon-my-account .datetimepicker .datetimepicker-hours fieldset legend,
#sln-salon #sln-salon-my-account .datetimepicker .datetimepicker-minutes fieldset legend {
margin-bottom: inherit;
line-height: 30px;
}
#sln-salon .datetimepicker .datetimepicker-minutes span,
#sln-salon #sln-salon-my-account .datetimepicker .datetimepicker-minutes span {
height: 2.2em;
line-height: 3.2em;
}
@media only screen and (min-width: 768px) {
#sln-salon .datetimepicker .datetimepicker-minutes span,
#sln-salon #sln-salon-my-account .datetimepicker .datetimepicker-minutes span {
line-height: 2.2em;
}
}
#sln-salon .datetimepicker table tr td span:hover,
#sln-salon #sln-salon-my-account .datetimepicker table tr td span:hover {
background: #eee;
}
#sln-salon .datetimepicker table tr td span.disabled,
#sln-salon .datetimepicker table tr td span.disabled:hover,
#sln-salon #sln-salon-my-account .datetimepicker table tr td span.disabled,
#sln-salon #sln-salon-my-account .datetimepicker table tr td span.disabled:hover {
background: 0;
color: #999;
cursor: default;
}
#sln-salon .datetimepicker table tr td span.active,
#sln-salon .datetimepicker table tr td span.active:hover,
#sln-salon .datetimepicker table tr td span.active.disabled,
#sln-salon .datetimepicker table tr td span.active.disabled:hover,
#sln-salon #sln-salon-my-account .datetimepicker table tr td span.active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td span.active:hover,
#sln-salon #sln-salon-my-account .datetimepicker table tr td span.active.disabled,
#sln-salon #sln-salon-my-account .datetimepicker table tr td span.active.disabled:hover {
background-color: #006dcc;
background-image: -moz-linear-gradient(top, #08c, #04c);
background-image: -ms-linear-gradient(top, #08c, #04c);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
background-image: -webkit-linear-gradient(top, #08c, #04c);
background-image: -o-linear-gradient(top, #08c, #04c);
background-image: linear-gradient(top, #08c, #04c);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0088cc",endColorstr="#0044cc",GradientType=0);
border-color: #04c #04c #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
#sln-salon .datetimepicker table tr td span.active:hover,
#sln-salon .datetimepicker table tr td span.active:hover:hover,
#sln-salon .datetimepicker table tr td span.active.disabled:hover,
#sln-salon .datetimepicker table tr td span.active.disabled:hover:hover,
#sln-salon .datetimepicker table tr td span.active:active,
#sln-salon .datetimepicker table tr td span.active:hover:active,
#sln-salon .datetimepicker table tr td span.active.disabled:active,
#sln-salon .datetimepicker table tr td span.active.disabled:hover:active,
#sln-salon .datetimepicker table tr td span.active.active,
#sln-salon .datetimepicker table tr td span.active:hover.active,
#sln-salon .datetimepicker table tr td span.active.disabled.active,
#sln-salon .datetimepicker table tr td span.active.disabled:hover.active,
#sln-salon .datetimepicker table tr td span.active.disabled,
#sln-salon .datetimepicker table tr td span.active:hover.disabled,
#sln-salon .datetimepicker table tr td span.active.disabled.disabled,
#sln-salon .datetimepicker table tr td span.active.disabled:hover.disabled,
#sln-salon .datetimepicker table tr td span.active[disabled],
#sln-salon .datetimepicker table tr td span.active:hover[disabled],
#sln-salon .datetimepicker table tr td span.active.disabled[disabled],
#sln-salon .datetimepicker table tr td span.active.disabled:hover[disabled],
#sln-salon #sln-salon-my-account .datetimepicker table tr td span.active:hover,
#sln-salon #sln-salon-my-account .datetimepicker table tr td span.active:hover:hover,
#sln-salon #sln-salon-my-account .datetimepicker table tr td span.active.disabled:hover,
#sln-salon #sln-salon-my-account .datetimepicker table tr td span.active.disabled:hover:hover,
#sln-salon #sln-salon-my-account .datetimepicker table tr td span.active:active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td span.active:hover:active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td span.active.disabled:active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td span.active.disabled:hover:active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td span.active.active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td span.active:hover.active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td span.active.disabled.active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td span.active.disabled:hover.active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td span.active.disabled,
#sln-salon #sln-salon-my-account .datetimepicker table tr td span.active:hover.disabled,
#sln-salon #sln-salon-my-account .datetimepicker table tr td span.active.disabled.disabled,
#sln-salon #sln-salon-my-account .datetimepicker table tr td span.active.disabled:hover.disabled,
#sln-salon #sln-salon-my-account .datetimepicker table tr td span.active[disabled],
#sln-salon #sln-salon-my-account .datetimepicker table tr td span.active:hover[disabled],
#sln-salon #sln-salon-my-account .datetimepicker table tr td span.active.disabled[disabled],
#sln-salon #sln-salon-my-account .datetimepicker table tr td span.active.disabled:hover[disabled] {
background-color: #04c;
}
#sln-salon .datetimepicker table tr td span.active:active,
#sln-salon .datetimepicker table tr td span.active:hover:active,
#sln-salon .datetimepicker table tr td span.active.disabled:active,
#sln-salon .datetimepicker table tr td span.active.disabled:hover:active,
#sln-salon .datetimepicker table tr td span.active.active,
#sln-salon .datetimepicker table tr td span.active:hover.active,
#sln-salon .datetimepicker table tr td span.active.disabled.active,
#sln-salon .datetimepicker table tr td span.active.disabled:hover.active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td span.active:active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td span.active:hover:active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td span.active.disabled:active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td span.active.disabled:hover:active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td span.active.active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td span.active:hover.active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td span.active.disabled.active,
#sln-salon #sln-salon-my-account .datetimepicker table tr td span.active.disabled:hover.active {
background-color: #039;
}
#sln-salon .datetimepicker table tr td span.old,
#sln-salon #sln-salon-my-account .datetimepicker table tr td span.old {
color: #999;
}
#sln-salon .datetimepicker th.switch,
#sln-salon #sln-salon-my-account .datetimepicker th.switch {
width: 145px;
border-radius: 0 !important;
}
#sln-salon .datetimepicker th span.glyphicon,
#sln-salon #sln-salon-my-account .datetimepicker th span.glyphicon {
pointer-events: none;
}
#sln-salon .datetimepicker thead tr:first-child th,
#sln-salon .datetimepicker tfoot th,
#sln-salon #sln-salon-my-account .datetimepicker thead tr:first-child th,
#sln-salon #sln-salon-my-account .datetimepicker tfoot th {
cursor: pointer;
}
#sln-salon .datetimepicker thead tr:first-child th:hover,
#sln-salon .datetimepicker tfoot th:hover,
#sln-salon #sln-salon-my-account .datetimepicker thead tr:first-child th:hover,
#sln-salon #sln-salon-my-account .datetimepicker tfoot th:hover {
background: #eee;
}
#sln-salon .input-append.date .add-on i,
#sln-salon .input-prepend.date .add-on i,
#sln-salon .input-group.date .input-group-addon span,
#sln-salon #sln-salon-my-account .input-append.date .add-on i,
#sln-salon #sln-salon-my-account .input-prepend.date .add-on i,
#sln-salon #sln-salon-my-account .input-group.date .input-group-addon span {
cursor: pointer;
width: 14px;
height: 14px;
}
#sln-salon .datetimepicker.sln-datetimepicker,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker {
display: none;
}
#sln-salon .datetimepicker.sln-datetimepicker,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker {
background-color: rgb(245, 245, 245);
border-radius: 0.3125em;
width: 100%;
}
#sln-salon .datetimepicker.sln-datetimepicker .datetimepicker-minutes,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker .datetimepicker-minutes {
padding: 1.5em 1em;
}
#sln-salon .datetimepicker.sln-datetimepicker table,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table {
border-top: none;
width: 100%;
line-height: 3em;
}
@media only screen and (max-width: 425px) {
#sln-salon .datetimepicker.sln-datetimepicker table,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table {
line-height: 2em;
}
}
#sln-salon .datetimepicker.sln-datetimepicker td,
#sln-salon .datetimepicker.sln-datetimepicker th,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker td,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker th,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span {
border-radius: 0;
padding: 0;
}
#sln-salon .datetimepicker.sln-datetimepicker.datetimepicker-dropdown-bottom-right,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker.datetimepicker-dropdown-bottom-right {
border-width: 0;
border-width: 10px;
}
#sln-salon .datetimepicker.sln-datetimepicker.datetimepicker-dropdown-bottom-right:before, #sln-salon .datetimepicker.sln-datetimepicker.datetimepicker-dropdown-bottom-right:after,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker.datetimepicker-dropdown-bottom-right:before,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker.datetimepicker-dropdown-bottom-right:after {
left: 10%;
}
#sln-salon .datetimepicker.sln-datetimepicker .sln-datetimepicker-close,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker .sln-datetimepicker-close {
display: block;
width: 100%;
height: 40px;
text-align: center;
line-height: 40px;
text-decoration: none;
cursor: pointer;
font-style: normal;
font-weight: bold;
margin: 20px 0 10px 0;
border-style: solid;
border-width: 1px;
-webkit-transition: background-color 200ms, color 250ms;
-moz-transition: background-color 200ms, color 250ms;
-o-transition: background-color 200ms, color 250ms;
transition: background-color 200ms, color 250ms;
}
#sln-salon .datetimepicker.sln-datetimepicker .datetimepicker-hours thead,
#sln-salon .datetimepicker.sln-datetimepicker .datetimepicker-minutes thead,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker .datetimepicker-hours thead,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker .datetimepicker-minutes thead {
display: none;
}
@media only screen and (max-width: 767px) {
#sln-salon .datetimepicker.sln-datetimepicker,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker {
left: 0 !important;
width: 100%;
max-width: 100%;
height: auto;
padding: 20px 10px;
margin-top: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
#sln-salon .datetimepicker.sln-datetimepicker .sln-datetimepicker-close,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker .sln-datetimepicker-close {
display: block;
height: 60px;
line-height: 60px;
}
#sln-salon .datetimepicker.sln-datetimepicker.datetimepicker-dropdown-bottom-right,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker.datetimepicker-dropdown-bottom-right {
border-width: 0;
border-top-width: 10px;
}
#sln-salon .datetimepicker.sln-datetimepicker.datetimepicker-dropdown-bottom-right:before, #sln-salon .datetimepicker.sln-datetimepicker.datetimepicker-dropdown-bottom-right:after,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker.datetimepicker-dropdown-bottom-right:before,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker.datetimepicker-dropdown-bottom-right:after {
left: 20%;
}
}
#sln-salon.sln-salon--s .datetimepicker.sln-datetimepicker .datetimepicker-minutes,
#sln-salon #sln-salon-my-account.sln-salon--s .datetimepicker.sln-datetimepicker .datetimepicker-minutes {
padding: 1.5em 0;
}
#sln-salon .datetimepicker.sln-datetimepicker table tr td.-today,
#sln-salon .datetimepicker.sln-datetimepicker table tr td.-today:hover,
#sln-salon .datetimepicker.sln-datetimepicker table tr td.-today.disabled,
#sln-salon .datetimepicker.sln-datetimepicker table tr td.-today.disabled:hover,
#sln-salon .datetimepicker.sln-datetimepicker table tr td.active,
#sln-salon .datetimepicker.sln-datetimepicker table tr td.active:hover,
#sln-salon .datetimepicker.sln-datetimepicker table tr td.active.disabled,
#sln-salon .datetimepicker.sln-datetimepicker table tr td.active.disabled:hover,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.active,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.active:hover,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.active.disabled,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.active.disabled:hover,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td.-today,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td.-today:hover,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td.-today.disabled,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td.-today.disabled:hover,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td.active,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td.active:hover,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td.active.disabled,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td.active.disabled:hover,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.active,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.active:hover,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.active.disabled,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.active.disabled:hover {
background-image: none;
text-shadow: none;
}
#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) {
font-weight: bold;
}
#sln-salon .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.minute:not(.disabled):not(.active) {
border-color: currentColor;
}
#sln-salon .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.minute:not(.disabled):not(.active):hover {
border-color: transparent;
}
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.minute.active,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.minute.active {
border-color: transparent;
}
#sln-salon .datetimepicker.sln-datetimepicker table tr td.day,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.hour,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.minute,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.month,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.year,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td.day,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.hour,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.minute,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.month,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.year {
border-style: solid;
border-width: 1px;
min-width: 2em;
}
@media only screen and (min-width: 768px) {
#sln-salon .datetimepicker.sln-datetimepicker table tr td.day,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.hour,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.minute,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.month,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.year,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td.day,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.hour,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.minute,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.month,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.year {
min-width: 3em;
}
}
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.hour,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.minute,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.month,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.year,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.hour,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.minute,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.month,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.year {
min-width: 2em;
width: calc(25% - 1.2em);
height: auto;
height: initial;
margin: 0.4em 0.3em;
border-width: 0.15em;
border-radius: 0.2em;
}
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.minute,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.minute {
opacity: 1;
width: calc(33.3333% - 0.6em);
}
#sln-salon.sln-salon--l div[data-meridian=true] .datetimepicker.sln-datetimepicker table tr td span.minute,
#sln-salon #sln-salon-my-account.sln-salon--l div[data-meridian=true] .datetimepicker.sln-datetimepicker table tr td span.minute {
opacity: 1;
width: calc(50% - 0.6em);
}
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.hour,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.minute,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.month,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.year,
#sln-salon .datetimepicker.sln-datetimepicker td,
#sln-salon .datetimepicker.sln-datetimepicker th,
#sln-salon .datetimepicker.sln-datetimepicker table tr td.day,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.hour,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.minute,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.month,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.year,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker td,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker th,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td.day {
font-size: 1em;
}
#sln-salon .sln_datepicker #sln_date.form-control[readonly],
#sln-salon .sln_timepicker #sln_time.form-control[readonly],
#sln-salon .sln_datepicker #_sln_booking_date.form-control[readonly],
#sln-salon .sln_timepicker #_sln_booking_time.form-control[readonly],
#sln-salon #sln-salon-my-account .sln_datepicker #sln_date.form-control[readonly],
#sln-salon #sln-salon-my-account .sln_timepicker #sln_time.form-control[readonly],
#sln-salon #sln-salon-my-account .sln_datepicker #_sln_booking_date.form-control[readonly],
#sln-salon #sln-salon-my-account .sln_timepicker #_sln_booking_time.form-control[readonly] {
cursor: pointer;
}
#sln-salon .datetimepicker.sln-datetimepicker .switch,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker .switch {
pointer-events: none;
}
#sln-salon .datetimepicker.sln-datetimepicker .prev,
#sln-salon .datetimepicker.sln-datetimepicker .next,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker .prev,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker .next {
display: flex;
align-items: center;
justify-content: center;
position: relative;
padding: 0;
}
#sln-salon .datetimepicker.sln-datetimepicker .prev:before,
#sln-salon .datetimepicker.sln-datetimepicker .next:before,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker .prev:before,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker .next:before {
display: block;
font-family: "Material Icons";
font-style: normal;
font-weight: 400;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
font-size: 18px;
line-height: 0;
line-height: 1;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#sln-salon .datetimepicker.sln-datetimepicker .prev:before,
#sln-salon .datetimepicker.sln-datetimepicker .next:before,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker .prev:before,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker .next:before {
font-family: "Material Icons";
font-style: normal;
font-weight: 400;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
font-size: 18px;
line-height: 0;
}
}
#sln-salon .datetimepicker.sln-datetimepicker .prev i,
#sln-salon .datetimepicker.sln-datetimepicker .next i,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker .prev i,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker .next i {
display: none;
}
#sln-salon .datetimepicker.sln-datetimepicker .table-condensed thead .prev:before,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker .table-condensed thead .prev:before {
content: "arrow_forward";
transform: rotate(180deg);
}
#sln-salon .datetimepicker.sln-datetimepicker .table-condensed thead .next:before,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker .table-condensed thead .next:before {
content: "arrow_forward";
}
#sln-salon.sln-salon--l .sln-input.sln-input--datepicker input[type=text],
#sln-salon.sln-salon--m .sln-input.sln-input--datepicker input[type=text],
#sln-salon.sln-salon--s .sln-input.sln-input--datepicker input[type=text] {
margin-bottom: 0;
cursor: pointer;
}
#sln-salon .sln_datepicker,
#sln-salon .sln_timepicker,
#sln-salon #sln-salon-my-account .sln_datepicker,
#sln-salon #sln-salon-my-account .sln_timepicker {
position: relative;
cursor: pointer;
}
#sln-salon .sln_datepicker:after,
#sln-salon .sln_timepicker:after,
#sln-salon #sln-salon-my-account .sln_datepicker:after,
#sln-salon #sln-salon-my-account .sln_timepicker:after {
font-family: "Material Icons";
font-style: normal;
font-weight: 400;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
font-size: 1.6em;
line-height: 0;
display: inline-block;
right: 0.4em;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
border-radius: 50%;
-webkit-transition: color 250ms;
-moz-transition: color 250ms;
-o-transition: color 250ms;
transition: color 250ms;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#sln-salon .sln_datepicker:after,
#sln-salon .sln_timepicker:after,
#sln-salon #sln-salon-my-account .sln_datepicker:after,
#sln-salon #sln-salon-my-account .sln_timepicker:after {
font-size: 30px;
right: 16px;
}
}
#sln-salon .sln_datepicker,
#sln-salon #sln-salon-my-account .sln_datepicker {
display: flex;
align-items: center;
justify-content: center;
}
#sln-salon.sln-salon--m .sln_datepicker,
#sln-salon.sln-salon--m .sln_timepicker {
margin-bottom: 0;
}
#sln-salon.sln-salon--s .sln_datepicker table tr td span.hour,
#sln-salon.sln-salon--s .sln_datepicker table tr td span.minute,
#sln-salon.sln-salon--s .sln_datepicker table tr td span.month,
#sln-salon.sln-salon--s .sln_datepicker table tr td span.year,
#sln-salon.sln-salon--s .sln_timepicker table tr td span.hour,
#sln-salon.sln-salon--s .sln_timepicker table tr td span.minute,
#sln-salon.sln-salon--s .sln_timepicker table tr td span.month,
#sln-salon.sln-salon--s .sln_timepicker table tr td span.year {
width: 22%;
}
#sln-salon .datetimepicker.sln-datetimepicker table tr td.day,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.hour,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.minute,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.month,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.year,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td.day,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.hour,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.minute,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.month,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.year {
font-size: 1em;
font-weight: bold;
}
@media only screen and (min-width: 768px) {
#sln-salon .datetimepicker.sln-datetimepicker table tr td.day,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.hour,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.minute,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.month,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.year,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td.day,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.hour,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.minute,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.month,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.year {
font-size: 1em;
}
}
#sln-salon .datetimepicker.sln-datetimepicker td,
#sln-salon .datetimepicker.sln-datetimepicker th,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker td,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker th {
font-size: 1em;
}
@media screen and (max-width: 425px) {
#sln-salon .sln_datepicker .sln-datetimepicker table tr td span.hour,
#sln-salon .sln_datepicker .sln-datetimepicker table tr td span.minute,
#sln-salon .sln_datepicker .sln-datetimepicker table tr td span.month,
#sln-salon .sln_datepicker .sln-datetimepicker table tr td span.year,
#sln-salon .sln_datepicker .sln-datetimepicker td,
#sln-salon .sln_datepicker .sln-datetimepicker th,
#sln-salon .sln_datepicker .sln-datetimepicker table tr td.day,
#sln-salon #sln-salon-my-account .sln_datepicker .sln-datetimepicker table tr td span.hour,
#sln-salon #sln-salon-my-account .sln_datepicker .sln-datetimepicker table tr td span.minute,
#sln-salon #sln-salon-my-account .sln_datepicker .sln-datetimepicker table tr td span.month,
#sln-salon #sln-salon-my-account .sln_datepicker .sln-datetimepicker table tr td span.year,
#sln-salon #sln-salon-my-account .sln_datepicker .sln-datetimepicker td,
#sln-salon #sln-salon-my-account .sln_datepicker .sln-datetimepicker th,
#sln-salon #sln-salon-my-account .sln_datepicker .sln-datetimepicker table tr td.day {
font-size: 1em;
}
}
@media only screen and (max-width: 570px) {
#sln-salon .sln_timepicker .datetimepicker.sln-datetimepicker table,
#sln-salon #sln-salon-my-account .sln_timepicker .datetimepicker.sln-datetimepicker table {
font-size: 0.9em;
}
}
@media only screen and (max-width: 530px) {
#sln-salon .sln_timepicker .datetimepicker.sln-datetimepicker table,
#sln-salon #sln-salon-my-account .sln_timepicker .datetimepicker.sln-datetimepicker table {
font-size: 0.8em;
}
}
@media only screen and (max-width: 420px) {
#sln-salon .sln_timepicker .datetimepicker.sln-datetimepicker table,
#sln-salon #sln-salon-my-account .sln_timepicker .datetimepicker.sln-datetimepicker table {
font-size: 0.7em;
}
}
@media only screen and (max-width: 380px) {
#sln-salon .sln_timepicker .datetimepicker.sln-datetimepicker table,
#sln-salon #sln-salon-my-account .sln_timepicker .datetimepicker.sln-datetimepicker table {
font-size: 0.6em;
}
}
#sln-salon .sln_timepicker:after,
#sln-salon .sln_datepicker:after,
#sln-salon #sln-salon-my-account .sln_timepicker:after,
#sln-salon #sln-salon-my-account .sln_datepicker:after {
pointer-events: none;
}
#sln-salon #sln_timepicker_viewdate,
#sln-salon #sln-salon-my-account #sln_timepicker_viewdate {
display: flex;
align-items: center;
margin: 0.4em 0.6em;
padding: 0 10px 5px 10px;
font-size: 1em;
font-weight: bold;
line-height: 3em;
}
@media only screen and (max-width: 767px) {
#sln-salon #sln_timepicker_viewdate,
#sln-salon #sln-salon-my-account #sln_timepicker_viewdate {
margin: 0 0.4em -20px 0.6em;
font-size: 1em;
}
}
@media screen and (min-width: 990px) {
#sln-salon.sln-salon--l #sln_timepicker_viewdate,
#sln-salon #sln-salon-my-account.sln-salon--l #sln_timepicker_viewdate {
margin-top: 0.7em;
line-height: 1.7;
font-size: 1em;
}
}
#sln-salon .sln_datepicker,
#sln-salon .sln_timepicker,
#sln-salon #sln-salon-my-account .sln_datepicker,
#sln-salon #sln-salon-my-account .sln_timepicker {
cursor: auto;
}
#sln-salon #sln_timepicker_viewdate,
#sln-salon .switch,
#sln-salon #sln-salon-my-account #sln_timepicker_viewdate,
#sln-salon #sln-salon-my-account .switch {
color: #4b4b4b;
}
#sln-salon #sln_date .sln-salon-bs-wrap .table-condensed,
#sln-salon #sln_time .sln-salon-bs-wrap .table-condensed,
#sln-salon #_sln_booking_date .sln-salon-bs-wrap .table-condensed,
#sln-salon #_sln_booking_time .sln-salon-bs-wrap .table-condensed,
#sln-salon #sln-salon-my-account #sln_date .sln-salon-bs-wrap .table-condensed,
#sln-salon #sln-salon-my-account #sln_time .sln-salon-bs-wrap .table-condensed,
#sln-salon #sln-salon-my-account #_sln_booking_date .sln-salon-bs-wrap .table-condensed,
#sln-salon #sln-salon-my-account #_sln_booking_time .sln-salon-bs-wrap .table-condensed {
border: none;
}
#sln-salon #sln_date,
#sln-salon #_sln_booking_date,
#sln-salon #sln-salon-my-account #sln_date,
#sln-salon #sln-salon-my-account #_sln_booking_date {
width: 100%;
}
#sln-salon #sln_date .sln-salon-bs-wrap .table-condensed,
#sln-salon #_sln_booking_date .sln-salon-bs-wrap .table-condensed,
#sln-salon #sln-salon-my-account #sln_date .sln-salon-bs-wrap .table-condensed,
#sln-salon #sln-salon-my-account #_sln_booking_date .sln-salon-bs-wrap .table-condensed {
border-spacing: 5px;
border-collapse: separate;
table-layout: fixed;
}
#sln-salon #sln_date .sln-salon-bs-wrap .table-condensed thead tr th,
#sln-salon #sln_date .sln-salon-bs-wrap .table-condensed thead tr td,
#sln-salon #sln_date .sln-salon-bs-wrap .table-condensed tbody tr th,
#sln-salon #sln_date .sln-salon-bs-wrap .table-condensed tbody tr td,
#sln-salon #_sln_booking_date .sln-salon-bs-wrap .table-condensed thead tr th,
#sln-salon #_sln_booking_date .sln-salon-bs-wrap .table-condensed thead tr td,
#sln-salon #_sln_booking_date .sln-salon-bs-wrap .table-condensed tbody tr th,
#sln-salon #_sln_booking_date .sln-salon-bs-wrap .table-condensed tbody tr td,
#sln-salon #sln-salon-my-account #sln_date .sln-salon-bs-wrap .table-condensed thead tr th,
#sln-salon #sln-salon-my-account #sln_date .sln-salon-bs-wrap .table-condensed thead tr td,
#sln-salon #sln-salon-my-account #sln_date .sln-salon-bs-wrap .table-condensed tbody tr th,
#sln-salon #sln-salon-my-account #sln_date .sln-salon-bs-wrap .table-condensed tbody tr td,
#sln-salon #sln-salon-my-account #_sln_booking_date .sln-salon-bs-wrap .table-condensed thead tr th,
#sln-salon #sln-salon-my-account #_sln_booking_date .sln-salon-bs-wrap .table-condensed thead tr td,
#sln-salon #sln-salon-my-account #_sln_booking_date .sln-salon-bs-wrap .table-condensed tbody tr th,
#sln-salon #sln-salon-my-account #_sln_booking_date .sln-salon-bs-wrap .table-condensed tbody tr td {
width: unset;
max-width: unset;
height: unset;
border: none;
border-radius: 50%;
position: relative;
vertical-align: middle;
}
#sln-salon #sln_date .sln-salon-bs-wrap .table-condensed thead tr th .num,
#sln-salon #sln_date .sln-salon-bs-wrap .table-condensed thead tr td .num,
#sln-salon #sln_date .sln-salon-bs-wrap .table-condensed tbody tr th .num,
#sln-salon #sln_date .sln-salon-bs-wrap .table-condensed tbody tr td .num,
#sln-salon #_sln_booking_date .sln-salon-bs-wrap .table-condensed thead tr th .num,
#sln-salon #_sln_booking_date .sln-salon-bs-wrap .table-condensed thead tr td .num,
#sln-salon #_sln_booking_date .sln-salon-bs-wrap .table-condensed tbody tr th .num,
#sln-salon #_sln_booking_date .sln-salon-bs-wrap .table-condensed tbody tr td .num,
#sln-salon #sln-salon-my-account #sln_date .sln-salon-bs-wrap .table-condensed thead tr th .num,
#sln-salon #sln-salon-my-account #sln_date .sln-salon-bs-wrap .table-condensed thead tr td .num,
#sln-salon #sln-salon-my-account #sln_date .sln-salon-bs-wrap .table-condensed tbody tr th .num,
#sln-salon #sln-salon-my-account #sln_date .sln-salon-bs-wrap .table-condensed tbody tr td .num,
#sln-salon #sln-salon-my-account #_sln_booking_date .sln-salon-bs-wrap .table-condensed thead tr th .num,
#sln-salon #sln-salon-my-account #_sln_booking_date .sln-salon-bs-wrap .table-condensed thead tr td .num,
#sln-salon #sln-salon-my-account #_sln_booking_date .sln-salon-bs-wrap .table-condensed tbody tr th .num,
#sln-salon #sln-salon-my-account #_sln_booking_date .sln-salon-bs-wrap .table-condensed tbody tr td .num {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
#sln-salon #sln_date .sln-salon-bs-wrap .table-condensed thead tr th .numbg,
#sln-salon #sln_date .sln-salon-bs-wrap .table-condensed thead tr td .numbg,
#sln-salon #sln_date .sln-salon-bs-wrap .table-condensed tbody tr th .numbg,
#sln-salon #sln_date .sln-salon-bs-wrap .table-condensed tbody tr td .numbg,
#sln-salon #_sln_booking_date .sln-salon-bs-wrap .table-condensed thead tr th .numbg,
#sln-salon #_sln_booking_date .sln-salon-bs-wrap .table-condensed thead tr td .numbg,
#sln-salon #_sln_booking_date .sln-salon-bs-wrap .table-condensed tbody tr th .numbg,
#sln-salon #_sln_booking_date .sln-salon-bs-wrap .table-condensed tbody tr td .numbg,
#sln-salon #sln-salon-my-account #sln_date .sln-salon-bs-wrap .table-condensed thead tr th .numbg,
#sln-salon #sln-salon-my-account #sln_date .sln-salon-bs-wrap .table-condensed thead tr td .numbg,
#sln-salon #sln-salon-my-account #sln_date .sln-salon-bs-wrap .table-condensed tbody tr th .numbg,
#sln-salon #sln-salon-my-account #sln_date .sln-salon-bs-wrap .table-condensed tbody tr td .numbg,
#sln-salon #sln-salon-my-account #_sln_booking_date .sln-salon-bs-wrap .table-condensed thead tr th .numbg,
#sln-salon #sln-salon-my-account #_sln_booking_date .sln-salon-bs-wrap .table-condensed thead tr td .numbg,
#sln-salon #sln-salon-my-account #_sln_booking_date .sln-salon-bs-wrap .table-condensed tbody tr th .numbg,
#sln-salon #sln-salon-my-account #_sln_booking_date .sln-salon-bs-wrap .table-condensed tbody tr td .numbg {
padding-bottom: 100%;
}
#sln-salon #sln_date .sln-salon-bs-wrap .table-condensed thead tr .month,
#sln-salon #sln_date .sln-salon-bs-wrap .table-condensed thead tr .year,
#sln-salon #sln_date .sln-salon-bs-wrap .table-condensed tbody tr .month,
#sln-salon #sln_date .sln-salon-bs-wrap .table-condensed tbody tr .year,
#sln-salon #_sln_booking_date .sln-salon-bs-wrap .table-condensed thead tr .month,
#sln-salon #_sln_booking_date .sln-salon-bs-wrap .table-condensed thead tr .year,
#sln-salon #_sln_booking_date .sln-salon-bs-wrap .table-condensed tbody tr .month,
#sln-salon #_sln_booking_date .sln-salon-bs-wrap .table-condensed tbody tr .year,
#sln-salon #sln-salon-my-account #sln_date .sln-salon-bs-wrap .table-condensed thead tr .month,
#sln-salon #sln-salon-my-account #sln_date .sln-salon-bs-wrap .table-condensed thead tr .year,
#sln-salon #sln-salon-my-account #sln_date .sln-salon-bs-wrap .table-condensed tbody tr .month,
#sln-salon #sln-salon-my-account #sln_date .sln-salon-bs-wrap .table-condensed tbody tr .year,
#sln-salon #sln-salon-my-account #_sln_booking_date .sln-salon-bs-wrap .table-condensed thead tr .month,
#sln-salon #sln-salon-my-account #_sln_booking_date .sln-salon-bs-wrap .table-condensed thead tr .year,
#sln-salon #sln-salon-my-account #_sln_booking_date .sln-salon-bs-wrap .table-condensed tbody tr .month,
#sln-salon #sln-salon-my-account #_sln_booking_date .sln-salon-bs-wrap .table-condensed tbody tr .year {
border-color: currentColor;
}
#sln-salon #sln_date .sln-salon-bs-wrap .table-condensed thead th,
#sln-salon #_sln_booking_date .sln-salon-bs-wrap .table-condensed thead th,
#sln-salon #sln-salon-my-account #sln_date .sln-salon-bs-wrap .table-condensed thead th,
#sln-salon #sln-salon-my-account #_sln_booking_date .sln-salon-bs-wrap .table-condensed thead th {
font-size: 1em;
}
#sln-salon #sln_date .sln-salon-bs-wrap .table-condensed thead th:not(.next):not(.prev),
#sln-salon #_sln_booking_date .sln-salon-bs-wrap .table-condensed thead th:not(.next):not(.prev),
#sln-salon #sln-salon-my-account #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) {
color: #4b4b4b;
}
#sln-salon #sln_date .sln-salon-bs-wrap .table-condensed tbody tr td.today .num,
#sln-salon #_sln_booking_date .sln-salon-bs-wrap .table-condensed tbody tr td.today .num,
#sln-salon #sln-salon-my-account #sln_date .sln-salon-bs-wrap .table-condensed tbody tr td.today .num,
#sln-salon #sln-salon-my-account #_sln_booking_date .sln-salon-bs-wrap .table-condensed tbody tr td.today .num {
border: solid currentColor;
border-width: 0.2em;
border-radius: 50%;
}
#sln-salon #sln_date .sln-salon-bs-wrap .table-condensed tbody tr td.today:hover .num,
#sln-salon #_sln_booking_date .sln-salon-bs-wrap .table-condensed tbody tr td.today:hover .num,
#sln-salon #sln-salon-my-account #sln_date .sln-salon-bs-wrap .table-condensed tbody tr td.today:hover .num,
#sln-salon #sln-salon-my-account #_sln_booking_date .sln-salon-bs-wrap .table-condensed tbody tr td.today:hover .num {
border-color: transparent;
}
@media only screen and (min-width: 768px) {
#sln-salon #sln_date .sln-salon-bs-wrap .table-condensed tbody tr td,
#sln-salon #_sln_booking_date .sln-salon-bs-wrap .table-condensed tbody tr td,
#sln-salon #sln-salon-my-account #sln_date .sln-salon-bs-wrap .table-condensed tbody tr td,
#sln-salon #sln-salon-my-account #_sln_booking_date .sln-salon-bs-wrap .table-condensed tbody tr td {
border: 0.4em transparent;
}
}
@media only screen and (min-width: 992px) {
#sln-salon #sln_date .sln-salon-bs-wrap .table-condensed tbody tr td,
#sln-salon #_sln_booking_date .sln-salon-bs-wrap .table-condensed tbody tr td,
#sln-salon #sln-salon-my-account #sln_date .sln-salon-bs-wrap .table-condensed tbody tr td,
#sln-salon #sln-salon-my-account #_sln_booking_date .sln-salon-bs-wrap .table-condensed tbody tr td {
border-width: 0.6em;
}
}
#sln-salon #sln_date .sln-salon-bs-wrap .table-condensed thead th,
#sln-salon #_sln_booking_date .sln-salon-bs-wrap .table-condensed thead th,
#sln-salon #sln-salon-my-account #sln_date .sln-salon-bs-wrap .table-condensed thead th,
#sln-salon #sln-salon-my-account #_sln_booking_date .sln-salon-bs-wrap .table-condensed thead th {
line-height: 1;
white-space: nowrap;
}
#sln-salon.sln-salon--l #sln_date, #sln-salon.sln-salon--l #sln_time,
#sln-salon #sln-salon-my-account.sln-salon--l #sln_date,
#sln-salon #sln-salon-my-account.sln-salon--l #sln_time {
width: 100%;
}
@media only screen and (min-width: 768px) {
#sln-salon.sln-salon--l #sln_date .sln-salon-bs-wrap .table-condensed tbody tr td, #sln-salon.sln-salon--l #sln_time .sln-salon-bs-wrap .table-condensed tbody tr td,
#sln-salon #sln-salon-my-account.sln-salon--l #sln_date .sln-salon-bs-wrap .table-condensed tbody tr td,
#sln-salon #sln-salon-my-account.sln-salon--l #sln_time .sln-salon-bs-wrap .table-condensed tbody tr td {
border: 0.4em transparent;
}
}
@media only screen and (min-width: 992px) {
#sln-salon.sln-salon--l #sln_date .sln-salon-bs-wrap .table-condensed tbody tr td, #sln-salon.sln-salon--l #sln_time .sln-salon-bs-wrap .table-condensed tbody tr td,
#sln-salon #sln-salon-my-account.sln-salon--l #sln_date .sln-salon-bs-wrap .table-condensed tbody tr td,
#sln-salon #sln-salon-my-account.sln-salon--l #sln_time .sln-salon-bs-wrap .table-condensed tbody tr td {
border-width: 0;
font-size: 1em;
}
}
@media screen and (min-width: 990px) {
#sln-salon.sln-salon--l #sln_date .sln-salon-bs-wrap .table-condensed thead th, #sln-salon.sln-salon--l #sln_time .sln-salon-bs-wrap .table-condensed thead th,
#sln-salon #sln-salon-my-account.sln-salon--l #sln_date .sln-salon-bs-wrap .table-condensed thead th,
#sln-salon #sln-salon-my-account.sln-salon--l #sln_time .sln-salon-bs-wrap .table-condensed thead th {
font-size: 0.8em;
}
}
#sln-salon.sln-salon--s #sln_date, #sln-salon.sln-salon--s #sln_time,
#sln-salon #sln-salon-my-account.sln-salon--s #sln_date,
#sln-salon #sln-salon-my-account.sln-salon--s #sln_time {
width: 100%;
}
@media only screen and (min-width: 768px) {
#sln-salon.sln-salon--s #sln_date .sln-salon-bs-wrap .table-condensed tbody tr td, #sln-salon.sln-salon--s #sln_time .sln-salon-bs-wrap .table-condensed tbody tr td,
#sln-salon #sln-salon-my-account.sln-salon--s #sln_date .sln-salon-bs-wrap .table-condensed tbody tr td,
#sln-salon #sln-salon-my-account.sln-salon--s #sln_time .sln-salon-bs-wrap .table-condensed tbody tr td {
border: none;
}
}
#sln-salon .sln-input--datepicker #sln_time.is_scrollable,
#sln-salon .sln-input--datepicker #_sln_booking_time.is_scrollable,
#sln-salon #sln-salon-my-account .sln-input--datepicker #sln_time.is_scrollable,
#sln-salon #sln-salon-my-account .sln-input--datepicker #_sln_booking_time.is_scrollable {
overflow-y: auto;
padding-right: 0.1em;
scrollbar-color: rgba(173, 173, 173, 0.4) transparent;
scrollbar-width: thin;
}
@media only screen and (max-width: 767px) {
#sln-salon .sln-input--datepicker #sln_time.is_scrollable,
#sln-salon .sln-input--datepicker #_sln_booking_time.is_scrollable,
#sln-salon #sln-salon-my-account .sln-input--datepicker #sln_time.is_scrollable,
#sln-salon #sln-salon-my-account .sln-input--datepicker #_sln_booking_time.is_scrollable {
margin-top: 1em;
margin-bottom: 1em;
}
}
@media only screen and (min-width: 768px) {
#sln-salon .sln-input--datepicker #sln_time.is_scrollable,
#sln-salon .sln-input--datepicker #_sln_booking_time.is_scrollable,
#sln-salon #sln-salon-my-account .sln-input--datepicker #sln_time.is_scrollable,
#sln-salon #sln-salon-my-account .sln-input--datepicker #_sln_booking_time.is_scrollable {
margin-top: 1em;
margin-bottom: 2em;
}
}
#sln-salon .sln-input--datepicker #sln_time.is_scrollable .sln-datetimepicker-minutes-wrapper-table,
#sln-salon .sln-input--datepicker #_sln_booking_time.is_scrollable .sln-datetimepicker-minutes-wrapper-table,
#sln-salon #sln-salon-my-account .sln-input--datepicker #sln_time.is_scrollable .sln-datetimepicker-minutes-wrapper-table,
#sln-salon #sln-salon-my-account .sln-input--datepicker #_sln_booking_time.is_scrollable .sln-datetimepicker-minutes-wrapper-table {
margin-top: -0.3em;
}
@media only screen and (max-width: 767px) {
#sln-salon .sln-input--datepicker #sln_time.is_scrollable .sln-datetimepicker-minutes-wrapper-table,
#sln-salon .sln-input--datepicker #_sln_booking_time.is_scrollable .sln-datetimepicker-minutes-wrapper-table,
#sln-salon #sln-salon-my-account .sln-input--datepicker #sln_time.is_scrollable .sln-datetimepicker-minutes-wrapper-table,
#sln-salon #sln-salon-my-account .sln-input--datepicker #_sln_booking_time.is_scrollable .sln-datetimepicker-minutes-wrapper-table {
margin-top: -24px;
}
}
@media only screen and (min-width: 768px) {
#sln-salon .sln-input--datepicker #sln_time.is_scrollable .sln-datetimepicker-minutes-wrapper-table,
#sln-salon .sln-input--datepicker #_sln_booking_time.is_scrollable .sln-datetimepicker-minutes-wrapper-table,
#sln-salon #sln-salon-my-account .sln-input--datepicker #sln_time.is_scrollable .sln-datetimepicker-minutes-wrapper-table,
#sln-salon #sln-salon-my-account .sln-input--datepicker #_sln_booking_time.is_scrollable .sln-datetimepicker-minutes-wrapper-table {
margin-top: -15px;
}
}
@media only screen and (min-width: 992px) {
#sln-salon .sln-input--datepicker #sln_time.is_scrollable .sln-datetimepicker-minutes-wrapper-table,
#sln-salon .sln-input--datepicker #_sln_booking_time.is_scrollable .sln-datetimepicker-minutes-wrapper-table,
#sln-salon #sln-salon-my-account .sln-input--datepicker #sln_time.is_scrollable .sln-datetimepicker-minutes-wrapper-table,
#sln-salon #sln-salon-my-account .sln-input--datepicker #_sln_booking_time.is_scrollable .sln-datetimepicker-minutes-wrapper-table {
margin-top: -0.3em;
}
}
#sln-salon .sln-input--datepicker #sln_time.is_scrollable tbody td,
#sln-salon .sln-input--datepicker #_sln_booking_time.is_scrollable tbody td,
#sln-salon #sln-salon-my-account .sln-input--datepicker #sln_time.is_scrollable tbody td,
#sln-salon #sln-salon-my-account .sln-input--datepicker #_sln_booking_time.is_scrollable tbody td {
padding: 0 5px;
}
#sln-salon .sln-input--datepicker #sln_time.is_scrollable::-webkit-scrollbar-track,
#sln-salon .sln-input--datepicker #_sln_booking_time.is_scrollable::-webkit-scrollbar-track,
#sln-salon #sln-salon-my-account .sln-input--datepicker #sln_time.is_scrollable::-webkit-scrollbar-track,
#sln-salon #sln-salon-my-account .sln-input--datepicker #_sln_booking_time.is_scrollable::-webkit-scrollbar-track {
-webkit-box-shadow: none;
border-radius: 4px;
background-color: #aaaaaa;
border: 2px solid white;
}
#sln-salon .sln-input--datepicker #sln_time.is_scrollable::-webkit-scrollbar,
#sln-salon .sln-input--datepicker #_sln_booking_time.is_scrollable::-webkit-scrollbar,
#sln-salon #sln-salon-my-account .sln-input--datepicker #sln_time.is_scrollable::-webkit-scrollbar,
#sln-salon #sln-salon-my-account .sln-input--datepicker #_sln_booking_time.is_scrollable::-webkit-scrollbar {
width: 6px;
border: none;
background-color: transparent;
}
#sln-salon .sln-input--datepicker #sln_time.is_scrollable::-webkit-scrollbar-thumb,
#sln-salon .sln-input--datepicker #_sln_booking_time.is_scrollable::-webkit-scrollbar-thumb,
#sln-salon #sln-salon-my-account .sln-input--datepicker #sln_time.is_scrollable::-webkit-scrollbar-thumb,
#sln-salon #sln-salon-my-account .sln-input--datepicker #_sln_booking_time.is_scrollable::-webkit-scrollbar-thumb {
border-radius: 3px;
-webkit-box-shadow: none;
background-color: #0277bd;
}
#sln-salon .sln-input--datepicker #sln_time .minute.disabled,
#sln-salon .sln-input--datepicker #_sln_booking_time .minute.disabled,
#sln-salon #sln-salon-my-account .sln-input--datepicker #sln_time .minute.disabled,
#sln-salon #sln-salon-my-account .sln-input--datepicker #_sln_booking_time .minute.disabled {
display: none;
}
#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;
}
.old #sln-salon.sln-salon--s .sln-thankyou .sln-icon-wrapper .sln-icon, .sln-loader {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%) translateY(0);
-ms-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
}
.sln-icon-wrapper .sln-icon, #sln-salon .sln_datepicker:after,
#sln-salon .sln_timepicker:after,
#sln-salon #sln-salon-my-account .sln_datepicker:after,
#sln-salon #sln-salon-my-account .sln_timepicker:after {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.sln-btn--emphasis.sln-btn--disabled:hover, .sln-btn--emphasis.sln-btn--disabled:focus, .sln-btn--emphasis.sln-btn--disabled:active,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:hover,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:focus,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:active,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:hover,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:focus,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:active, .sln-btn--emphasis.sln-btn--disabled, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit,
#sln-salon .sln-btn--emphasis.sln-btn--disabled,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled {
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
}
.sln-btn--borderonly:hover, .sln-btn--borderonly:focus, .sln-btn--borderonly:active,
#sln-salon .sln-btn--borderonly:hover,
#sln-salon .sln-btn--borderonly:focus,
#sln-salon .sln-btn--borderonly:active,
.sln-bootstrap .sln-btn--borderonly:hover,
.sln-bootstrap .sln-btn--borderonly:focus,
.sln-bootstrap .sln-btn--borderonly:active,
.sln-btn.sln-btn--borderonly:hover,
.sln-btn.sln-btn--borderonly:focus,
.sln-btn.sln-btn--borderonly:active,
.sln-bootstrap .sln-btn.sln-btn--borderonly:hover,
.sln-bootstrap .sln-btn.sln-btn--borderonly:focus,
.sln-bootstrap .sln-btn.sln-btn--borderonly:active,
a.sln-btn.sln-btn--borderonly:hover,
a.sln-btn.sln-btn--borderonly:focus,
a.sln-btn.sln-btn--borderonly:active,
.sln-bootstrap a.sln-btn.sln-btn--borderonly:hover,
.sln-bootstrap a.sln-btn.sln-btn--borderonly:focus,
.sln-bootstrap a.sln-btn.sln-btn--borderonly:active,
#sln-salon .sln-btn.sln-btn--borderonly:hover,
#sln-salon .sln-btn.sln-btn--borderonly:focus,
#sln-salon .sln-btn.sln-btn--borderonly:active,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly:hover,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly:focus,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly:active,
#sln-salon a.sln-btn.sln-btn--borderonly:hover,
#sln-salon a.sln-btn.sln-btn--borderonly:focus,
#sln-salon a.sln-btn.sln-btn--borderonly:active,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly:hover,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly:focus,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly:active, .sln-btn--nobkg:hover, .sln-btn--nobkg:focus, .sln-btn--nobkg:active,
#sln-salon .sln-btn--nobkg:hover,
#sln-salon .sln-btn--nobkg:focus,
#sln-salon .sln-btn--nobkg:active,
.sln-bootstrap .sln-btn--nobkg:hover,
.sln-bootstrap .sln-btn--nobkg:focus,
.sln-bootstrap .sln-btn--nobkg:active, .sln-btn--emphasis:hover, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:hover, .sln-btn--emphasis:focus, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:focus, .sln-btn--emphasis:active, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:active,
#sln-salon .sln-btn--emphasis:hover,
#sln-salon .sln-btn--emphasis:focus,
#sln-salon .sln-btn--emphasis:active,
.sln-bootstrap .sln-btn--emphasis:hover,
.sln-bootstrap .sln-btn--emphasis:focus,
.sln-bootstrap .sln-btn--emphasis:active, #sln-salon .datetimepicker.sln-datetimepicker.datetimepicker-dropdown-bottom-right,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker.datetimepicker-dropdown-bottom-right {
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23);
-moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23);
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23);
}
.sln-btn, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit,
.sln-bootstrap .sln-btn,
a.sln-btn,
.sln-bootstrap a.sln-btn,
#sln-salon .sln-btn,
#sln-salon .sln-bootstrap .sln-btn,
#sln-salon a.sln-btn,
#sln-salon .sln-bootstrap a.sln-btn {
z-index: 800;
}
/*
@-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-icon {
position: relative;
top: 1px;
display: inline-block;
font-family: "Material Icons";
font-style: normal;
font-weight: 400;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
font-size: 60;
line-height: 0;
font-style: normal;
font-weight: normal;
line-height: 3.3333333333rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.sln-icon:after {
content: "\f111";
display: inline-block;
text-align: center;
text-transform: none !important;
-webkit-transition: background-color 200ms, color 300ms;
-moz-transition: background-color 200ms, color 300ms;
-o-transition: background-color 200ms, color 300ms;
transition: background-color 200ms, color 300ms;
z-index: 200;
}
.sln-icon--checked--square:after {
content: "\f14a";
font-weight: 400;
content: "check_circle_outline";
}
.sln-icon--calendar:after {
content: "\f073";
content: "calendar_today";
}
.sln-icon--booking:after,
.sln-icon--time:after {
content: "\f017";
font-weight: 400;
content: "access_time";
}
.sln-icon--back:after,
.sln-icon--left:after,
.sln-icon--prev:after,
.sln-btn--icon.sln-icon--back:after,
.sln-btn--icon.sln-icon--left:after,
.sln-btn--icon.sln-icon--prev:after {
content: "arrow_back";
}
.sln-box--formactions .sln-icon--back.sln-btn--medium:after, .sln-box--formactions #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-icon--back#wp-submit:after, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions .sln-icon--back#wp-submit:after,
.sln-box--formactions .sln-btn--icon.sln-icon--back.sln-btn--medium:after {
font-size: 1.2222222222rem;
display: flex;
align-items: center;
}
.sln-icon--forward:after,
.sln-icon--right:after,
.sln-icon--next:after {
content: "arrow_forward";
}
.sln-icon--cancel:after,
.sln-btn--icon.sln-icon--cancel:after {
content: "cancel_outline";
}
.sln-icon--cancel.sln-btn--medium, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-icon--cancel#wp-submit,
.sln-btn--icon.sln-icon--cancel.sln-btn--medium {
padding-left: 1em;
text-align: center;
}
.sln-icon--cancel.sln-btn--medium:after, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-icon--cancel#wp-submit:after,
.sln-btn--icon.sln-icon--cancel.sln-btn--medium:after {
font-size: 1.3888888889rem;
display: flex;
align-items: center;
}
#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;
}
.old #sln-salon.sln-salon--s .sln-thankyou .sln-icon-wrapper .sln-icon, .sln-loader {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%) translateY(0);
-ms-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
}
.sln-icon-wrapper .sln-icon, #sln-salon .sln_datepicker:after,
#sln-salon .sln_timepicker:after,
#sln-salon #sln-salon-my-account .sln_datepicker:after,
#sln-salon #sln-salon-my-account .sln_timepicker:after {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.sln-btn--emphasis.sln-btn--disabled:hover, .sln-btn--emphasis.sln-btn--disabled:focus, .sln-btn--emphasis.sln-btn--disabled:active,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:hover,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:focus,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:active,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:hover,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:focus,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:active, .sln-btn--emphasis.sln-btn--disabled, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit,
#sln-salon .sln-btn--emphasis.sln-btn--disabled,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled {
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
}
.sln-btn--borderonly:hover, .sln-btn--borderonly:focus, .sln-btn--borderonly:active,
#sln-salon .sln-btn--borderonly:hover,
#sln-salon .sln-btn--borderonly:focus,
#sln-salon .sln-btn--borderonly:active,
.sln-bootstrap .sln-btn--borderonly:hover,
.sln-bootstrap .sln-btn--borderonly:focus,
.sln-bootstrap .sln-btn--borderonly:active,
.sln-btn.sln-btn--borderonly:hover,
.sln-btn.sln-btn--borderonly:focus,
.sln-btn.sln-btn--borderonly:active,
.sln-bootstrap .sln-btn.sln-btn--borderonly:hover,
.sln-bootstrap .sln-btn.sln-btn--borderonly:focus,
.sln-bootstrap .sln-btn.sln-btn--borderonly:active,
a.sln-btn.sln-btn--borderonly:hover,
a.sln-btn.sln-btn--borderonly:focus,
a.sln-btn.sln-btn--borderonly:active,
.sln-bootstrap a.sln-btn.sln-btn--borderonly:hover,
.sln-bootstrap a.sln-btn.sln-btn--borderonly:focus,
.sln-bootstrap a.sln-btn.sln-btn--borderonly:active,
#sln-salon .sln-btn.sln-btn--borderonly:hover,
#sln-salon .sln-btn.sln-btn--borderonly:focus,
#sln-salon .sln-btn.sln-btn--borderonly:active,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly:hover,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly:focus,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly:active,
#sln-salon a.sln-btn.sln-btn--borderonly:hover,
#sln-salon a.sln-btn.sln-btn--borderonly:focus,
#sln-salon a.sln-btn.sln-btn--borderonly:active,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly:hover,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly:focus,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly:active, .sln-btn--nobkg:hover, .sln-btn--nobkg:focus, .sln-btn--nobkg:active,
#sln-salon .sln-btn--nobkg:hover,
#sln-salon .sln-btn--nobkg:focus,
#sln-salon .sln-btn--nobkg:active,
.sln-bootstrap .sln-btn--nobkg:hover,
.sln-bootstrap .sln-btn--nobkg:focus,
.sln-bootstrap .sln-btn--nobkg:active, .sln-btn--emphasis:hover, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:hover, .sln-btn--emphasis:focus, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:focus, .sln-btn--emphasis:active, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:active,
#sln-salon .sln-btn--emphasis:hover,
#sln-salon .sln-btn--emphasis:focus,
#sln-salon .sln-btn--emphasis:active,
.sln-bootstrap .sln-btn--emphasis:hover,
.sln-bootstrap .sln-btn--emphasis:focus,
.sln-bootstrap .sln-btn--emphasis:active, #sln-salon .datetimepicker.sln-datetimepicker.datetimepicker-dropdown-bottom-right,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker.datetimepicker-dropdown-bottom-right {
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23);
-moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23);
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23);
}
.sln-btn, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit,
.sln-bootstrap .sln-btn,
a.sln-btn,
.sln-bootstrap a.sln-btn,
#sln-salon .sln-btn,
#sln-salon .sln-bootstrap .sln-btn,
#sln-salon a.sln-btn,
#sln-salon .sln-bootstrap a.sln-btn {
z-index: 800;
}
/*
@-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-input,
#sln-salon.sln-loginform #loginform {
margin-bottom: 0.8em;
}
#sln-salon .sln-input input[type=date],
#sln-salon .sln-input input[type=time],
#sln-salon .sln-input input[type=datetime-local],
#sln-salon .sln-input input[type=week],
#sln-salon .sln-input input[type=month],
#sln-salon .sln-input input[type=text],
#sln-salon .sln-input input[type=email],
#sln-salon .sln-input input[type=url],
#sln-salon .sln-input input[type=password],
#sln-salon .sln-input input[type=search],
#sln-salon .sln-input input[type=tel],
#sln-salon .sln-input input[type=number],
#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 {
width: 100%;
border-radius: 0.1875em;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
padding: 0.5em 0.8em;
line-height: 1.8em;
height: auto;
border-width: 1px;
border-style: solid;
outline-color: currentColor;
outline-width: medium;
}
#sln-salon .sln-input label,
#sln-salon.sln-loginform #loginform label {
padding: 0.5em 1.2em;
font-weight: 400;
}
#sln-salon .sln-input:has([required]) label::after,
#sln-salon.sln-loginform #loginform:has([required]) label::after {
content: "*";
padding-left: 0.3em;
font-size: 1.2em;
line-height: 1;
}
#sln-salon .sln-input .help-block,
#sln-salon.sln-loginform #loginform .help-block {
padding: 0 0.8em;
margin-bottom: 0;
}
#sln-salon .sln-input.sln-input--lon,
#sln-salon.sln-loginform #loginform.sln-input--lon {
margin-bottom: 0;
}
#sln-salon .sln-input.sln-input--lon .sln-input,
#sln-salon .sln-input.sln-input--lon input[type=date],
#sln-salon .sln-input.sln-input--lon input[type=time],
#sln-salon .sln-input.sln-input--lon input[type=datetime-local],
#sln-salon .sln-input.sln-input--lon input[type=week],
#sln-salon .sln-input.sln-input--lon input[type=month],
#sln-salon .sln-input.sln-input--lon input[type=text],
#sln-salon .sln-input.sln-input--lon input[type=email],
#sln-salon .sln-input.sln-input--lon input[type=url],
#sln-salon .sln-input.sln-input--lon input[type=password],
#sln-salon .sln-input.sln-input--lon input[type=search],
#sln-salon .sln-input.sln-input--lon input[type=tel],
#sln-salon .sln-input.sln-input--lon input[type=number],
#sln-salon .sln-input.sln-input--lon textarea,
#sln-salon.sln-loginform #loginform.sln-input--lon .sln-input,
#sln-salon.sln-loginform #loginform.sln-input--lon input[type=date],
#sln-salon.sln-loginform #loginform.sln-input--lon input[type=time],
#sln-salon.sln-loginform #loginform.sln-input--lon input[type=datetime-local],
#sln-salon.sln-loginform #loginform.sln-input--lon input[type=week],
#sln-salon.sln-loginform #loginform.sln-input--lon input[type=month],
#sln-salon.sln-loginform #loginform.sln-input--lon input[type=text],
#sln-salon.sln-loginform #loginform.sln-input--lon input[type=email],
#sln-salon.sln-loginform #loginform.sln-input--lon input[type=url],
#sln-salon.sln-loginform #loginform.sln-input--lon input[type=password],
#sln-salon.sln-loginform #loginform.sln-input--lon input[type=search],
#sln-salon.sln-loginform #loginform.sln-input--lon input[type=tel],
#sln-salon.sln-loginform #loginform.sln-input--lon input[type=number],
#sln-salon.sln-loginform #loginform.sln-input--lon textarea {
margin-bottom: 0;
}
#sln-salon:not(.sln-customcolors) .sln-input input[type=date],
#sln-salon:not(.sln-customcolors) .sln-input input[type=time],
#sln-salon:not(.sln-customcolors) .sln-input input[type=datetime-local],
#sln-salon:not(.sln-customcolors) .sln-input input[type=week],
#sln-salon:not(.sln-customcolors) .sln-input input[type=month],
#sln-salon:not(.sln-customcolors) .sln-input input[type=text],
#sln-salon:not(.sln-customcolors) .sln-input input[type=email],
#sln-salon:not(.sln-customcolors) .sln-input input[type=url],
#sln-salon:not(.sln-customcolors) .sln-input input[type=password],
#sln-salon:not(.sln-customcolors) .sln-input input[type=search],
#sln-salon:not(.sln-customcolors) .sln-input input[type=tel],
#sln-salon:not(.sln-customcolors) .sln-input input[type=number],
#sln-salon:not(.sln-customcolors) .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 {
background-color: rgb(245, 245, 245);
border-color: rgb(80, 80, 80);
outline: 1px solid;
outline-color: transparent;
transition: all 150ms;
}
@media (hover: hover) {
#sln-salon:not(.sln-customcolors) .sln-input input[type=date]:hover,
#sln-salon:not(.sln-customcolors) .sln-input input[type=time]:hover,
#sln-salon:not(.sln-customcolors) .sln-input input[type=datetime-local]:hover,
#sln-salon:not(.sln-customcolors) .sln-input input[type=week]:hover,
#sln-salon:not(.sln-customcolors) .sln-input input[type=month]:hover,
#sln-salon:not(.sln-customcolors) .sln-input input[type=text]:hover,
#sln-salon:not(.sln-customcolors) .sln-input input[type=email]:hover,
#sln-salon:not(.sln-customcolors) .sln-input input[type=url]:hover,
#sln-salon:not(.sln-customcolors) .sln-input input[type=password]:hover,
#sln-salon:not(.sln-customcolors) .sln-input input[type=search]:hover,
#sln-salon:not(.sln-customcolors) .sln-input input[type=tel]:hover,
#sln-salon:not(.sln-customcolors) .sln-input input[type=number]:hover,
#sln-salon:not(.sln-customcolors) .sln-input textarea:hover,
#sln-salon.sln-loginform #loginform input[type=date]:hover,
#sln-salon.sln-loginform #loginform input[type=time]:hover,
#sln-salon.sln-loginform #loginform input[type=datetime-local]:hover,
#sln-salon.sln-loginform #loginform input[type=week]:hover,
#sln-salon.sln-loginform #loginform input[type=month]:hover,
#sln-salon.sln-loginform #loginform input[type=text]:hover,
#sln-salon.sln-loginform #loginform input[type=email]:hover,
#sln-salon.sln-loginform #loginform input[type=url]:hover,
#sln-salon.sln-loginform #loginform input[type=password]:hover,
#sln-salon.sln-loginform #loginform input[type=search]:hover,
#sln-salon.sln-loginform #loginform input[type=tel]:hover,
#sln-salon.sln-loginform #loginform input[type=number]:hover,
#sln-salon.sln-loginform #loginform textarea:hover {
outline-color: rgba(9, 120, 189, 0.5);
border-color: rgba(9, 120, 189, 0.5);
}
}
#sln-salon:not(.sln-customcolors) .sln-input input[type=date]:focus, #sln-salon:not(.sln-customcolors) .sln-input input[type=date]:active,
#sln-salon:not(.sln-customcolors) .sln-input input[type=time]:focus,
#sln-salon:not(.sln-customcolors) .sln-input input[type=time]:active,
#sln-salon:not(.sln-customcolors) .sln-input input[type=datetime-local]:focus,
#sln-salon:not(.sln-customcolors) .sln-input input[type=datetime-local]:active,
#sln-salon:not(.sln-customcolors) .sln-input input[type=week]:focus,
#sln-salon:not(.sln-customcolors) .sln-input input[type=week]:active,
#sln-salon:not(.sln-customcolors) .sln-input input[type=month]:focus,
#sln-salon:not(.sln-customcolors) .sln-input input[type=month]:active,
#sln-salon:not(.sln-customcolors) .sln-input input[type=text]:focus,
#sln-salon:not(.sln-customcolors) .sln-input input[type=text]:active,
#sln-salon:not(.sln-customcolors) .sln-input input[type=email]:focus,
#sln-salon:not(.sln-customcolors) .sln-input input[type=email]:active,
#sln-salon:not(.sln-customcolors) .sln-input input[type=url]:focus,
#sln-salon:not(.sln-customcolors) .sln-input input[type=url]:active,
#sln-salon:not(.sln-customcolors) .sln-input input[type=password]:focus,
#sln-salon:not(.sln-customcolors) .sln-input input[type=password]:active,
#sln-salon:not(.sln-customcolors) .sln-input input[type=search]:focus,
#sln-salon:not(.sln-customcolors) .sln-input input[type=search]:active,
#sln-salon:not(.sln-customcolors) .sln-input input[type=tel]:focus,
#sln-salon:not(.sln-customcolors) .sln-input input[type=tel]:active,
#sln-salon:not(.sln-customcolors) .sln-input input[type=number]:focus,
#sln-salon:not(.sln-customcolors) .sln-input input[type=number]:active,
#sln-salon:not(.sln-customcolors) .sln-input textarea:focus,
#sln-salon:not(.sln-customcolors) .sln-input textarea:active,
#sln-salon.sln-loginform #loginform input[type=date]:focus,
#sln-salon.sln-loginform #loginform input[type=date]:active,
#sln-salon.sln-loginform #loginform input[type=time]:focus,
#sln-salon.sln-loginform #loginform input[type=time]:active,
#sln-salon.sln-loginform #loginform input[type=datetime-local]:focus,
#sln-salon.sln-loginform #loginform input[type=datetime-local]:active,
#sln-salon.sln-loginform #loginform input[type=week]:focus,
#sln-salon.sln-loginform #loginform input[type=week]:active,
#sln-salon.sln-loginform #loginform input[type=month]:focus,
#sln-salon.sln-loginform #loginform input[type=month]:active,
#sln-salon.sln-loginform #loginform input[type=text]:focus,
#sln-salon.sln-loginform #loginform input[type=text]:active,
#sln-salon.sln-loginform #loginform input[type=email]:focus,
#sln-salon.sln-loginform #loginform input[type=email]:active,
#sln-salon.sln-loginform #loginform input[type=url]:focus,
#sln-salon.sln-loginform #loginform input[type=url]:active,
#sln-salon.sln-loginform #loginform input[type=password]:focus,
#sln-salon.sln-loginform #loginform input[type=password]:active,
#sln-salon.sln-loginform #loginform input[type=search]:focus,
#sln-salon.sln-loginform #loginform input[type=search]:active,
#sln-salon.sln-loginform #loginform input[type=tel]:focus,
#sln-salon.sln-loginform #loginform input[type=tel]:active,
#sln-salon.sln-loginform #loginform input[type=number]:focus,
#sln-salon.sln-loginform #loginform input[type=number]:active,
#sln-salon.sln-loginform #loginform textarea:focus,
#sln-salon.sln-loginform #loginform textarea:active {
outline-color: rgb(9, 120, 189);
border-color: rgb(9, 120, 189);
}
#sln-salon:not(.sln-customcolors) .sln-input input[type=date].sln-invalid,
#sln-salon:not(.sln-customcolors) .sln-input input[type=time].sln-invalid,
#sln-salon:not(.sln-customcolors) .sln-input input[type=datetime-local].sln-invalid,
#sln-salon:not(.sln-customcolors) .sln-input input[type=week].sln-invalid,
#sln-salon:not(.sln-customcolors) .sln-input input[type=month].sln-invalid,
#sln-salon:not(.sln-customcolors) .sln-input input[type=text].sln-invalid,
#sln-salon:not(.sln-customcolors) .sln-input input[type=email].sln-invalid,
#sln-salon:not(.sln-customcolors) .sln-input input[type=url].sln-invalid,
#sln-salon:not(.sln-customcolors) .sln-input input[type=password].sln-invalid,
#sln-salon:not(.sln-customcolors) .sln-input input[type=search].sln-invalid,
#sln-salon:not(.sln-customcolors) .sln-input input[type=tel].sln-invalid,
#sln-salon:not(.sln-customcolors) .sln-input input[type=number].sln-invalid,
#sln-salon:not(.sln-customcolors) .sln-input textarea.sln-invalid,
#sln-salon.sln-loginform #loginform input[type=date].sln-invalid,
#sln-salon.sln-loginform #loginform input[type=time].sln-invalid,
#sln-salon.sln-loginform #loginform input[type=datetime-local].sln-invalid,
#sln-salon.sln-loginform #loginform input[type=week].sln-invalid,
#sln-salon.sln-loginform #loginform input[type=month].sln-invalid,
#sln-salon.sln-loginform #loginform input[type=text].sln-invalid,
#sln-salon.sln-loginform #loginform input[type=email].sln-invalid,
#sln-salon.sln-loginform #loginform input[type=url].sln-invalid,
#sln-salon.sln-loginform #loginform input[type=password].sln-invalid,
#sln-salon.sln-loginform #loginform input[type=search].sln-invalid,
#sln-salon.sln-loginform #loginform input[type=tel].sln-invalid,
#sln-salon.sln-loginform #loginform input[type=number].sln-invalid,
#sln-salon.sln-loginform #loginform textarea.sln-invalid {
border-color: #d22221;
}
#sln-salon textarea.sln-input {
width: 100%;
border-radius: 0.1875em;
background-color: rgb(245, 245, 245);
border-color: rgb(80, 80, 80);
outline: 1px solid;
outline-color: transparent;
transition: all 150ms;
}
#sln-salon textarea.sln-input.sln-invalid {
border-color: #d22221;
}
@media (hover: hover) {
#sln-salon textarea.sln-input:hover {
outline-color: rgba(9, 120, 189, 0.5);
border-color: rgba(9, 120, 189, 0.5);
}
}
#sln-salon textarea.sln-input:focus, #sln-salon textarea.sln-input:active {
outline-color: rgb(9, 120, 189);
border-color: rgb(9, 120, 189);
}
#sln-salon.sln-salon--s .sln-input input[type=text] {
margin-bottom: 2em;
}
#sln-salon .sln-input-group {
padding-bottom: 0.8em;
}
#sln-salon .sln-input-group .sln-input {
margin-bottom: 0;
}
#sln-salon.sln-salon--s .sln-input .sln-input-group {
padding-bottom: 2em;
}
#sln-salon.sln-salon--s .sln-input .sln-input-group input[type=text] {
margin-bottom: 0;
}
#sln-salon label {
cursor: pointer;
}
.sln-radiobox label,
#sln-salon .sln-radiobox label, #sln-salon.sln-loginform #loginform .login-emember label, .sln-checkbox label,
#sln-salon .sln-checkbox label {
font-weight: 400;
padding: 0.8em 1.2em 0.8em 0;
margin-bottom: 0;
}
#sln-salon [class^=field-custom_field_].sln-checkbox.col-sm-6,
#sln-salon [class*=" field-custom_field_"].sln-checkbox.col-sm-6 {
width: 100%;
margin-top: 1em;
margin-bottom: 1.6em;
}
.sln-checkbox input,
.sln-checkbox input[disabled],
#sln-salon .sln-checkbox input,
#sln-salon .sln-checkbox input[disabled] {
position: absolute;
margin-left: -9999px;
visibility: hidden;
width: 1.6em;
z-index: 2;
height: 1.6em;
opacity: 0;
}
.sln-checkbox input[required=required]:not(:checked),
#sln-salon .sln-checkbox input[required=required]:not(:checked) {
width: 1em;
height: 1em;
z-index: 1;
visibility: visible;
}
.sln-checkbox input[required=required]:not(:checked):focus, .sln-checkbox input[required=required]:not(:checked):active,
#sln-salon .sln-checkbox input[required=required]:not(:checked):focus,
#sln-salon .sln-checkbox input[required=required]:not(:checked):active {
outline: none;
}
.sln-checkbox input + label,
#sln-salon .sln-checkbox input + label {
margin: 0.2em 0;
display: block;
position: relative;
cursor: pointer;
outline: none;
user-select: none;
padding: 0;
height: 1.6em;
display: table-cell;
vertical-align: middle;
font-size: 1em;
}
@media only screen and (min-width: 768px) {
.sln-checkbox input + label,
#sln-salon .sln-checkbox input + label {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
}
}
.sln-checkbox input + label:before, .sln-checkbox input + label:after,
#sln-salon .sln-checkbox input + label:before,
#sln-salon .sln-checkbox input + label:after {
display: block;
position: absolute;
top: 0;
left: 0;
width: 1.8em;
height: 1.76em;
border-radius: 2px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.sln-checkbox input + label:before, .sln-checkbox input + label:after,
#sln-salon .sln-checkbox input + label:before,
#sln-salon .sln-checkbox input + label:after {
width: 24px;
height: 24px;
}
}
.sln-checkbox input + label:before,
#sln-salon .sln-checkbox input + label:before {
content: "";
transition: transform 0.5s;
backface-visibility: hidden;
border-style: solid;
border-width: 2px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.sln-checkbox input + label:before,
#sln-salon .sln-checkbox input + label:before {
border-width: 2px;
}
}
.sln-checkbox input + label:after,
#sln-salon .sln-checkbox input + label:after {
background-color: transparent;
content: "done";
transition: all 0.15s;
backface-visibility: hidden;
opacity: 0;
font-family: "Material Icons";
font-style: normal;
font-weight: 400;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
font-size: 1.6em;
line-height: 0;
line-height: 1.2em;
top: -0.07em;
left: 0.06em;
width: 1em;
height: 1em;
text-align: center;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.sln-checkbox input + label:after,
#sln-salon .sln-checkbox input + label:after {
font-family: "FontAwesome";
font-weight: 900;
font-size: 18px;
line-height: 0;
line-height: 0;
top: 12px;
left: 3px;
width: 16px;
height: 16px;
}
}
.sln-checkbox input + label:hover:after,
#sln-salon .sln-checkbox input + label:hover:after {
opacity: 0.75;
}
.sln-checkbox input:checked + label:after,
.sln-checkbox input:checked + label:hover:after,
#sln-salon .sln-checkbox input:checked + label:after,
#sln-salon .sln-checkbox input:checked + label:hover:after {
opacity: 1;
}
.sln-checkbox label span,
#sln-salon .sln-checkbox label span {
display: inline-block;
padding-left: 0.6em;
font-weight: 700;
}
.sln-checkbox input[required=required] + label,
#sln-salon .sln-checkbox input[required=required] + label {
z-index: 2;
}
.sln-checkbox input[type=checkbox][disabled] + label,
#sln-salon .sln-checkbox input[type=checkbox][disabled] + label {
cursor: not-allowed;
}
.sln-checkbox input[type=checkbox][disabled] + label:before,
#sln-salon .sln-checkbox input[type=checkbox][disabled] + label:before {
cursor: not-allowed;
}
.sln-checkbox input[type=checkbox][disabled] + label:hover:after,
#sln-salon .sln-checkbox input[type=checkbox][disabled] + label:hover:after {
cursor: not-allowed;
opacity: 0;
}
.sln-service-info .sln-checkbox label {
pointer-events: none;
}
#sln-salon.sln-loginform #loginform .login-emember input,
#sln-salon.sln-loginform #loginform .login-emember input[disabled] {
position: absolute;
margin-left: -9999px;
visibility: hidden;
width: 1.6em;
z-index: 2;
background: red;
height: 1.6em;
opacity: 0;
}
#sln-salon.sln-loginform #loginform .login-emember label {
margin: 0.2em 0;
display: block;
position: relative;
cursor: pointer;
outline: none;
user-select: none;
padding: 0;
padding-top: 0.2em;
padding-left: 2.4em;
height: 1.6em;
display: block;
}
@media only screen and (min-width: 768px) {
#sln-salon.sln-loginform #loginform .login-emember label {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
}
}
#sln-salon.sln-loginform #loginform .login-emember label:before, #sln-salon.sln-loginform #loginform .login-emember label:after {
display: block;
position: absolute;
top: 0;
left: 0;
width: 1.8em;
height: 1.76em;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#sln-salon.sln-loginform #loginform .login-emember label:before, #sln-salon.sln-loginform #loginform .login-emember label:after {
width: 24px;
height: 24px;
}
}
#sln-salon.sln-loginform #loginform .login-emember label:before {
content: "";
transition: transform 0.5s;
backface-visibility: hidden;
border-style: solid;
border-width: 2px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#sln-salon.sln-loginform #loginform .login-emember label:before {
border-width: 2px;
}
}
#sln-salon.sln-loginform #loginform .login-emember label:after {
background-color: transparent;
content: "done";
transition: all 0.15s;
backface-visibility: hidden;
opacity: 0;
font-family: "Material Icons";
font-style: normal;
font-weight: 400;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
font-size: 1.6em;
line-height: 0;
line-height: 1.2em;
top: -0.03em;
left: 0.08em;
width: 1em;
height: 1em;
text-align: center;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#sln-salon.sln-loginform #loginform .login-emember label:after {
font-family: "FontAwesome";
font-weight: 900;
font-size: 18px;
line-height: 0;
line-height: 0;
top: 12px;
left: 3px;
width: 16px;
height: 16px;
}
}
#sln-salon.sln-loginform #loginform .login-emember label:hover:after {
opacity: 0.5;
}
#sln-salon.sln-loginform #loginform .login-emember label.is-checked:after,
#sln-salon.sln-loginform #loginform .login-emember label.is-checked:hover:after {
opacity: 1;
}
#sln-salon.sln-loginform #loginform .login-emember label span {
display: inline-block;
padding-left: 0.6em;
font-weight: 700;
}
#sln-salon.sln-loginform #loginform .login-emember input[type=checkbox][disabled] + label {
cursor: not-allowed;
}
#sln-salon.sln-loginform #loginform .login-emember input[type=checkbox][disabled] + label:before {
cursor: not-allowed;
}
#sln-salon.sln-loginform #loginform .login-emember input[type=checkbox][disabled] + label:hover:after {
cursor: not-allowed;
opacity: 0;
}
.sln-file__content,
#sln-salon .sln-file__content {
display: grid;
grid-template: auto/1fr;
transition: all 150ms;
font-size: 16px;
}
.sln-file__content input[type=file],
#sln-salon .sln-file__content input[type=file] {
width: 100%;
aspect-ratio: 1;
grid-row: 1;
grid-column: 1;
opacity: 0;
transition: all 150ms ease-in-out;
cursor: pointer;
}
@media (min-width: 992px) {
.sln-file__content input[type=file],
#sln-salon .sln-file__content input[type=file] {
aspect-ratio: 1/0.36;
}
}
.sln-file__content input[type=file] + label,
#sln-salon .sln-file__content input[type=file] + label {
grid-row: 1;
grid-column: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-bottom: 0;
position: relative;
pointer-events: none;
border: 2px dashed;
border-radius: 5px;
border-color: rgba(80, 80, 80, 0.5);
background-color: transparent;
font-size: 1em;
font-weight: 600;
transform: scale(1);
transition: all 250ms ease;
z-index: 9;
}
.sln-file__content input[type=file] + label span,
#sln-salon .sln-file__content input[type=file] + label span {
font-size: 1em;
}
.sln-file__content input[type=file] + label::before,
.sln-file__content input[type=file] + label .sln-file__text--drag,
.sln-file__content input[type=file] + label .sln-file__text--or,
.sln-file__content input[type=file] + label .sln-file__btn,
#sln-salon .sln-file__content input[type=file] + label::before,
#sln-salon .sln-file__content input[type=file] + label .sln-file__text--drag,
#sln-salon .sln-file__content input[type=file] + label .sln-file__text--or,
#sln-salon .sln-file__content input[type=file] + label .sln-file__btn {
opacity: 1;
transform: scale(1);
transition: all 250ms ease;
}
.sln-file__content input[type=file] + label::before,
#sln-salon .sln-file__content input[type=file] + label::before {
margin-bottom: 8px;
font-family: "FontAwesome";
font-weight: 900;
font-size: 2em;
line-height: 0;
content: "\f382";
line-height: 1;
color: rgba(9, 120, 189, 0.75);
}
.sln-file__content input[type=file] + label .sln-file__text--drag,
#sln-salon .sln-file__content input[type=file] + label .sln-file__text--drag {
order: 2;
}
.sln-file__content input[type=file] + label .sln-file__text--or,
#sln-salon .sln-file__content input[type=file] + label .sln-file__text--or {
order: 3;
margin: 4px;
}
.sln-file__content input[type=file] + label .sln-file__btn,
#sln-salon .sln-file__content input[type=file] + label .sln-file__btn {
order: 4;
}
.sln-file__content input[type=file] + label .sln-file__btn,
#sln-salon .sln-file__content input[type=file] + label .sln-file__btn {
pointer-events: auto;
font-weight: 600;
}
.sln-file__content input[type=file] + label .sln-file__btn.sln-btn, .sln-file__content input[type=file] + label #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-file__btn#wp-submit, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-file__content input[type=file] + label .sln-file__btn#wp-submit,
#sln-salon .sln-file__content input[type=file] + label .sln-file__btn.sln-btn,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-file__content input[type=file] + label #loginform .sln-file__btn#wp-submit {
height: 2.2em;
margin-top: 0.25em;
padding: 0 1.5em;
}
.sln-file__content input[type=file] + label::after,
#sln-salon .sln-file__content input[type=file] + label::after {
content: "";
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
opacity: 0;
border-radius: 0.75em;
box-shadow: 0 0 10px currentColor;
transition: opacity 0.3s ease-in-out;
}
.sln-file__content input[type=file].sln-invalid + label,
#sln-salon .sln-file__content input[type=file].sln-invalid + label {
background-color: red;
border-color: #d22221;
}
.sln-file__content input[type=file]:not(:hover) + label .sln-file__btn,
#sln-salon .sln-file__content input[type=file]:not(:hover) + label .sln-file__btn {
pointer-events: auto;
background-color: rgba(9, 120, 189, 0.25);
color: rgb(52, 52, 52);
}
@media (hover: hover) {
.sln-file__content input[type=file]:active + label, .sln-file__content input[type=file]:focus + label,
#sln-salon .sln-file__content input[type=file]:active + label,
#sln-salon .sln-file__content input[type=file]:focus + label {
background-color: rgba(9, 120, 189, 0.25);
border-color: rgba(9, 120, 189, 0.5);
border-radius: 0.75em;
color: rgb(52, 52, 52);
transform: scale(1.01);
}
.sln-file__content input[type=file]:active + label::after, .sln-file__content input[type=file]:focus + label::after,
#sln-salon .sln-file__content input[type=file]:active + label::after,
#sln-salon .sln-file__content input[type=file]:focus + label::after {
opacity: 0;
}
.sln-file__content input[type=file]:hover + label,
#sln-salon .sln-file__content input[type=file]:hover + label {
background-color: rgba(0, 145, 234, 0.25);
border-color: rgb(0, 145, 234);
border-radius: 0.75em;
color: rgb(52, 52, 52);
transform: scale(1.01);
}
.sln-file__content input[type=file]:hover + label::before,
#sln-salon .sln-file__content input[type=file]:hover + label::before {
color: rgb(9, 120, 189);
}
.sln-file__content input[type=file]:hover + label::after,
#sln-salon .sln-file__content input[type=file]:hover + label::after {
opacity: 0;
}
.sln-file__content input[type=file]:hover + label .sln-file__text--or,
#sln-salon .sln-file__content input[type=file]:hover + label .sln-file__text--or {
margin: 0;
}
.sln-file__content input[type=file]:hover + label .sln-file__text--drag,
.sln-file__content input[type=file]:hover + label .sln-file__text--or,
#sln-salon .sln-file__content input[type=file]:hover + label .sln-file__text--drag,
#sln-salon .sln-file__content input[type=file]:hover + label .sln-file__text--or {
transform: scale(0.75);
opacity: 0.5;
}
.sln-file__content input[type=file]:hover + label .sln-file__btn,
#sln-salon .sln-file__content input[type=file]:hover + label .sln-file__btn {
transform: scale(1.1);
}
}
.sln-file__content::before,
#sln-salon .sln-file__content::before {
content: "";
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(9, 120, 189, 0);
z-index: 5;
pointer-events: none;
transition: all 0.15s ease-in-out;
backdrop-filter: blur(0);
}
.sln-file__content.sln-file__content--draghover input[type=file] + label,
#sln-salon .sln-file__content.sln-file__content--draghover input[type=file] + label {
background-color: rgba(9, 120, 189, 0.15);
border-color: rgba(9, 120, 189, 0.5);
border-radius: 0.75em;
color: rgb(52, 52, 52);
transform: scale(1);
}
.sln-file__content.sln-file__content--draghover input[type=file] + label::before,
#sln-salon .sln-file__content.sln-file__content--draghover input[type=file] + label::before {
color: rgb(9, 120, 189);
}
.sln-file__content.sln-file__content--draghover input[type=file] + label::after,
#sln-salon .sln-file__content.sln-file__content--draghover input[type=file] + label::after {
opacity: 0.15;
}
.sln-file__content.sln-file__content--draghover input[type=file] + label .sln-file__text--or,
.sln-file__content.sln-file__content--draghover input[type=file] + label .sln-file__btn,
#sln-salon .sln-file__content.sln-file__content--draghover input[type=file] + label .sln-file__text--or,
#sln-salon .sln-file__content.sln-file__content--draghover input[type=file] + label .sln-file__btn {
transform: scale(0.75);
opacity: 0.5;
}
.sln-file__content.sln-file__content--draghover input[type=file] + label .sln-file__text--or,
#sln-salon .sln-file__content.sln-file__content--draghover input[type=file] + label .sln-file__text--or {
margin-top: 16px;
margin-bottom: -8px;
}
.sln-file__content.sln-file__content--draghover input[type=file] + label .sln-file__btn,
#sln-salon .sln-file__content.sln-file__content--draghover input[type=file] + label .sln-file__btn {
margin-bottom: -32px;
}
.sln-file__content.sln-file__content--draghover input[type=file] + label .sln-file__text--drag,
#sln-salon .sln-file__content.sln-file__content--draghover input[type=file] + label .sln-file__text--drag {
transform: scale(1.1);
}
.sln-file__content.sln-file__content--draghover::before,
#sln-salon .sln-file__content.sln-file__content--draghover::before {
background-color: rgba(217, 225, 230, 0.25);
backdrop-filter: blur(2px);
}
.sln-file__content.sln-file__content--draghover.sln-file__content--draghover--fine input[type=file] + label,
#sln-salon .sln-file__content.sln-file__content--draghover.sln-file__content--draghover--fine input[type=file] + label {
background-color: rgba(9, 120, 189, 0.3);
transform: scale(1.05);
}
.sln-file__content.sln-file__content--draghover.sln-file__content--draghover--fine input[type=file] + label::after,
#sln-salon .sln-file__content.sln-file__content--draghover.sln-file__content--draghover--fine input[type=file] + label::after {
opacity: 0.25;
}
.sln-file__content.sln-file__content--draghover.sln-file__content--draghover--fine.sln-file__content input[type=file] + label .sln-file__btn,
#sln-salon .sln-file__content.sln-file__content--draghover.sln-file__content--draghover--fine.sln-file__content input[type=file] + label .sln-file__btn {
pointer-events: none;
}
.sln-file__content.sln-file__content--draghover.sln-file__content--draghover--fine.sln-file__content input[type=file]:hover + label .sln-file__btn,
#sln-salon .sln-file__content.sln-file__content--draghover.sln-file__content--draghover--fine.sln-file__content input[type=file]:hover + label .sln-file__btn {
pointer-events: auto;
background-color: rgba(9, 120, 189, 0.25);
color: rgb(52, 52, 52);
}
.sln-file__content .sln-file__list,
#sln-salon .sln-file__content .sln-file__list {
margin: 24px 0 40px 0;
padding: 0;
}
.sln-file__content .sln-file__list li,
#sln-salon .sln-file__content .sln-file__list li {
display: grid;
grid-template: auto/auto 40px;
align-items: center;
gap: 24px;
padding: 12px 20px;
border: 1px solid;
border-color: transparent;
border-bottom-color: rgba(63, 68, 70, 0.2);
transition: all 0.25s ease-in-out;
background-color: rgb(245, 245, 245);
}
.sln-file__content .sln-file__list li .sln-file__name,
#sln-salon .sln-file__content .sln-file__list li .sln-file__name {
overflow: hidden;
text-overflow: ellipsis;
}
.sln-file__content .sln-file__list li:first-child,
#sln-salon .sln-file__content .sln-file__list li:first-child {
border-radius: 5px 5px 0 0;
}
.sln-file__content .sln-file__list li:last-child,
#sln-salon .sln-file__content .sln-file__list li:last-child {
border-bottom-color: transparent;
}
.sln-file__content .sln-file__list li:last-child:not(.sln-file__errors):not(.sln-file__progressbar__wrapper),
#sln-salon .sln-file__content .sln-file__list li:last-child:not(.sln-file__errors):not(.sln-file__progressbar__wrapper) {
border-radius: 0 0 5px 5px;
}
.sln-file__content .sln-file__list li:has(+ .sln-file__errors), .sln-file__content .sln-file__list li:has(+ .sln-file__progressbar__wrapper),
#sln-salon .sln-file__content .sln-file__list li:has(+ .sln-file__errors),
#sln-salon .sln-file__content .sln-file__list li:has(+ .sln-file__progressbar__wrapper) {
margin-bottom: 16px;
border-bottom-color: transparent;
border-radius: 0 0 5px 5px;
}
@media (hover: hover) {
.sln-file__content .sln-file__list li:hover,
#sln-salon .sln-file__content .sln-file__list li:hover {
outline-color: rgba(9, 120, 189, 0.5);
border-color: rgba(9, 120, 189, 0.5);
}
.sln-file__content .sln-file__list li:hover.sln-file__errors, .sln-file__content .sln-file__list li:hover.sln-file__progressbar__wrapper,
#sln-salon .sln-file__content .sln-file__list li:hover.sln-file__errors,
#sln-salon .sln-file__content .sln-file__list li:hover.sln-file__progressbar__wrapper {
outline-color: transparent;
border-color: transparent;
}
.sln-file__content .sln-file__list li:hover .sln-input--file__remove::after,
#sln-salon .sln-file__content .sln-file__list li:hover .sln-input--file__remove::after {
background-color: rgba(0, 145, 234, 0.15);
}
}
.sln-file__content .sln-file__remove,
#sln-salon .sln-file__content .sln-file__remove {
display: grid;
grid-template: 1fr/1fr;
width: 40px;
height: 40px;
justify-items: center;
align-items: center;
cursor: pointer;
transition: all 0.25s ease-in-out;
}
.sln-file__content .sln-file__remove::before, .sln-file__content .sln-file__remove::after,
#sln-salon .sln-file__content .sln-file__remove::before,
#sln-salon .sln-file__content .sln-file__remove::after {
display: flex;
justify-content: center;
align-items: center;
content: "";
width: 100%;
height: 100%;
grid-row: 1;
grid-column: 1;
border-radius: 50%;
transition: all 250ms ease-in-out;
}
.sln-file__content .sln-file__remove::before,
#sln-salon .sln-file__content .sln-file__remove::before {
background-color: #0091ea;
opacity: 0;
font-family: "FontAwesome";
font-weight: 900;
font-size: 1.2em;
line-height: 0;
content: "\f00d";
color: rgb(255, 255, 255);
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23);
-moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23);
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23);
}
.sln-file__content .sln-file__remove::after,
#sln-salon .sln-file__content .sln-file__remove::after {
grid-row: 1;
grid-column: 1;
font-family: "FontAwesome";
font-weight: 900;
font-size: 1.2em;
line-height: 0;
content: "\f00d";
color: currentColor;
background-color: transparent;
opacity: 1;
}
@media (hover: hover) {
.sln-file__content .sln-file__remove:hover::before,
#sln-salon .sln-file__content .sln-file__remove:hover::before {
opacity: 1;
}
.sln-file__content .sln-file__remove:hover::after,
#sln-salon .sln-file__content .sln-file__remove:hover::after {
opacity: 0;
}
}
.sln-file__content .sln-file__progressbar,
#sln-salon .sln-file__content .sln-file__progressbar {
background-color: #ccc;
width: 100%;
height: 12px;
margin: 14px 0;
border-radius: 6px;
outline-color: transparent;
border-color: transparent;
}
.sln-file__content .sln-file__progressbar__value,
#sln-salon .sln-file__content .sln-file__progressbar__value {
background-color: #0170b9;
width: 0%;
height: 100%;
border-radius: 6px;
}
.sln-file__content .sln-file__progressbar__percentage,
#sln-salon .sln-file__content .sln-file__progressbar__percentage {
justify-self: end;
font-weight: 700;
line-height: 1;
}
.sln-file__content .sln-file__errors,
.sln-file__content .sln-file__list li.sln-file__errors,
#sln-salon .sln-file__content .sln-file__errors,
#sln-salon .sln-file__content .sln-file__list li.sln-file__errors {
background-color: rgba(210, 34, 34, 0.75);
color: #fff;
font-weight: 700;
border-radius: 5px;
}
.sln-file__content .sln-file__errors::after,
.sln-file__content .sln-file__list li.sln-file__errors::after,
#sln-salon .sln-file__content .sln-file__errors::after,
#sln-salon .sln-file__content .sln-file__list li.sln-file__errors::after {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
font-family: "FontAwesome";
font-weight: 900;
font-size: 32px;
line-height: 0;
content: "\f06a";
opacity: 0.75;
}
.sln-radiobox input,
#sln-salon .sln-radiobox input {
position: absolute;
margin-left: -9999px;
visibility: hidden;
}
.sln-radiobox input + label,
#sln-salon .sln-radiobox input + label {
display: block;
position: relative;
cursor: pointer;
outline: none;
user-select: none;
padding: 0;
height: 1.6em;
display: inline-block;
}
@media only screen and (min-width: 768px) {
.sln-radiobox input + label,
#sln-salon .sln-radiobox input + label {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
}
}
.sln-radiobox input + label:before, .sln-radiobox input + label:after,
#sln-salon .sln-radiobox input + label:before,
#sln-salon .sln-radiobox input + label:after {
content: " ";
display: block;
position: absolute;
top: 0;
left: 0;
padding: 1px;
width: 28px;
height: 28px;
border-radius: 50%;
}
.sln-radiobox input + label:before,
#sln-salon .sln-radiobox input + label:before {
transition: transform 0.5s;
backface-visibility: hidden;
border-style: solid;
border-width: 0.2em;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.sln-radiobox input + label:before,
#sln-salon .sln-radiobox input + label:before {
border-width: 0.2em;
}
}
.sln-radiobox input + label:after,
#sln-salon .sln-radiobox input + label:after {
width: 18px;
height: 18px;
top: 5px;
left: 5px;
transition: background 0.15s;
backface-visibility: hidden;
text-align: center;
opacity: 0;
}
.sln-radiobox input + label:hover:after,
#sln-salon .sln-radiobox input + label:hover:after {
opacity: 1;
}
.sln-radiobox input:checked + label:after,
.sln-radiobox input:checked + label:hover:after,
#sln-salon .sln-radiobox input:checked + label:after,
#sln-salon .sln-radiobox input:checked + label:hover:after {
opacity: 1;
}
.sln-radiobox input[type=radio][disabled] + label,
#sln-salon .sln-radiobox input[type=radio][disabled] + label {
cursor: not-allowed;
}
.sln-radiobox input[type=radio][disabled] + label:before,
#sln-salon .sln-radiobox input[type=radio][disabled] + label:before {
cursor: not-allowed;
}
.sln-radiobox input[type=radio][disabled] + label:hover:after,
#sln-salon .sln-radiobox input[type=radio][disabled] + label:hover:after {
cursor: not-allowed;
opacity: 0;
}
.sln-switch,
#sln-salon .sln-switch {
display: block;
width: 3.5rem;
height: 2.25rem;
padding: 0.5rem;
position: relative;
transition: all 150ms;
}
.sln-switch::before,
#sln-salon .sln-switch::before {
display: block;
content: "";
width: 2.5rem;
height: 1.25rem;
position: absolute;
top: 0.5rem;
left: 0.5rem;
background-color: rgb(9, 120, 189);
border-radius: 0.625rem;
transition: all 150ms;
}
.sln-switch::after,
#sln-salon .sln-switch::after {
display: block;
content: "";
width: 0.75rem;
height: 0.75rem;
position: absolute;
top: 0.75rem;
left: 2rem;
border: 0.125rem solid rgb(255, 255, 255);
border-radius: 50%;
background-color: rgb(83, 106, 119);
transition: all 150ms;
}
.sln-switch.collapsed::before,
#sln-salon .sln-switch.collapsed::before {
background-color: rgb(173, 173, 173);
}
.sln-switch.collapsed::after,
#sln-salon .sln-switch.collapsed::after {
left: 0.75rem;
background-color: rgb(9, 120, 189);
}
.collapsed .sln-switch::before,
#sln-salon .collapsed .sln-switch::before {
background-color: rgb(173, 173, 173);
}
.collapsed .sln-switch::after,
#sln-salon .collapsed .sln-switch::after {
left: 0.75rem;
background-color: rgb(9, 120, 189);
}
#sln-salon .sln-input .sln-input--addon {
padding: 0.5em 0.8em;
border-radius: 0;
border: 0;
font-weight: bold;
line-height: 1.8em;
background: transparent;
position: relative;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#sln-salon .sln-input .sln-input--addon {
padding: 7px 0.8em;
line-height: 32px;
}
}
#sln-salon .sln-input .sln-input--addon:after {
content: " ";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0.25;
}
#sln-salon .sln-checkbox label:first-child {
font-size: 0.8em;
line-height: 1.4em;
padding: 0.5em 1.2em;
font-weight: 400;
}
#sln-salon .select2-container.select2-container--sln .select2-selection--single .select2-selection__rendered {
padding: 0.5em 0.8em;
line-height: 1.8em;
border: none;
}
#sln-salon .select2-container.select2-container--sln .select2-selection--single,
#sln-salon .select2-container.select2-container--sln .select2-selection--multiple {
height: auto;
border-width: 1px;
border-style: solid;
}
#sln-salon .select2-container.select2-container--sln .select2-selection--single .select2-selection__arrow:before,
#sln-salon .select2-container.select2-container--sln .select2-selection--multiple .select2-selection__arrow:before {
transition: transform 250ms;
}
#sln-salon .select2-container.select2-container--sln .select2-selection--single[aria-expanded=true] .select2-selection__arrow:before,
#sln-salon .select2-container.select2-container--sln .select2-selection--multiple[aria-expanded=true] .select2-selection__arrow:before {
transform: rotate(180deg);
transform-origin: center 55%;
}
#sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--single,
#sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--multiple {
background-color: rgb(255, 255, 255);
border-color: rgba(0, 66, 88, 0.3);
}
.sln-salon-page .select2-container.select2-container--sln .select2-selection--single,
.sln-salon-page .select2-container.select2-container--sln .select2-selection--multiple {
border: none;
border-radius: 0;
transition: all 150ms;
}
.sln-salon-page .select2-container.select2-container--sln .select2-dropdown,
.sln-salon-page .select2-container.select2-container--sln .select2-search--dropdown .select2-search__field {
border-radius: 0;
font-family: "Open Sans", sans-serif;
font-weight: normal;
font-size: 1rem;
line-height: calc(1rem + 0.5rem);
}
.sln-salon-page .select2-container.select2-container--sln .select2-search.select2-search--dropdown input[type=search] {
width: 100%;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
padding: 0.5em 0.8em;
line-height: 1.8em;
height: auto;
border-width: 1px;
border-style: solid;
outline-color: currentColor;
outline-width: medium;
}
.sln-salon-page .select2-container.select2-container--sln .select2-results > .select2-results__options {
max-height: 16.6666666667rem;
max-height: 30vh;
}
.sln-salon-page .select2-container.select2-container--sln .select2-results__option {
padding: 0.41667em 0.83333em;
padding: 0.5em 0.8em;
line-height: 1.8em;
margin: 0;
border-top: 1px solid;
transition: all 0.15s;
}
.sln-salon-page .select2-container.select2-container--sln .select2-results__option--highlighted[aria-selected] {
transition: all 0.15s;
}
.sln-salon-page .select2-container.select2-container--sln .select2-selection--single .select2-selection__arrow {
height: 1.4444444444rem;
position: absolute;
top: calc(50% - 10px);
right: 1.1111111111rem;
width: 1.1111111111rem;
height: 1.1111111111rem;
/* FIX 092023
&:before {
display: block;
width: settings-mixins.rem(20px);
height: settings-mixins.rem(20px);
content: "\f078";
position: absolute;
top: 0;
left: 0;
@extend %font-icon;
line-height: settings-mixins.rem(20px);
color: currentColor;
}
*/
}
.sln-salon-page .select2-container.select2-container--sln .select2-selection--single .select2-selection__arrow b {
display: none;
}
.sln-salon-page:not(.sln-salon-page-customcolors) .select2-container.select2-container--sln .select2-selection--single,
.sln-salon-page:not(.sln-salon-page-customcolors) .select2-container.select2-container--sln .select2-selection--multiple {
background-color: rgb(255, 255, 255);
}
.sln-salon-page:not(.sln-salon-page-customcolors) .select2-container.select2-container--sln .select2-selection--single:hover, .sln-salon-page:not(.sln-salon-page-customcolors) .select2-container.select2-container--sln .select2-selection--single:focus,
.sln-salon-page:not(.sln-salon-page-customcolors) .select2-container.select2-container--sln .select2-selection--multiple:hover,
.sln-salon-page:not(.sln-salon-page-customcolors) .select2-container.select2-container--sln .select2-selection--multiple:focus {
background-color: rgb(255, 255, 255);
}
.sln-salon-page:not(.sln-salon-page-customcolors) .select2-container.select2-container--sln .select2-selection--single:hover .select2-selection__rendered, .sln-salon-page:not(.sln-salon-page-customcolors) .select2-container.select2-container--sln .select2-selection--single:focus .select2-selection__rendered,
.sln-salon-page:not(.sln-salon-page-customcolors) .select2-container.select2-container--sln .select2-selection--multiple:hover .select2-selection__rendered,
.sln-salon-page:not(.sln-salon-page-customcolors) .select2-container.select2-container--sln .select2-selection--multiple:focus .select2-selection__rendered {
color: #fff;
}
.sln-salon-page:not(.sln-salon-page-customcolors) .select2-container.select2-container--sln .select2-selection--single:hover .select2-selection__arrow:before, .sln-salon-page:not(.sln-salon-page-customcolors) .select2-container.select2-container--sln .select2-selection--single:focus .select2-selection__arrow:before,
.sln-salon-page:not(.sln-salon-page-customcolors) .select2-container.select2-container--sln .select2-selection--multiple:hover .select2-selection__arrow:before,
.sln-salon-page:not(.sln-salon-page-customcolors) .select2-container.select2-container--sln .select2-selection--multiple:focus .select2-selection__arrow:before {
color: #fff;
}
.sln-salon-page:not(.sln-salon-page-customcolors) .select2-container.select2-container--sln .select2-search.select2-search--dropdown input[type=search] {
background-color: rgb(255, 255, 255);
border-color: rgba(0, 66, 88, 0.3);
}
.sln-salon-page:not(.sln-salon-page-customcolors) .select2-container.select2-container--sln .select2-results__option {
background-color: rgb(255, 255, 255);
border-color: rgba(0, 66, 88, 0.3);
}
.sln-salon-page.sln-salon-page-customcolors .select2-container.select2-container--sln .select2-search.select2-search--dropdown input[type=search] {
border-color: currentColor;
}
#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;
}
.old #sln-salon.sln-salon--s .sln-thankyou .sln-icon-wrapper .sln-icon, .sln-loader {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%) translateY(0);
-ms-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
}
.sln-icon-wrapper .sln-icon, #sln-salon .sln_datepicker:after,
#sln-salon .sln_timepicker:after,
#sln-salon #sln-salon-my-account .sln_datepicker:after,
#sln-salon #sln-salon-my-account .sln_timepicker:after {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.sln-btn--emphasis.sln-btn--disabled,
#sln-salon .sln-btn--emphasis.sln-btn--disabled,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled, .sln-btn--emphasis.sln-btn--disabled:hover, .sln-btn--emphasis.sln-btn--disabled:focus, .sln-btn--emphasis.sln-btn--disabled:active,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:hover,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:focus,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:active,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:hover,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:focus,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:active, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit {
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
}
#sln-salon .datetimepicker.sln-datetimepicker.datetimepicker-dropdown-bottom-right,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker.datetimepicker-dropdown-bottom-right, .sln-btn--emphasis:hover, .sln-btn--emphasis:focus, .sln-btn--emphasis:active,
#sln-salon .sln-btn--emphasis:hover,
#sln-salon .sln-btn--emphasis:focus,
#sln-salon .sln-btn--emphasis:active,
.sln-bootstrap .sln-btn--emphasis:hover,
.sln-bootstrap .sln-btn--emphasis:focus,
.sln-bootstrap .sln-btn--emphasis:active, .sln-btn--nobkg:hover, .sln-btn--nobkg:focus, .sln-btn--nobkg:active,
#sln-salon .sln-btn--nobkg:hover,
#sln-salon .sln-btn--nobkg:focus,
#sln-salon .sln-btn--nobkg:active,
.sln-bootstrap .sln-btn--nobkg:hover,
.sln-bootstrap .sln-btn--nobkg:focus,
.sln-bootstrap .sln-btn--nobkg:active, .sln-btn--borderonly:hover, .sln-btn--borderonly:focus, .sln-btn--borderonly:active,
#sln-salon .sln-btn--borderonly:hover,
#sln-salon .sln-btn--borderonly:focus,
#sln-salon .sln-btn--borderonly:active,
.sln-bootstrap .sln-btn--borderonly:hover,
.sln-bootstrap .sln-btn--borderonly:focus,
.sln-bootstrap .sln-btn--borderonly:active,
.sln-btn.sln-btn--borderonly:hover,
.sln-btn.sln-btn--borderonly:focus,
.sln-btn.sln-btn--borderonly:active,
.sln-bootstrap .sln-btn.sln-btn--borderonly:hover,
.sln-bootstrap .sln-btn.sln-btn--borderonly:focus,
.sln-bootstrap .sln-btn.sln-btn--borderonly:active,
a.sln-btn.sln-btn--borderonly:hover,
a.sln-btn.sln-btn--borderonly:focus,
a.sln-btn.sln-btn--borderonly:active,
.sln-bootstrap a.sln-btn.sln-btn--borderonly:hover,
.sln-bootstrap a.sln-btn.sln-btn--borderonly:focus,
.sln-bootstrap a.sln-btn.sln-btn--borderonly:active,
#sln-salon .sln-btn.sln-btn--borderonly:hover,
#sln-salon .sln-btn.sln-btn--borderonly:focus,
#sln-salon .sln-btn.sln-btn--borderonly:active,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly:hover,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly:focus,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly:active,
#sln-salon a.sln-btn.sln-btn--borderonly:hover,
#sln-salon a.sln-btn.sln-btn--borderonly:focus,
#sln-salon a.sln-btn.sln-btn--borderonly:active,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly:hover,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly:focus,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly:active, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:hover, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:focus, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:active {
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23);
-moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23);
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23);
}
.sln-btn,
.sln-bootstrap .sln-btn,
a.sln-btn,
.sln-bootstrap a.sln-btn,
#sln-salon .sln-btn,
#sln-salon .sln-bootstrap .sln-btn,
#sln-salon a.sln-btn,
#sln-salon .sln-bootstrap a.sln-btn, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit {
z-index: 800;
}
/*
@-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-btn, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit,
.sln-bootstrap .sln-btn,
a.sln-btn,
.sln-bootstrap a.sln-btn,
#sln-salon .sln-btn,
#sln-salon .sln-bootstrap .sln-btn,
#sln-salon a.sln-btn,
#sln-salon .sln-bootstrap a.sln-btn {
text-align: center;
border: none;
cursor: pointer;
-webkit-transition: all 250ms;
-moz-transition: all 250ms;
-o-transition: all 250ms;
transition: all 250ms;
text-decoration: none;
position: relative;
}
.sln-btn input, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit input,
.sln-btn button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit button,
.sln-btn a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit a,
.sln-bootstrap .sln-btn input,
.sln-bootstrap .sln-btn button,
.sln-bootstrap .sln-btn a,
a.sln-btn input,
a.sln-btn button,
a.sln-btn a,
.sln-bootstrap a.sln-btn input,
.sln-bootstrap a.sln-btn button,
.sln-bootstrap a.sln-btn a,
#sln-salon .sln-btn input,
#sln-salon .sln-btn button,
#sln-salon .sln-btn a,
#sln-salon .sln-bootstrap .sln-btn input,
#sln-salon .sln-bootstrap .sln-btn button,
#sln-salon .sln-bootstrap .sln-btn a,
#sln-salon a.sln-btn input,
#sln-salon a.sln-btn button,
#sln-salon a.sln-btn a,
#sln-salon .sln-bootstrap a.sln-btn input,
#sln-salon .sln-bootstrap a.sln-btn button,
#sln-salon .sln-bootstrap a.sln-btn a {
width: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: 0;
z-index: 200;
border: none;
background-color: transparent;
cursor: pointer;
-webkit-transition: background-color 200ms, color 250ms;
-moz-transition: background-color 200ms, color 250ms;
-o-transition: background-color 200ms, color 250ms;
transition: background-color 200ms, color 250ms;
}
.sln-btn:hover, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:hover, .sln-btn:focus, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:focus, .sln-btn:active, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:active,
.sln-bootstrap .sln-btn:hover,
.sln-bootstrap .sln-btn:focus,
.sln-bootstrap .sln-btn:active,
a.sln-btn:hover,
a.sln-btn:focus,
a.sln-btn:active,
.sln-bootstrap a.sln-btn:hover,
.sln-bootstrap a.sln-btn:focus,
.sln-bootstrap a.sln-btn:active,
#sln-salon .sln-btn:hover,
#sln-salon .sln-btn:focus,
#sln-salon .sln-btn:active,
#sln-salon .sln-bootstrap .sln-btn:hover,
#sln-salon .sln-bootstrap .sln-btn:focus,
#sln-salon .sln-bootstrap .sln-btn:active,
#sln-salon a.sln-btn:hover,
#sln-salon a.sln-btn:focus,
#sln-salon a.sln-btn:active,
#sln-salon .sln-bootstrap a.sln-btn:hover,
#sln-salon .sln-bootstrap a.sln-btn:focus,
#sln-salon .sln-bootstrap a.sln-btn:active {
text-decoration: none;
text-shadow: none;
outline: none;
}
.sln-btn.sln-btn--disabled, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit,
.sln-bootstrap .sln-btn.sln-btn--disabled,
a.sln-btn.sln-btn--disabled,
.sln-bootstrap a.sln-btn.sln-btn--disabled,
#sln-salon .sln-btn.sln-btn--disabled,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--disabled,
#sln-salon a.sln-btn.sln-btn--disabled,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--disabled {
opacity: 0.35;
cursor: not-allowed;
}
.sln-btn.sln-btn--disabled input, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit input,
.sln-btn.sln-btn--disabled button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit button,
.sln-btn.sln-btn--disabled a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit a,
.sln-bootstrap .sln-btn.sln-btn--disabled input,
.sln-bootstrap .sln-btn.sln-btn--disabled button,
.sln-bootstrap .sln-btn.sln-btn--disabled a,
a.sln-btn.sln-btn--disabled input,
a.sln-btn.sln-btn--disabled button,
a.sln-btn.sln-btn--disabled a,
.sln-bootstrap a.sln-btn.sln-btn--disabled input,
.sln-bootstrap a.sln-btn.sln-btn--disabled button,
.sln-bootstrap a.sln-btn.sln-btn--disabled a,
#sln-salon .sln-btn.sln-btn--disabled input,
#sln-salon .sln-btn.sln-btn--disabled button,
#sln-salon .sln-btn.sln-btn--disabled a,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--disabled input,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--disabled button,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--disabled a,
#sln-salon a.sln-btn.sln-btn--disabled input,
#sln-salon a.sln-btn.sln-btn--disabled button,
#sln-salon a.sln-btn.sln-btn--disabled a,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--disabled input,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--disabled button,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--disabled a {
pointer-events: none;
}
#sln-salon button:hover, #sln-salon button:focus, #sln-salon button:active {
outline: none;
}
#sln-salon .sln-btn--big,
#sln-salon .sln-btn--big input,
#sln-salon .sln-btn--big button,
#sln-salon .sln-btn--big a {
display: inline-block;
padding: 0 0.5em;
line-height: 4em;
height: 4em;
text-transform: uppercase;
font-weight: normal;
}
#sln-salon .sln-btn--big.sln-btn--block,
#sln-salon .sln-btn--big input.sln-btn--block,
#sln-salon .sln-btn--big button.sln-btn--block,
#sln-salon .sln-btn--big a.sln-btn--block {
display: block;
}
#sln-salon .sln-btn.sln-btn--noheight, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--noheight#wp-submit {
display: inline-block;
position: relative;
top: initial;
top: auto;
right: initial;
right: auto;
bottom: initial;
bottom: auto;
left: initial;
left: auto;
padding: 1em 0.5em;
text-transform: uppercase;
}
#sln-salon .sln-btn.sln-btn--noheight.sln-btn--block, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--noheight.sln-btn--block#wp-submit {
display: block;
}
#sln-salon div.sln-btn.sln-btn--noheight, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform div.sln-btn--noheight#wp-submit {
padding: 0;
}
#sln-salon .sln-btn.sln-btn--noheight input, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--noheight#wp-submit input,
#sln-salon .sln-btn.sln-btn--noheight button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--noheight#wp-submit button,
#sln-salon .sln-btn.sln-btn--noheight a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--noheight#wp-submit a {
display: inline-block;
position: relative;
top: initial;
top: auto;
right: initial;
right: auto;
bottom: initial;
bottom: auto;
left: initial;
left: auto;
padding: 1em 0.5em;
}
#sln-salon .sln-btn.sln-btn--noheight input.sln-btn--block, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--noheight#wp-submit input.sln-btn--block,
#sln-salon .sln-btn.sln-btn--noheight button.sln-btn--block,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--noheight#wp-submit button.sln-btn--block,
#sln-salon .sln-btn.sln-btn--noheight a.sln-btn--block,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--noheight#wp-submit a.sln-btn--block {
display: block;
}
#sln-salon .sln-btn--medium, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit {
display: flex;
justify-content: center;
align-items: center;
padding: 0 0.5em;
height: 2.875em;
line-height: 2.67em;
min-width: 5em;
border-radius: 1.4375em;
font-weight: normal;
}
#sln-salon .sln-btn--medium.sln-btn--icon--left, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--icon--left#wp-submit {
padding-right: 1em;
padding-left: 2em;
}
#sln-salon .sln-btn--medium input, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit input,
#sln-salon .sln-btn--medium button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit button,
#sln-salon .sln-btn--medium a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit a {
display: flex;
justify-content: center;
align-items: center;
padding: 0 0.5em !important;
vertical-align: middle;
height: auto;
font-weight: normal;
border-radius: 1.4375em;
}
#sln-salon .sln-btn--medium input.sln-btn--block, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit input.sln-btn--block,
#sln-salon .sln-btn--medium button.sln-btn--block,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit button.sln-btn--block,
#sln-salon .sln-btn--medium a.sln-btn--block,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit a.sln-btn--block {
display: block;
}
#sln-salon .sln-btn--medium input.sln-btn--icon--left, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit input.sln-btn--icon--left,
#sln-salon .sln-btn--medium button.sln-btn--icon--left,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit button.sln-btn--icon--left,
#sln-salon .sln-btn--medium a.sln-btn--icon--left,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit a.sln-btn--icon--left {
padding-right: 1em;
padding-left: 2em;
}
#sln-salon .sln-box--formactions--summary .sln-btn--medium, #sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--summary #loginform #wp-submit, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--summary #wp-submit,
#sln-salon .sln-box--formactions--outline .sln-btn--medium,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--outline #loginform #wp-submit,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--outline #wp-submit {
display: flex;
justify-content: center;
align-items: center;
padding: 0 0.5em;
line-height: 1.2em;
min-width: 6em;
font-weight: normal;
}
#sln-salon .sln-box--formactions--summary .sln-btn--medium .sln-btn__info, #sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--summary #loginform #wp-submit .sln-btn__info, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--summary #wp-submit .sln-btn__info,
#sln-salon .sln-box--formactions--outline .sln-btn--medium .sln-btn__info,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--outline #loginform #wp-submit .sln-btn__info,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--outline #wp-submit .sln-btn__info {
display: flex;
align-items: end;
justify-content: center;
height: 2.35em;
position: absolute;
top: -2.7em;
right: 0;
left: 0;
line-height: 1.1;
font-size: 0.9em;
font-weight: 600;
text-transform: uppercase;
}
#sln-salon .sln-box--formactions--summary .sln-btn--medium .sln-btn__info i, #sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--summary #loginform #wp-submit .sln-btn__info i, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--summary #wp-submit .sln-btn__info i,
#sln-salon .sln-box--formactions--outline .sln-btn--medium .sln-btn__info i,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--outline #loginform #wp-submit .sln-btn__info i,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--outline #wp-submit .sln-btn__info i {
font-style: normal;
}
#sln-salon .sln-box--formactions--summary .sln-btn--medium .sln-btn__info strong, #sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--summary #loginform #wp-submit .sln-btn__info strong, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--summary #wp-submit .sln-btn__info strong,
#sln-salon .sln-box--formactions--outline .sln-btn--medium .sln-btn__info strong,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--outline #loginform #wp-submit .sln-btn__info strong,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--outline #wp-submit .sln-btn__info strong {
font-weight: 700;
}
@media only screen and (min-width: 768px) {
#sln-salon .sln-box--formactions--summary .sln-btn--medium, #sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--summary #loginform #wp-submit, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--summary #wp-submit,
#sln-salon .sln-box--formactions--outline .sln-btn--medium,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--outline #loginform #wp-submit,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--outline #wp-submit {
height: 2.75em;
border-radius: 1.375em;
font-size: 1.2em;
}
#sln-salon .sln-box--formactions--summary .sln-btn--medium .sln-btn__info, #sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--summary #loginform #wp-submit .sln-btn__info, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--summary #wp-submit .sln-btn__info,
#sln-salon .sln-box--formactions--outline .sln-btn--medium .sln-btn__info,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--outline #loginform #wp-submit .sln-btn__info,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--outline #wp-submit .sln-btn__info {
font-size: 0.7em;
}
}
#sln-salon .sln-box--formactions--summary .sln-btn--medium.sln-btn--icon--left, #sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--summary #loginform .sln-btn--icon--left#wp-submit, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--summary .sln-btn--icon--left#wp-submit,
#sln-salon .sln-box--formactions--outline .sln-btn--medium.sln-btn--icon--left,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--outline #loginform .sln-btn--icon--left#wp-submit,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--outline .sln-btn--icon--left#wp-submit {
padding-right: 1em;
padding-left: 2em;
}
#sln-salon .sln-box--formactions--summary .sln-btn--medium .sln-btn--medium input, #sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--summary #loginform #wp-submit .sln-btn--medium input, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--summary #wp-submit .sln-btn--medium input, #sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--summary .sln-btn--medium #loginform #wp-submit input, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--summary .sln-btn--medium #wp-submit input, #sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--summary #loginform #wp-submit #wp-submit input, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--summary #wp-submit #wp-submit input,
#sln-salon .sln-box--formactions--summary .sln-btn--medium .sln-btn--medium button,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--summary #loginform #wp-submit .sln-btn--medium button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--summary #wp-submit .sln-btn--medium button,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--summary .sln-btn--medium #loginform #wp-submit button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--summary .sln-btn--medium #wp-submit button,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--summary #loginform #wp-submit #wp-submit button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--summary #wp-submit #wp-submit button,
#sln-salon .sln-box--formactions--summary .sln-btn--medium .sln-btn--medium a,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--summary #loginform #wp-submit .sln-btn--medium a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--summary #wp-submit .sln-btn--medium a,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--summary .sln-btn--medium #loginform #wp-submit a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--summary .sln-btn--medium #wp-submit a,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--summary #loginform #wp-submit #wp-submit a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--summary #wp-submit #wp-submit a,
#sln-salon .sln-box--formactions--outline .sln-btn--medium .sln-btn--medium input,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--outline #loginform #wp-submit .sln-btn--medium input,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--outline #wp-submit .sln-btn--medium input,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--outline .sln-btn--medium #loginform #wp-submit input,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--outline .sln-btn--medium #wp-submit input,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--outline #loginform #wp-submit #wp-submit input,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--outline #wp-submit #wp-submit input,
#sln-salon .sln-box--formactions--outline .sln-btn--medium .sln-btn--medium button,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--outline #loginform #wp-submit .sln-btn--medium button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--outline #wp-submit .sln-btn--medium button,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--outline .sln-btn--medium #loginform #wp-submit button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--outline .sln-btn--medium #wp-submit button,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--outline #loginform #wp-submit #wp-submit button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--outline #wp-submit #wp-submit button,
#sln-salon .sln-box--formactions--outline .sln-btn--medium .sln-btn--medium a,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--outline #loginform #wp-submit .sln-btn--medium a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--outline #wp-submit .sln-btn--medium a,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--outline .sln-btn--medium #loginform #wp-submit a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--outline .sln-btn--medium #wp-submit a,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--outline #loginform #wp-submit #wp-submit a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--outline #wp-submit #wp-submit a {
display: flex;
justify-content: center;
align-items: center;
padding: 0 0.5em !important;
vertical-align: middle;
height: auto;
font-weight: normal;
height: 3.75em;
border-radius: 1.875em;
font-size: 1.25em;
}
#sln-salon .sln-box--formactions--summary .sln-btn--medium .sln-btn--medium input.sln-btn--block, #sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--summary #loginform #wp-submit .sln-btn--medium input.sln-btn--block, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--summary #wp-submit .sln-btn--medium input.sln-btn--block, #sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--summary .sln-btn--medium #loginform #wp-submit input.sln-btn--block, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--summary .sln-btn--medium #wp-submit input.sln-btn--block, #sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--summary #loginform #wp-submit #wp-submit input.sln-btn--block, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--summary #wp-submit #wp-submit input.sln-btn--block,
#sln-salon .sln-box--formactions--summary .sln-btn--medium .sln-btn--medium button.sln-btn--block,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--summary #loginform #wp-submit .sln-btn--medium button.sln-btn--block,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--summary #wp-submit .sln-btn--medium button.sln-btn--block,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--summary .sln-btn--medium #loginform #wp-submit button.sln-btn--block,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--summary .sln-btn--medium #wp-submit button.sln-btn--block,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--summary #loginform #wp-submit #wp-submit button.sln-btn--block,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--summary #wp-submit #wp-submit button.sln-btn--block,
#sln-salon .sln-box--formactions--summary .sln-btn--medium .sln-btn--medium a.sln-btn--block,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--summary #loginform #wp-submit .sln-btn--medium a.sln-btn--block,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--summary #wp-submit .sln-btn--medium a.sln-btn--block,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--summary .sln-btn--medium #loginform #wp-submit a.sln-btn--block,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--summary .sln-btn--medium #wp-submit a.sln-btn--block,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--summary #loginform #wp-submit #wp-submit a.sln-btn--block,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--summary #wp-submit #wp-submit a.sln-btn--block,
#sln-salon .sln-box--formactions--outline .sln-btn--medium .sln-btn--medium input.sln-btn--block,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--outline #loginform #wp-submit .sln-btn--medium input.sln-btn--block,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--outline #wp-submit .sln-btn--medium input.sln-btn--block,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--outline .sln-btn--medium #loginform #wp-submit input.sln-btn--block,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--outline .sln-btn--medium #wp-submit input.sln-btn--block,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--outline #loginform #wp-submit #wp-submit input.sln-btn--block,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--outline #wp-submit #wp-submit input.sln-btn--block,
#sln-salon .sln-box--formactions--outline .sln-btn--medium .sln-btn--medium button.sln-btn--block,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--outline #loginform #wp-submit .sln-btn--medium button.sln-btn--block,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--outline #wp-submit .sln-btn--medium button.sln-btn--block,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--outline .sln-btn--medium #loginform #wp-submit button.sln-btn--block,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--outline .sln-btn--medium #wp-submit button.sln-btn--block,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--outline #loginform #wp-submit #wp-submit button.sln-btn--block,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--outline #wp-submit #wp-submit button.sln-btn--block,
#sln-salon .sln-box--formactions--outline .sln-btn--medium .sln-btn--medium a.sln-btn--block,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--outline #loginform #wp-submit .sln-btn--medium a.sln-btn--block,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--outline #wp-submit .sln-btn--medium a.sln-btn--block,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--outline .sln-btn--medium #loginform #wp-submit a.sln-btn--block,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--outline .sln-btn--medium #wp-submit a.sln-btn--block,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--outline #loginform #wp-submit #wp-submit a.sln-btn--block,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--outline #wp-submit #wp-submit a.sln-btn--block {
display: block;
}
#sln-salon .sln-box--formactions--summary .sln-btn--medium .sln-btn--medium input.sln-btn--icon--left, #sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--summary #loginform #wp-submit .sln-btn--medium input.sln-btn--icon--left, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--summary #wp-submit .sln-btn--medium input.sln-btn--icon--left, #sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--summary .sln-btn--medium #loginform #wp-submit input.sln-btn--icon--left, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--summary .sln-btn--medium #wp-submit input.sln-btn--icon--left, #sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--summary #loginform #wp-submit #wp-submit input.sln-btn--icon--left, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--summary #wp-submit #wp-submit input.sln-btn--icon--left,
#sln-salon .sln-box--formactions--summary .sln-btn--medium .sln-btn--medium button.sln-btn--icon--left,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--summary #loginform #wp-submit .sln-btn--medium button.sln-btn--icon--left,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--summary #wp-submit .sln-btn--medium button.sln-btn--icon--left,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--summary .sln-btn--medium #loginform #wp-submit button.sln-btn--icon--left,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--summary .sln-btn--medium #wp-submit button.sln-btn--icon--left,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--summary #loginform #wp-submit #wp-submit button.sln-btn--icon--left,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--summary #wp-submit #wp-submit button.sln-btn--icon--left,
#sln-salon .sln-box--formactions--summary .sln-btn--medium .sln-btn--medium a.sln-btn--icon--left,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--summary #loginform #wp-submit .sln-btn--medium a.sln-btn--icon--left,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--summary #wp-submit .sln-btn--medium a.sln-btn--icon--left,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--summary .sln-btn--medium #loginform #wp-submit a.sln-btn--icon--left,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--summary .sln-btn--medium #wp-submit a.sln-btn--icon--left,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--summary #loginform #wp-submit #wp-submit a.sln-btn--icon--left,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--summary #wp-submit #wp-submit a.sln-btn--icon--left,
#sln-salon .sln-box--formactions--outline .sln-btn--medium .sln-btn--medium input.sln-btn--icon--left,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--outline #loginform #wp-submit .sln-btn--medium input.sln-btn--icon--left,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--outline #wp-submit .sln-btn--medium input.sln-btn--icon--left,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--outline .sln-btn--medium #loginform #wp-submit input.sln-btn--icon--left,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--outline .sln-btn--medium #wp-submit input.sln-btn--icon--left,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--outline #loginform #wp-submit #wp-submit input.sln-btn--icon--left,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--outline #wp-submit #wp-submit input.sln-btn--icon--left,
#sln-salon .sln-box--formactions--outline .sln-btn--medium .sln-btn--medium button.sln-btn--icon--left,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--outline #loginform #wp-submit .sln-btn--medium button.sln-btn--icon--left,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--outline #wp-submit .sln-btn--medium button.sln-btn--icon--left,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--outline .sln-btn--medium #loginform #wp-submit button.sln-btn--icon--left,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--outline .sln-btn--medium #wp-submit button.sln-btn--icon--left,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--outline #loginform #wp-submit #wp-submit button.sln-btn--icon--left,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--outline #wp-submit #wp-submit button.sln-btn--icon--left,
#sln-salon .sln-box--formactions--outline .sln-btn--medium .sln-btn--medium a.sln-btn--icon--left,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--outline #loginform #wp-submit .sln-btn--medium a.sln-btn--icon--left,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--outline #wp-submit .sln-btn--medium a.sln-btn--icon--left,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--outline .sln-btn--medium #loginform #wp-submit a.sln-btn--icon--left,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--outline .sln-btn--medium #wp-submit a.sln-btn--icon--left,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions--outline #loginform #wp-submit #wp-submit a.sln-btn--icon--left,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions--outline #wp-submit #wp-submit a.sln-btn--icon--left {
padding-right: 1em;
padding-left: 2em;
}
#sln-salon .sln-box--formactions .sln-btn--medium.sln-btn--icon--left, #sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions #loginform .sln-btn--icon--left#wp-submit, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions .sln-btn--icon--left#wp-submit {
padding-right: 2em;
padding-left: 2em;
min-width: 120px;
text-align: center;
border-color: rgba(0, 66, 88, 0.3);
}
#sln-salon .sln-box--formactions .sln-btn--medium.sln-btn--icon--left::after, #sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions #loginform .sln-btn--icon--left#wp-submit::after, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions .sln-btn--icon--left#wp-submit::after {
left: 10px;
}
#sln-salon.sln-salon--m .sln-box--formactions .sln-btn--medium.sln-btn--icon--left, #sln-salon.sln-loginform.sln-salon--m:not(.sln-customcolors) .sln-box--formactions #loginform .sln-btn--icon--left#wp-submit, #sln-salon.sln-loginform.sln-salon--m:not(.sln-customcolors) #loginform .sln-box--formactions .sln-btn--icon--left#wp-submit {
min-width: 50%;
width: 100%;
}
@media only screen and (min-width: 768px) {
#sln-salon.sln-salon--m .sln-box--formactions .sln-btn--medium.sln-btn--icon--left, #sln-salon.sln-loginform.sln-salon--m:not(.sln-customcolors) .sln-box--formactions #loginform .sln-btn--icon--left#wp-submit, #sln-salon.sln-loginform.sln-salon--m:not(.sln-customcolors) #loginform .sln-box--formactions .sln-btn--icon--left#wp-submit {
width: auto;
min-width: 150px;
}
}
#sln-salon.sln-salon--s .sln-box--formactions .sln-btn--medium.sln-btn--icon--left, #sln-salon.sln-loginform.sln-salon--s:not(.sln-customcolors) .sln-box--formactions #loginform .sln-btn--icon--left#wp-submit, #sln-salon.sln-loginform.sln-salon--s:not(.sln-customcolors) #loginform .sln-box--formactions .sln-btn--icon--left#wp-submit {
min-width: 50%;
width: 100%;
}
@media only screen and (min-width: 768px) {
#sln-salon.sln-salon--s .sln-box--formactions .sln-btn--medium.sln-btn--icon--left, #sln-salon.sln-loginform.sln-salon--s:not(.sln-customcolors) .sln-box--formactions #loginform .sln-btn--icon--left#wp-submit, #sln-salon.sln-loginform.sln-salon--s:not(.sln-customcolors) #loginform .sln-box--formactions .sln-btn--icon--left#wp-submit {
min-width: 130px;
}
}
#sln-salon.sln-salon--m .sln-box--formactions .sln-btn--medium.sln-btn--icon--left::after, #sln-salon.sln-loginform.sln-salon--m:not(.sln-customcolors) .sln-box--formactions #loginform .sln-btn--icon--left#wp-submit::after, #sln-salon.sln-loginform.sln-salon--m:not(.sln-customcolors) #loginform .sln-box--formactions .sln-btn--icon--left#wp-submit::after, #sln-salon.sln-salon--s .sln-box--formactions .sln-btn--medium.sln-btn--icon--left::after, #sln-salon.sln-loginform.sln-salon--s:not(.sln-customcolors) .sln-box--formactions #loginform .sln-btn--icon--left#wp-submit::after, #sln-salon.sln-loginform.sln-salon--s:not(.sln-customcolors) #loginform .sln-box--formactions .sln-btn--icon--left#wp-submit::after {
left: 10px;
padding: 0 0.2em;
}
@media only screen and (min-width: 768px) {
#sln-salon.sln-salon--m .sln-box--formactions .sln-btn--medium.sln-btn--icon--left::after, #sln-salon.sln-loginform.sln-salon--m:not(.sln-customcolors) .sln-box--formactions #loginform .sln-btn--icon--left#wp-submit::after, #sln-salon.sln-loginform.sln-salon--m:not(.sln-customcolors) #loginform .sln-box--formactions .sln-btn--icon--left#wp-submit::after, #sln-salon.sln-salon--s .sln-box--formactions .sln-btn--medium.sln-btn--icon--left::after, #sln-salon.sln-loginform.sln-salon--s:not(.sln-customcolors) .sln-box--formactions #loginform .sln-btn--icon--left#wp-submit::after, #sln-salon.sln-loginform.sln-salon--s:not(.sln-customcolors) #loginform .sln-box--formactions .sln-btn--icon--left#wp-submit::after {
left: 5px;
}
}
@media only screen and (min-width: 992px) {
#sln-salon.sln-salon--m .sln-box--formactions .sln-btn--medium.sln-btn--icon--left::after, #sln-salon.sln-loginform.sln-salon--m:not(.sln-customcolors) .sln-box--formactions #loginform .sln-btn--icon--left#wp-submit::after, #sln-salon.sln-loginform.sln-salon--m:not(.sln-customcolors) #loginform .sln-box--formactions .sln-btn--icon--left#wp-submit::after, #sln-salon.sln-salon--s .sln-box--formactions .sln-btn--medium.sln-btn--icon--left::after, #sln-salon.sln-loginform.sln-salon--s:not(.sln-customcolors) .sln-box--formactions #loginform .sln-btn--icon--left#wp-submit::after, #sln-salon.sln-loginform.sln-salon--s:not(.sln-customcolors) #loginform .sln-box--formactions .sln-btn--icon--left#wp-submit::after {
left: 0;
}
}
.sln-btn--minwidth {
min-width: 10em;
}
.sln-btn--fullwidth, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit {
width: 100%;
}
.sln-btn--dib {
width: 100%;
}
#sln-salon.sln-salon--m .sln-btn--big,
#sln-salon.sln-salon--m .sln-btn--big input,
#sln-salon.sln-salon--m .sln-btn--big button,
#sln-salon.sln-salon--m .sln-btn--big a {
padding: 0 0.5em;
line-height: 4em;
height: 4em;
}
#sln-salon.sln-salon--m .sln-btn--big.sln-btn--icon--left,
#sln-salon.sln-salon--m .sln-btn--big input.sln-btn--icon--left,
#sln-salon.sln-salon--m .sln-btn--big button.sln-btn--icon--left,
#sln-salon.sln-salon--m .sln-btn--big a.sln-btn--icon--left {
padding-right: 1em;
padding-left: 4em;
}
.sln-btn--emphasis:hover input, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:hover input,
.sln-btn--emphasis:hover button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:hover button,
.sln-btn--emphasis:hover a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:hover a, .sln-btn--emphasis:focus input, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:focus input,
.sln-btn--emphasis:focus button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:focus button,
.sln-btn--emphasis:focus a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:focus a, .sln-btn--emphasis:active input, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:active input,
.sln-btn--emphasis:active button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:active button,
.sln-btn--emphasis:active a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:active a,
#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-bootstrap .sln-btn--emphasis:hover input,
.sln-bootstrap .sln-btn--emphasis:hover button,
.sln-bootstrap .sln-btn--emphasis:hover a,
.sln-bootstrap .sln-btn--emphasis:focus input,
.sln-bootstrap .sln-btn--emphasis:focus button,
.sln-bootstrap .sln-btn--emphasis:focus a,
.sln-bootstrap .sln-btn--emphasis:active input,
.sln-bootstrap .sln-btn--emphasis:active button,
.sln-bootstrap .sln-btn--emphasis:active a {
text-decoration: none;
}
.sln-btn--emphasis.sln-btn--disabled:hover input, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit:hover input,
.sln-btn--emphasis.sln-btn--disabled:hover button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit:hover button,
.sln-btn--emphasis.sln-btn--disabled:hover a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit:hover a, .sln-btn--emphasis.sln-btn--disabled:focus input, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit:focus input,
.sln-btn--emphasis.sln-btn--disabled:focus button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit:focus button,
.sln-btn--emphasis.sln-btn--disabled:focus a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit:focus a, .sln-btn--emphasis.sln-btn--disabled:active input, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit:active input,
.sln-btn--emphasis.sln-btn--disabled:active button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit:active button,
.sln-btn--emphasis.sln-btn--disabled:active a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit:active a,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:hover input,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:hover button,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:hover a,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:focus input,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:focus button,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:focus a,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:active input,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:active button,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:active a,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:hover input,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:hover button,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:hover a,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:focus input,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:focus button,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:focus a,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:active input,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:active button,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:active a {
text-decoration: none;
}
.sln-btn--borderonly,
#sln-salon .sln-btn--borderonly,
.sln-bootstrap .sln-btn--borderonly,
.sln-btn.sln-btn--borderonly,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit,
.sln-bootstrap .sln-btn.sln-btn--borderonly,
a.sln-btn.sln-btn--borderonly,
.sln-bootstrap a.sln-btn.sln-btn--borderonly,
#sln-salon .sln-btn.sln-btn--borderonly,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly,
#sln-salon a.sln-btn.sln-btn--borderonly,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly {
border-style: solid;
border-width: 2px;
}
.sln-btn--icon {
text-align: left;
position: relative;
background-color: #fff;
}
.sln-btn--icon input,
.sln-btn--icon button {
text-align: left;
}
.sln-btn--icon:after {
content: "\f111";
display: inline-block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
text-align: center;
font-family: "Material Icons";
font-style: normal;
font-weight: 400;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
font-size: 1em;
line-height: 0;
font-style: normal;
font-weight: normal;
line-height: 4em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-transform: none;
-webkit-transition: background-color 200ms;
-moz-transition: background-color 200ms;
-o-transition: background-color 200ms;
transition: background-color 200ms;
z-index: 100;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.sln-btn--icon:after {
font-family: "Material Icons";
font-style: normal;
font-weight: 400;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
font-size: 16px;
line-height: 0;
line-height: 50px;
}
}
.sln-btn--icon.sln-btn--big {
padding-right: 2.6em;
}
.sln-btn--icon.sln-btn--big:after {
font-family: "Material Icons";
font-style: normal;
font-weight: 400;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
font-size: 1.2em;
line-height: 0;
padding: 0 1em;
line-height: 3.4em;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.sln-btn--icon.sln-btn--big:after {
font-size: 20px;
padding: 0 18px;
line-height: 50px;
}
}
.sln-btn--icon.sln-btn--medium, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--icon#wp-submit {
padding-right: 1em;
padding-left: 2em;
}
.sln-btn--icon.sln-btn--medium:after, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--icon#wp-submit:after {
font-size: 16px;
padding: 0 0.5em;
line-height: 3.6em;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.sln-btn--icon.sln-btn--medium:after, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--icon#wp-submit:after {
font-size: 16px;
padding: 0 9px;
line-height: 50px;
}
}
.sln-btn--icon.sln-btn--noheight {
padding-right: 1em;
padding-left: 2em;
}
.sln-btn--icon.sln-btn--noheight:after {
font-family: "Material Icons";
font-style: normal;
font-weight: 400;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
font-size: 1em;
line-height: 0;
padding: 0 0.5em;
line-height: 3.6em;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.sln-btn--icon.sln-btn--noheight:after {
font-size: 16px;
padding: 0 9px;
line-height: 50px;
}
}
.sln-btn--icon.sln-btn--icon--left {
text-align: right;
}
.sln-btn--icon.sln-btn--icon--left.sln-btn--fullwidth, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--icon.sln-btn--icon--left#wp-submit {
text-align: left;
}
.sln-btn--icon.sln-btn--icon--left.sln-btn--fullwidth button, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--icon.sln-btn--icon--left#wp-submit button {
text-align: left;
}
.sln-btn--icon.sln-btn--icon--left button {
text-align: right;
}
.sln-btn--icon.sln-btn--icon--left:after {
top: 0;
right: auto;
right: initial;
bottom: 0;
left: 0;
}
.sln-btn--icon.sln-btn--icon--left.sln-btn--big {
padding-right: 4em;
padding-left: 4em;
}
.sln-btn--icon.sln-btn--medium.sln-reschedule-form--cancel-button:after, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--icon.sln-reschedule-form--cancel-button#wp-submit:after {
line-height: 1.9em;
}
.sln-btn--fb,
#sln-salon .sln-btn--fb {
display: block;
position: relative;
text-transform: none;
padding-left: 2.7222222222rem;
text-align: left;
-webkit-transition: padding-left 200ms;
-moz-transition: padding-left 200ms;
-o-transition: padding-left 200ms;
transition: padding-left 200ms;
}
.sln-btn--fb svg,
#sln-salon .sln-btn--fb svg {
max-height: 2rem;
max-width: 2rem;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
fill: #0277bd;
-webkit-transition: fill 200ms, left 200ms;
-moz-transition: fill 200ms, left 200ms;
-o-transition: fill 200ms, left 200ms;
transition: fill 200ms, left 200ms;
}
.sln-btn--fb:hover, .sln-btn--fb:focus, .sln-btn--fb:active,
#sln-salon .sln-btn--fb:hover,
#sln-salon .sln-btn--fb:focus,
#sln-salon .sln-btn--fb:active {
padding-left: 3.3333333333rem;
}
.sln-btn--fb:hover svg, .sln-btn--fb:focus svg, .sln-btn--fb:active svg,
#sln-salon .sln-btn--fb:hover svg,
#sln-salon .sln-btn--fb:focus svg,
#sln-salon .sln-btn--fb:active svg {
left: 0.5555555556rem;
fill: rgb(255, 255, 255);
}
#sln-salon .stripe-button-el {
background-color: transparent;
background-image: none;
}
#sln-salon .stripe-button-el span {
background-color: transparent;
background-image: none;
height: auto;
line-height: inherit;
min-height: auto !important;
text-shadow: none;
box-shadow: none;
}
.sln-alert,
#sln-salon .alert {
display: inline-block;
position: relative;
border: none;
padding: 2.6em 1em 0.6em 1em;
margin: 1em 0;
text-align: center;
border-radius: 0;
}
.sln-alert:after,
#sln-salon .alert:after {
font-family: "Material Icons";
font-style: normal;
font-weight: 400;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
font-size: 2em;
line-height: 0;
display: inline-block;
content: "\f05a";
position: absolute;
top: 0.6em;
left: 50%;
-webkit-transform: translateX(-50%) translateY(0);
-ms-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
border-radius: 50%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.sln-alert:after,
#sln-salon .alert:after {
font-size: 18px;
left: 16px;
}
}
.sln-alert a,
#sln-salon .alert a {
display: inline-block;
font-weight: bold;
border-bottom-style: solid;
border-bottom-width: 0.15em;
}
.sln-alert a:hover,
#sln-salon .alert a:hover {
text-decoration: none;
}
@media only screen and (min-width: 768px) {
.sln-alert,
#sln-salon .alert {
padding: 0.6em 1.6em 0.6em 0;
text-align: left;
}
.sln-alert:after,
#sln-salon .alert:after {
font-family: "Material Icons";
font-style: normal;
font-weight: 400;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
font-size: 2em;
line-height: 0;
display: inline-block;
content: "\f05a";
position: absolute;
top: 50%;
left: 0.4em;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
border-radius: 50%;
}
}
@media only screen and (min-width: 768px) {
.sln-alert.sln-alert--topicon:after,
#sln-salon .alert.sln-alert--topicon:after {
top: 0.8em;
left: 0.4em;
}
}
.sln-step-thankyou .sln-alert {
margin-top: 3em;
padding: 3em 0 0.6em 0;
text-align: left;
}
.sln-step-thankyou .sln-alert:after {
font-family: "Material Icons";
font-style: normal;
font-weight: 400;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
font-size: 2em;
line-height: 0;
display: inline-block;
content: "\f05a";
position: absolute;
top: 0.6em;
left: 0.3em;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
border-radius: 50%;
}
@media only screen and (min-width: 768px) {
.sln-step-thankyou .sln-alert:after {
left: 0;
}
}
.sln-alert.sln-alert--general.sln-alert--problem {
background-color: rgba(230, 63, 36, 0.05);
}
@media only screen and (min-width: 768px) {
.sln-alert.sln-alert--general.sln-alert--problem {
padding: 0.6em 1.6em 0.6em 3em;
}
}
@media only screen and (min-width: 768px) {
.sln-alert.sln-alert--general.sln-alert--problem,
.sln-alert.sln-alert--paddingleft.sln-alert--problem,
.sln-alert.sln-alert--paddingleft.sln-alert--success,
#sln-salon.sln-step-attendant .alert.alert-warning {
padding: 0.6em 1.6em 0.6em 3em;
}
}
#sln-salon .sln-alert p:only-of-type,
#sln-salon .sln-alert p:last-of-type {
margin-bottom: 0;
}
.sln-alert.sln-alert-medium {
display: block;
padding: 0.5em 1.6em 0.5em 2em;
margin: 0.4em 0;
font-weight: bold;
text-align: left;
}
.sln-alert.sln-alert-medium:after {
left: 0;
top: 50%;
-webkit-transform: translateX(0) translateY(-50%);
-ms-transform: translateX(0) translateY(-50%);
transform: translateX(0) translateY(-50%);
}
.sln-alert--success:after,
#sln-salon .alert-success:after {
content: "check_circle_outline";
}
.sln-alert--problem:after,
#sln-salon .sln-alert--problem:after,
#sln-salon .alert-danger:after {
content: "error_outline";
}
.sln-alert--warning:after,
#sln-salon .alert-warning:after {
content: "error_outline";
}
.sln-alert--info:after,
#sln-salon .sln-alert--info:after {
content: "info_outline";
}
.sln-alert.sln-alert--wait::after,
.sln-alert--wait::after {
display: block;
content: "access_time";
font-size: 1.9em;
text-transform: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.sln-alert.sln-alert--wait::after,
.sln-alert--wait::after {
font-size: 30px;
}
}
.sln-salon--loading .sln-btn--medium #sln-step-submit, .sln-salon--loading #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit #sln-step-submit, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-salon--loading #wp-submit #sln-step-submit {
position: relative;
}
.sln-salon--loading .sln-btn--medium #sln-step-submit:after, .sln-salon--loading #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit #sln-step-submit:after, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-salon--loading #wp-submit #sln-step-submit:after {
display: block;
content: "";
width: 1.6em;
height: 1.6em;
position: absolute;
top: 1em;
left: 1em;
border-top: 2px solid currentColor;
border-right: 2px solid transparent;
border-bottom: 2px solid currentColor;
border-left: 2px solid currentColor;
border-radius: 50%;
border-radius: 9999px;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
transform-origin: 50% 50%;
-webkit-animation: wait 750ms infinite linear;
animation: wait 750ms infinite linear;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.sln-salon--loading .sln-btn--medium #sln-step-submit:after, .sln-salon--loading #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit #sln-step-submit:after, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-salon--loading #wp-submit #sln-step-submit:after {
font-family: "FontAwesome";
font-weight: 900;
font-size: 1em;
line-height: 0;
}
}
#sln-salon.sln-step-date #sln-notifications.sln-notifications--active,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__reschedule .sln-notifications.sln-notifications--active {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
background-color: transparent !important;
overflow: hidden;
}
#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 {
display: block;
content: "";
width: 2000px;
height: 100%;
color: #0277bd;
background-image: repeating-linear-gradient(-25deg, #fff, #fff 20px, currentColor 20px, currentColor 40px, #fff 40px, #fff 60px, currentColor 60px, currentColor 80px);
position: absolute;
top: 0;
-webkit-animation: wait--m 4s infinite linear;
animation: wait--m 4s infinite linear;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
opacity: 0.25;
}
#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 {
background-color: #0277bd;
display: block;
width: 75%;
padding: 3.4em 1em 1em 1em;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
color: #fff;
}
#sln-salon.sln-step-date #sln-notifications.sln-notifications--active .sln-alert.sln-alert--wait::first-letter,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__reschedule .sln-notifications.sln-notifications--active .sln-alert.sln-alert--wait::first-letter {
text-transform: uppercase;
}
#sln-salon.sln-step-date #sln-notifications.sln-notifications--active .sln-alert.sln-alert--wait::after,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__reschedule .sln-notifications.sln-notifications--active .sln-alert.sln-alert--wait::after {
top: 1em;
color: #fff;
}
@media only screen and (min-width: 768px) {
#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 {
display: inline-block;
width: auto;
min-width: 54%;
padding: 1em 2em 1em 3.2em;
}
#sln-salon.sln-step-date #sln-notifications.sln-notifications--active .sln-alert.sln-alert--wait::after,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__reschedule .sln-notifications.sln-notifications--active .sln-alert.sln-alert--wait::after {
top: 50%;
color: #fff;
}
}
@media only screen and (min-width: 992px) {
#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 {
width: auto;
min-width: 0;
padding: 1em 2em 1em 3.2em;
}
#sln-salon.sln-step-date #sln-notifications.sln-notifications--active .sln-alert.sln-alert--wait::after,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__reschedule .sln-notifications.sln-notifications--active .sln-alert.sln-alert--wait::after {
top: 50%;
color: #fff;
}
}
@-webkit-keyframes wait {
0% {
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes wait {
0% {
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes wait-centered-y {
0% {
-moz-transform: rotate(0deg) translateY(-50%);
-webkit-transform: rotate(0deg) translateY(-50%);
transform: rotate(0deg) translateY(-50%);
}
100% {
-moz-transform: rotate(360deg) translateY(-50%);
-webkit-transform: rotate(360deg) translateY(-50%);
transform: rotate(360deg) translateY(-50%);
}
}
@keyframes wait-centered-y- {
0% {
-moz-transform: rotate(0deg) translateY(-50%);
-webkit-transform: rotate(0deg) translateY(-50%);
transform: rotate(0deg) translateY(-50%);
}
100% {
-moz-transform: rotate(360deg) translateY(-50%);
-webkit-transform: rotate(360deg) translateY(-50%);
transform: rotate(360deg) translateY(-50%);
}
}
.snl-error-list-item {
display: block;
font-weight: bold;
border-bottom-style: solid;
border-bottom-width: 0.05em;
padding-bottom: 0.5em;
margin-bottom: 0.5em;
}
.snl-error-list-item:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: 0;
}
.sln-stepper {
width: 100%;
margin-bottom: -2em;
display: flex;
}
.sln-stepper .step {
padding: 1em 0.5em;
flex-grow: 1;
}
.sln-stepper .step .step-number {
display: inline-block;
width: 1.8em;
height: 1.8em;
line-height: 1.9em;
font-weight: bold;
text-align: center;
border-radius: 50%;
border-radius: 9999px;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
font-family: Arial;
}
.sln-stepper .step .step-label {
text-transform: capitalize;
padding-left: 0.5em;
}
.sln-stepper .step.step--active {
opacity: 1;
}
#sln-salon.sln-salon--m .sln-stepper,
#sln-salon.sln-salon--s .sln-stepper {
width: calc(100% + 4em);
margin: -2em;
margin-top: -1em;
margin-bottom: -2em;
}
#sln-salon.sln-salon--m .sln-stepper .step-label,
#sln-salon.sln-salon--s .sln-stepper .step-label {
display: none;
}
#sln-salon.sln-salon--m .sln-stepper .step--active .step-label,
#sln-salon.sln-salon--s .sln-stepper .step--active .step-label {
display: inline-block;
}
#sln-salon.sln-salon--s .sln-stepper .step {
padding: 1em 0 1em 1em;
}
#sln-salon.sln-step-details .sln-stepper,
#sln-salon.sln-step-summary .sln-stepper,
#sln-salon.sln-step-thankyou .sln-stepper {
margin-top: 1em;
}
body.modal-open {
overflow: hidden;
}
#sln-salon-my-account .sln-account__header,
#sln-salon #sln-salon-my-account .sln-account__header,
.sln-bootstrap #sln-salon-my-account .sln-account__header {
display: grid;
grid-template: auto/85% 15%;
}
#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 {
color: rgba(52, 52, 52, 0.9);
}
#sln-salon-my-account .sln-account__header .sln-account__score,
#sln-salon #sln-salon-my-account .sln-account__header .sln-account__score,
.sln-bootstrap #sln-salon-my-account .sln-account__header .sln-account__score {
display: flex;
gap: 0.3em;
justify-content: flex-end;
text-align: right;
font-size: 1.5em;
font-weight: 700;
color: rgb(227, 119, 10);
}
#sln-salon-my-account .sln-account__header .sln-account__score::after,
#sln-salon #sln-salon-my-account .sln-account__header .sln-account__score::after,
.sln-bootstrap #sln-salon-my-account .sln-account__header .sln-account__score::after {
font-family: "FontAwesome";
font-weight: 900;
content: "\f559";
font-size: 1.2em;
}
#sln-salon-my-account .sln-account__tabpanel,
#sln-salon #sln-salon-my-account .sln-account__tabpanel,
.sln-bootstrap #sln-salon-my-account .sln-account__tabpanel {
padding-bottom: 2em;
}
#sln-salon-my-account .sln-account__tabpanel .sln-btn--medium, #sln-salon-my-account .sln-account__tabpanel #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #sln-salon-my-account .sln-account__tabpanel #wp-submit,
#sln-salon #sln-salon-my-account .sln-account__tabpanel .sln-btn--medium,
#sln-salon.sln-loginform:not(.sln-customcolors) #sln-salon-my-account .sln-account__tabpanel #loginform #wp-submit,
.sln-bootstrap #sln-salon-my-account .sln-account__tabpanel .sln-btn--medium {
font-size: 1em;
}
#sln-salon-my-account .sln-account__tabpanel .sln-account__tabpanel__actions,
#sln-salon #sln-salon-my-account .sln-account__tabpanel .sln-account__tabpanel__actions,
.sln-bootstrap #sln-salon-my-account .sln-account__tabpanel .sln-account__tabpanel__actions {
display: flex;
gap: 1.75em;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
#sln-salon-my-account .sln-account__tabpanel .sln-account__tabpanel__actions .sln-btn, #sln-salon-my-account .sln-account__tabpanel .sln-account__tabpanel__actions #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #sln-salon-my-account .sln-account__tabpanel .sln-account__tabpanel__actions #wp-submit,
#sln-salon #sln-salon-my-account .sln-account__tabpanel .sln-account__tabpanel__actions .sln-btn,
#sln-salon.sln-loginform:not(.sln-customcolors) #sln-salon-my-account .sln-account__tabpanel .sln-account__tabpanel__actions #loginform #wp-submit,
.sln-bootstrap #sln-salon-my-account .sln-account__tabpanel .sln-account__tabpanel__actions .sln-btn {
flex-grow: 1;
max-width: 80%;
}
#sln-salon-my-account .sln-account__tabpanel .sln-account__tabpanel__actions .sln-btn--medium, #sln-salon-my-account .sln-account__tabpanel .sln-account__tabpanel__actions #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #sln-salon-my-account .sln-account__tabpanel .sln-account__tabpanel__actions #wp-submit,
#sln-salon #sln-salon-my-account .sln-account__tabpanel .sln-account__tabpanel__actions .sln-btn--medium,
#sln-salon.sln-loginform:not(.sln-customcolors) #sln-salon-my-account .sln-account__tabpanel .sln-account__tabpanel__actions #loginform #wp-submit,
.sln-bootstrap #sln-salon-my-account .sln-account__tabpanel .sln-account__tabpanel__actions .sln-btn--medium {
font-size: 1.25em;
height: 2.3em;
line-height: 2.2em;
}
#sln-salon-my-account .sln-account__tabpanel .sln-account__tabpanel__actions .sln-btn--emphasis, #sln-salon-my-account .sln-account__tabpanel .sln-account__tabpanel__actions #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #sln-salon-my-account .sln-account__tabpanel .sln-account__tabpanel__actions #wp-submit,
#sln-salon #sln-salon-my-account .sln-account__tabpanel .sln-account__tabpanel__actions .sln-btn--emphasis,
#sln-salon.sln-loginform:not(.sln-customcolors) #sln-salon-my-account .sln-account__tabpanel .sln-account__tabpanel__actions #loginform #wp-submit,
.sln-bootstrap #sln-salon-my-account .sln-account__tabpanel .sln-account__tabpanel__actions .sln-btn--emphasis {
font-weight: 600;
}
#sln-salon-my-account .sln-account__history,
#sln-salon #sln-salon-my-account .sln-account__history,
.sln-bootstrap #sln-salon-my-account .sln-account__history {
padding-top: 1em;
}
#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 {
margin: 1.625em 0;
padding: 1em 2.125em;
font-size: 1.2em;
color: rgb(63, 68, 70);
text-align: center;
text-decoration: none;
}
#sln-salon-my-account .sln-account__history .sln-account__history__scrollformore p,
#sln-salon #sln-salon-my-account .sln-account__history .sln-account__history__scrollformore p,
.sln-bootstrap #sln-salon-my-account .sln-account__history .sln-account__history__scrollformore p {
margin-bottom: 0;
}
#sln-salon-my-account .sln-account__history .sln-account__history__scrollformore::after,
#sln-salon #sln-salon-my-account .sln-account__history .sln-account__history__scrollformore::after,
.sln-bootstrap #sln-salon-my-account .sln-account__history .sln-account__history__scrollformore::after {
display: inline-block;
margin-top: 0.5em;
content: "\f063";
font-family: "FontAwesome";
font-weight: 900;
}
#sln-salon-my-account .sln-account__nav__wrapper,
#sln-salon #sln-salon-my-account .sln-account__nav__wrapper,
.sln-bootstrap #sln-salon-my-account .sln-account__nav__wrapper {
height: 5.1em;
margin: 2em 0 1.3125em 0;
}
#sln-salon-my-account .sln-account__nav__inner,
#sln-salon #sln-salon-my-account .sln-account__nav__inner,
.sln-bootstrap #sln-salon-my-account .sln-account__nav__inner {
display: flex;
}
#sln-salon-my-account .sln-account__nav,
#sln-salon #sln-salon-my-account .sln-account__nav,
.sln-bootstrap #sln-salon-my-account .sln-account__nav {
width: 100%;
display: flex;
flex: 1 0 auto;
margin: 0;
padding: 0;
}
#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 {
display: flex;
flex: 1 0 auto;
flex-basis: 0;
margin-bottom: 1px;
position: relative;
border-bottom: 1px solid rgba(83, 106, 119, 0.7);
transition: all 250ms;
}
#sln-salon-my-account .sln-account__nav .sln-account__nav__item::after,
#sln-salon #sln-salon-my-account .sln-account__nav .sln-account__nav__item::after,
.sln-bootstrap #sln-salon-my-account .sln-account__nav .sln-account__nav__item::after {
display: block;
content: " ";
height: 3px;
position: absolute;
right: 0;
bottom: -2px;
left: 0;
background-color: transparent;
transition: all 250ms;
}
#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 {
display: grid;
grid-template: 3em auto/1fr;
flex: 1;
text-align: center;
padding: 0.5em;
font-size: 0.875em;
color: rgb(83, 106, 119);
text-decoration: none;
transition: all 250ms;
cursor: pointer;
}
#sln-salon-my-account .sln-account__nav .sln-account__nav__item a span,
#sln-salon #sln-salon-my-account .sln-account__nav .sln-account__nav__item a span,
.sln-bootstrap #sln-salon-my-account .sln-account__nav .sln-account__nav__item a span {
width: 90%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
justify-self: center;
}
#sln-salon-my-account .sln-account__nav .sln-account__nav__item a::before,
#sln-salon #sln-salon-my-account .sln-account__nav .sln-account__nav__item a::before,
.sln-bootstrap #sln-salon-my-account .sln-account__nav .sln-account__nav__item a::before {
display: block;
grid-row: 1;
grid-column: 1;
opacity: 1;
transition: all 250ms;
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='%23546a77'/%3E%3C/svg%3E%0A");
}
#sln-salon-my-account .sln-account__nav .sln-account__nav__item a::after,
#sln-salon #sln-salon-my-account .sln-account__nav .sln-account__nav__item a::after,
.sln-bootstrap #sln-salon-my-account .sln-account__nav .sln-account__nav__item a::after {
display: block;
grid-row: 1;
grid-column: 1;
opacity: 0;
transition: all 250ms;
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='%230978BD'/%3E%3C/svg%3E%0A");
}
@media (hover: hover) {
#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:hover,
.sln-bootstrap #sln-salon-my-account .sln-account__nav .sln-account__nav__item a:hover {
color: rgb(9, 120, 189);
}
#sln-salon-my-account .sln-account__nav .sln-account__nav__item a:hover::before,
#sln-salon #sln-salon-my-account .sln-account__nav .sln-account__nav__item a:hover::before,
.sln-bootstrap #sln-salon-my-account .sln-account__nav .sln-account__nav__item a:hover::before {
opacity: 0;
}
#sln-salon-my-account .sln-account__nav .sln-account__nav__item a:hover::after,
#sln-salon #sln-salon-my-account .sln-account__nav .sln-account__nav__item a:hover::after,
.sln-bootstrap #sln-salon-my-account .sln-account__nav .sln-account__nav__item a:hover::after {
opacity: 1;
}
}
#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='%23546a77'/%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='%230978bd'/%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='%23546a77'/%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='%230978BD'/%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='%23546a77'/%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='%230978bd'/%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='%23546a77'/%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='%230978bd'/%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: rgb(9, 120, 189);
}
#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: rgb(9, 120, 189);
}
#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-salon #sln-salon-my-account .sln-account__card,
.sln-bootstrap #sln-salon-my-account .sln-account__card {
margin: 2px;
border-radius: 0.3125em;
overflow: hidden;
background-color: rgb(245, 245, 245);
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.16);
}
#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 {
display: flex;
justify-content: space-between;
margin-bottom: 1em;
padding: 1em 1.25em 0.5em 1.25em;
background-color: rgb(202, 216, 224);
font-size: 1em;
}
#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 {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.2em;
font-size: 1.25em;
font-weight: bold;
color: rgb(83, 106, 119);
}
#sln-salon-my-account .sln-account__card .sln-account__card__header .sln-account__card__header__el.sln-account__card__header__error,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__card__header .sln-account__card__header__el.sln-account__card__header__error,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-account__card__header .sln-account__card__header__el.sln-account__card__header__error {
padding: 1em 1.25em;
font-size: 1em;
opacity: 0.8;
}
#sln-salon-my-account .sln-account__card .sln-account__card__header .sln-account__card__header__el small,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__card__header .sln-account__card__header__el small,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-account__card__header .sln-account__card__header__el small {
font-size: 70%;
font-weight: normal;
opacity: 0.8;
}
#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 {
padding: 0 0.9em 0.25em 0.9em;
font-size: 1.375em;
font-weight: bold;
color: rgb(63, 68, 70);
}
#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 {
padding: 0 0.5em 2em 1.25em;
color: rgb(63, 68, 70);
}
#sln-salon-my-account .sln-account__card .sln-account__services__list,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__services__list,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-account__services__list {
margin: 0;
padding: 0;
font-size: 0.9375em;
}
#sln-salon-my-account .sln-account__card .sln-account__service,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__service,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-account__service {
padding-bottom: 0.6em;
}
#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 {
padding: 0 1.25em 1.625em 1.25em;
color: rgb(63, 68, 70);
}
#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 {
font-size: 1.125em;
font-weight: 600;
}
#sln-salon-my-account .sln-account__card .sln-account__card__footer,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__card__footer,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-account__card__footer {
padding: 1em 1.125em 1.25em 1.125em;
border-top: 1px solid rgba(173, 173, 173, 0.5);
}
#sln-salon-my-account .sln-account__card + .sln-account__card,
#sln-salon #sln-salon-my-account .sln-account__card + .sln-account__card,
.sln-bootstrap #sln-salon-my-account .sln-account__card + .sln-account__card {
margin-top: 2.625em;
}
#sln-salon-my-account .sln-account__card .sln-account__card__actions,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__card__actions,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-account__card__actions {
display: flex;
gap: 1.75em;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
#sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-btn, #sln-salon-my-account .sln-account__card .sln-account__card__actions #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #sln-salon-my-account .sln-account__card .sln-account__card__actions #wp-submit,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-btn,
#sln-salon.sln-loginform:not(.sln-customcolors) #sln-salon-my-account .sln-account__card .sln-account__card__actions #loginform #wp-submit,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-btn {
flex-grow: 1;
max-width: 80%;
}
#sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-btn a, #sln-salon-my-account .sln-account__card .sln-account__card__actions #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit a, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #sln-salon-my-account .sln-account__card .sln-account__card__actions #wp-submit a,
#sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-btn button,
#sln-salon-my-account .sln-account__card .sln-account__card__actions #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #sln-salon-my-account .sln-account__card .sln-account__card__actions #wp-submit button,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-btn a,
#sln-salon.sln-loginform:not(.sln-customcolors) #sln-salon-my-account .sln-account__card .sln-account__card__actions #loginform #wp-submit a,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-btn button,
#sln-salon.sln-loginform:not(.sln-customcolors) #sln-salon-my-account .sln-account__card .sln-account__card__actions #loginform #wp-submit button,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-btn a,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-btn button {
position: relative;
}
#sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-btn--medium, #sln-salon-my-account .sln-account__card .sln-account__card__actions #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #sln-salon-my-account .sln-account__card .sln-account__card__actions #wp-submit,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-btn--medium,
#sln-salon.sln-loginform:not(.sln-customcolors) #sln-salon-my-account .sln-account__card .sln-account__card__actions #loginform #wp-submit,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-btn--medium {
font-size: 1.25em;
height: 2.3em;
line-height: 2.2em;
}
#sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-btn--emphasis, #sln-salon-my-account .sln-account__card .sln-account__card__actions #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #sln-salon-my-account .sln-account__card .sln-account__card__actions #wp-submit,
#sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-btn--emphasis a,
#sln-salon-my-account .sln-account__card .sln-account__card__actions #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #sln-salon-my-account .sln-account__card .sln-account__card__actions #wp-submit a,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-btn--emphasis,
#sln-salon.sln-loginform:not(.sln-customcolors) #sln-salon-my-account .sln-account__card .sln-account__card__actions #loginform #wp-submit,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-btn--emphasis a,
#sln-salon.sln-loginform:not(.sln-customcolors) #sln-salon-my-account .sln-account__card .sln-account__card__actions #loginform #wp-submit a,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-btn--emphasis,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-btn--emphasis a {
font-weight: 600;
}
#sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__btn--pay,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__btn--pay,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__btn--pay {
order: 6;
}
#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 {
min-width: 50%;
display: grid;
grid-template: 1fr 1fr/1.25em auto;
column-gap: 0.5em;
justify-content: start;
color: rgb(63, 68, 70);
}
#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 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 h3,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore h4 {
font-size: 0.9375em;
line-height: 1.4;
}
#sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore .sln-account__card__info,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore .sln-account__card__info,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore .sln-account__card__info {
grid-column: 2;
grid-row: 1;
border-top: 1px solid transparent;
}
#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 {
grid-column: 2;
grid-row: 2;
display: grid;
grid-template: 1fr/1fr;
text-decoration: none;
}
#sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore .sln-account__card__showmore__trigger .sln-account__card__showmore__display,
#sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore .sln-account__card__showmore__trigger .sln-account__card__showmore__hide,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore .sln-account__card__showmore__trigger .sln-account__card__showmore__display,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore .sln-account__card__showmore__trigger .sln-account__card__showmore__hide,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore .sln-account__card__showmore__trigger .sln-account__card__showmore__display,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore .sln-account__card__showmore__trigger .sln-account__card__showmore__hide {
width: fit-content;
grid-row: 1;
grid-column: 1;
border-bottom: 1px solid;
}
#sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore .sln-account__card__showmore__trigger .sln-account__card__showmore__display,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore .sln-account__card__showmore__trigger .sln-account__card__showmore__display,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore .sln-account__card__showmore__trigger .sln-account__card__showmore__display {
opacity: 0;
}
#sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore .sln-account__card__showmore__trigger .sln-account__card__showmore__hide,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore .sln-account__card__showmore__trigger .sln-account__card__showmore__hide,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore .sln-account__card__showmore__trigger .sln-account__card__showmore__hide {
opacity: 1;
}
#sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore .sln-account__card__showmore__trigger.collapsed .sln-account__card__showmore__display,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore .sln-account__card__showmore__trigger.collapsed .sln-account__card__showmore__display,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore .sln-account__card__showmore__trigger.collapsed .sln-account__card__showmore__display {
opacity: 1;
}
#sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore .sln-account__card__showmore__trigger.collapsed .sln-account__card__showmore__hide,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore .sln-account__card__showmore__trigger.collapsed .sln-account__card__showmore__hide,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-account__card__showmore .sln-account__card__showmore__trigger.collapsed .sln-account__card__showmore__hide {
opacity: 0;
}
#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 {
display: flex;
align-items: center;
grid-column: 1;
grid-row: 1/span 2;
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='%230c77bc'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center center;
}
#sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-reschedule-form__btnwrp,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-reschedule-form__btnwrp,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-account__card__actions .sln-reschedule-form__btnwrp {
display: flex;
gap: 1.75em;
justify-content: center;
align-items: center;
flex-wrap: wrap;
padding: 0 1.2em 1.5em 1.2em;
}
#sln-salon-my-account .sln-account__card .sln-account__card__showmore__history .sln-account__card__showmore__item,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__card__showmore__history .sln-account__card__showmore__item,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-account__card__showmore__history .sln-account__card__showmore__item {
padding: 0 1.125em 0.5em 1.125em;
color: rgb(63, 68, 70);
}
#sln-salon-my-account .sln-account__card .sln-account__card__showmore__history .sln-account__card__showmore__item:last-child,
#sln-salon #sln-salon-my-account .sln-account__card .sln-account__card__showmore__history .sln-account__card__showmore__item:last-child,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-account__card__showmore__history .sln-account__card__showmore__item:last-child {
margin-bottom: 0.75em;
}
#sln-salon-my-account .sln-account__card .sln-accout__feedback,
#sln-salon #sln-salon-my-account .sln-account__card .sln-accout__feedback,
.sln-bootstrap #sln-salon-my-account .sln-account__card .sln-accout__feedback {
text-align: center;
}
#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 {
margin-bottom: 0.6em;
font-style: italic;
}
#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 {
font-size: 2em;
color: rgb(253, 195, 0);
}
#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 {
display: flex;
justify-content: space-between;
align-items: center;
margin: 1.625em 0 0.8125em 0;
padding: 1em 2.125em 1em 0.5em;
color: rgb(63, 68, 70);
text-decoration: none;
}
#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: rgb(63, 68, 70);
text-decoration: none;
}
#sln-salon-my-account .sln-account__reschedule,
#sln-salon #sln-salon-my-account .sln-account__reschedule,
.sln-bootstrap #sln-salon-my-account .sln-account__reschedule {
padding: 0.5em;
border: 1px solid rgba(173, 173, 173, 0.5);
border-radius: 0.375em;
position: relative;
}
#sln-salon-my-account .sln-account__reschedule .sln-notifications.sln-notifications--active--,
#sln-salon #sln-salon-my-account .sln-account__reschedule .sln-notifications.sln-notifications--active--,
.sln-bootstrap #sln-salon-my-account .sln-account__reschedule .sln-notifications.sln-notifications--active-- {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
background-color: transparent !important;
overflow: hidden;
}
#sln-salon-my-account .sln-account__reschedule .sln-notifications.sln-notifications--active--::before,
#sln-salon #sln-salon-my-account .sln-account__reschedule .sln-notifications.sln-notifications--active--::before,
.sln-bootstrap #sln-salon-my-account .sln-account__reschedule .sln-notifications.sln-notifications--active--::before {
display: block;
content: "";
width: 2000px;
height: 100%;
color: #0277bd;
background-image: repeating-linear-gradient(-25deg, #fff, #fff 20px, currentColor 20px, currentColor 40px, #fff 40px, #fff 60px, currentColor 60px, currentColor 80px);
position: absolute;
top: 0;
-webkit-animation: wait--m 4s infinite linear;
animation: wait--m 4s infinite linear;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
opacity: 0.25;
}
#sln-salon-my-account .sln-account__reschedule .sln-notifications.sln-notifications--active-- .sln-alert.sln-alert--wait,
#sln-salon #sln-salon-my-account .sln-account__reschedule .sln-notifications.sln-notifications--active-- .sln-alert.sln-alert--wait,
.sln-bootstrap #sln-salon-my-account .sln-account__reschedule .sln-notifications.sln-notifications--active-- .sln-alert.sln-alert--wait {
background-color: #0277bd;
display: block;
width: 75%;
padding: 3.4em 1em 1em 1em;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
color: #fff;
}
#sln-salon-my-account .sln-account__reschedule .sln-notifications.sln-notifications--active-- .sln-alert.sln-alert--wait::first-letter,
#sln-salon #sln-salon-my-account .sln-account__reschedule .sln-notifications.sln-notifications--active-- .sln-alert.sln-alert--wait::first-letter,
.sln-bootstrap #sln-salon-my-account .sln-account__reschedule .sln-notifications.sln-notifications--active-- .sln-alert.sln-alert--wait::first-letter {
text-transform: uppercase;
}
#sln-salon-my-account .sln-account__reschedule .sln-notifications.sln-notifications--active-- .sln-alert.sln-alert--wait::after,
#sln-salon #sln-salon-my-account .sln-account__reschedule .sln-notifications.sln-notifications--active-- .sln-alert.sln-alert--wait::after,
.sln-bootstrap #sln-salon-my-account .sln-account__reschedule .sln-notifications.sln-notifications--active-- .sln-alert.sln-alert--wait::after {
top: 1em;
color: #fff;
}
@media only screen and (min-width: 768px) {
#sln-salon-my-account .sln-account__reschedule .sln-notifications.sln-notifications--active-- .sln-alert.sln-alert--wait,
#sln-salon #sln-salon-my-account .sln-account__reschedule .sln-notifications.sln-notifications--active-- .sln-alert.sln-alert--wait,
.sln-bootstrap #sln-salon-my-account .sln-account__reschedule .sln-notifications.sln-notifications--active-- .sln-alert.sln-alert--wait {
display: inline-block;
width: auto;
min-width: 54%;
padding: 1em 2em 1em 3.2em;
}
#sln-salon-my-account .sln-account__reschedule .sln-notifications.sln-notifications--active-- .sln-alert.sln-alert--wait::after,
#sln-salon #sln-salon-my-account .sln-account__reschedule .sln-notifications.sln-notifications--active-- .sln-alert.sln-alert--wait::after,
.sln-bootstrap #sln-salon-my-account .sln-account__reschedule .sln-notifications.sln-notifications--active-- .sln-alert.sln-alert--wait::after {
top: 50%;
color: #fff;
}
}
@media only screen and (min-width: 992px) {
#sln-salon-my-account .sln-account__reschedule .sln-notifications.sln-notifications--active-- .sln-alert.sln-alert--wait,
#sln-salon #sln-salon-my-account .sln-account__reschedule .sln-notifications.sln-notifications--active-- .sln-alert.sln-alert--wait,
.sln-bootstrap #sln-salon-my-account .sln-account__reschedule .sln-notifications.sln-notifications--active-- .sln-alert.sln-alert--wait {
width: auto;
min-width: 0;
padding: 1em 2em 1em 3.2em;
}
#sln-salon-my-account .sln-account__reschedule .sln-notifications.sln-notifications--active-- .sln-alert.sln-alert--wait::after,
#sln-salon #sln-salon-my-account .sln-account__reschedule .sln-notifications.sln-notifications--active-- .sln-alert.sln-alert--wait::after,
.sln-bootstrap #sln-salon-my-account .sln-account__reschedule .sln-notifications.sln-notifications--active-- .sln-alert.sln-alert--wait::after {
top: 50%;
color: #fff;
}
}
@media only screen and (max-width: 767px) {
#sln-salon-my-account .datetimepicker.sln-datetimepicker,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker,
.sln-bootstrap #sln-salon-my-account .datetimepicker.sln-datetimepicker {
padding: 0;
}
}
#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 {
margin-top: 1em;
font-size: 0.75em;
text-align: center;
color: rgb(9, 120, 189);
}
#sln-salon-my-account .sln-salon-my-account-tab-pane,
#sln-salon #sln-salon-my-account .sln-salon-my-account-tab-pane,
.sln-bootstrap #sln-salon-my-account .sln-salon-my-account-tab-pane {
overflow: hidden;
}
#sln-salon-my-account .sln-account__card__action_notification,
#sln-salon #sln-salon-my-account .sln-account__card__action_notification,
.sln-bootstrap #sln-salon-my-account .sln-account__card__action_notification {
display: flex;
justify-content: space-between;
align-items: center;
position: fixed;
bottom: 4vh;
right: 0;
left: 0;
min-width: 25vw;
margin: 3vw;
padding: 1em 1.4em;
border-radius: 0.3125em;
background-color: rgb(162, 210, 240);
font-size: 1.1em;
color: rgb(0, 66, 88);
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
z-index: 999999;
}
#sln-salon-my-account .sln-account__card__action_notification.sln-account__card__action_notification--visible,
#sln-salon #sln-salon-my-account .sln-account__card__action_notification.sln-account__card__action_notification--visible,
.sln-bootstrap #sln-salon-my-account .sln-account__card__action_notification.sln-account__card__action_notification--visible {
animation: pop-in-bottom 0.75s ease-in-out;
}
#sln-salon-my-account .sln-account__card__action_notification.sln-account__card__action_notification--hide,
#sln-salon #sln-salon-my-account .sln-account__card__action_notification.sln-account__card__action_notification--hide,
.sln-bootstrap #sln-salon-my-account .sln-account__card__action_notification.sln-account__card__action_notification--hide {
animation: pop-out-bottom 250ms;
display: none;
}
#sln-salon-my-account .sln-account__card__action_notification .sln_account__notification_action__close,
#sln-salon #sln-salon-my-account .sln-account__card__action_notification .sln_account__notification_action__close,
.sln-bootstrap #sln-salon-my-account .sln-account__card__action_notification .sln_account__notification_action__close {
width: 1.4em;
height: 1em;
font-size: 20px;
line-height: 1em;
text-align: center;
font-family: "FontAwesome";
font-weight: 900;
cursor: pointer;
}
#sln-salon-my-account .sln-account__card__action_notification .sln_account__notification_action__close::after,
#sln-salon #sln-salon-my-account .sln-account__card__action_notification .sln_account__notification_action__close::after,
.sln-bootstrap #sln-salon-my-account .sln-account__card__action_notification .sln_account__notification_action__close::after {
content: "\f00d";
}
#sln-salon-my-account .sln-account__card__action_notification .sln_account__notification_action__icon,
#sln-salon #sln-salon-my-account .sln-account__card__action_notification .sln_account__notification_action__icon,
.sln-bootstrap #sln-salon-my-account .sln-account__card__action_notification .sln_account__notification_action__icon {
width: 1.4em;
height: 1.25em;
font-size: 1.25em;
line-height: 1.25em;
text-align: center;
font-family: "FontAwesome";
font-weight: 900;
}
#sln-salon-my-account .sln-account__card__action_notification .sln_account__notification_action__icon::after,
#sln-salon #sln-salon-my-account .sln-account__card__action_notification .sln_account__notification_action__icon::after,
.sln-bootstrap #sln-salon-my-account .sln-account__card__action_notification .sln_account__notification_action__icon::after {
content: "\f00c";
}
@media only screen and (min-width: 992px) {
#sln-salon-my-account .sln-account__card__action_notification,
#sln-salon #sln-salon-my-account .sln-account__card__action_notification,
.sln-bootstrap #sln-salon-my-account .sln-account__card__action_notification {
width: auto;
top: 0;
left: initial;
bottom: initial;
}
#sln-salon-my-account .sln-account__card__action_notification.sln-account__card__action_notification--visible,
#sln-salon #sln-salon-my-account .sln-account__card__action_notification.sln-account__card__action_notification--visible,
.sln-bootstrap #sln-salon-my-account .sln-account__card__action_notification.sln-account__card__action_notification--visible {
animation: pop-in-top 0.75s ease-in-out;
}
#sln-salon-my-account .sln-account__card__action_notification.sln-account__card__action_notification--hide,
#sln-salon #sln-salon-my-account .sln-account__card__action_notification.sln-account__card__action_notification--hide,
.sln-bootstrap #sln-salon-my-account .sln-account__card__action_notification.sln-account__card__action_notification--hide {
animation: pop-out-top 250ms;
display: none;
}
}
@keyframes pop-in-top {
0% {
opacity: 0;
transform: scale(1) rotate(-1deg) translateY(-150%);
}
50% {
opacity: 1;
transform: scale(1) rotate(-1deg) translateY(0);
}
65% {
opacity: 1;
transform: scale(1) rotate(2deg) translateY(0);
}
85% {
opacity: 1;
transform: scale(1) rotate(-0.5deg) translateY(0);
}
100% {
opacity: 1;
transform: scale(1) rotate(0) translateY(0);
}
}
@keyframes pop-in-bottom {
0% {
opacity: 0;
transform: scale(1) rotate(-1deg) translateY(150%);
}
50% {
opacity: 1;
transform: scale(1) rotate(-1deg) translateY(0);
}
65% {
opacity: 1;
transform: scale(1) rotate(2deg) translateY(0);
}
85% {
opacity: 1;
transform: scale(1) rotate(-0.5deg) translateY(0);
}
100% {
opacity: 1;
transform: scale(1) rotate(0) translateY(0);
}
}
@keyframes pop-out-top {
from {
display: flex;
}
to {
transform: translateY(-100%) rotate(-5deg);
opacity: 0;
}
}
@keyframes pop-out-bottom {
from {
display: flex;
}
to {
transform: translateY(100%) rotate(-5deg);
opacity: 0;
}
}
#sln-salon.sln-loginform > form {
margin-top: 0;
}
#sln-salon.sln-loginform > form p {
margin-bottom: 0.8em;
}
@media only screen and (min-width: 768px) {
#sln-salon.sln-loginform {
max-width: 50vw;
}
}
@media only screen and (min-width: 992px) {
#sln-salon.sln-loginform {
max-width: 30vw;
}
}
#sln-salon #sln-salon-my-account .modal-dialog {
margin: 60px 15px;
}
@media (min-width: 768px) {
#sln-salon #sln-salon-my-account .modal-dialog {
width: 560px;
margin: 60px auto;
}
}
#sln-salon #sln-salon-my-account .modal-header {
border-bottom: none;
}
#sln-salon #sln-salon-my-account .modal-footer {
border-top: none;
}
#sln-salon #sln-salon-my-account .modal-content {
border: none;
border-radius: 2px;
box-shadow: 0 2px 8px rgba(150, 150, 150, 0.3);
padding-bottom: 2em;
}
#sln-salon #sln-salon-my-account.mobile-version div.modal-content {
padding: 0 0 2em 0;
}
@media only screen and (min-width: 768px) {
#sln-salon #sln-salon-my-account.mobile-version div.modal-content {
padding: 0 0 4em 0;
}
}
#sln-salon #sln-salon-my-account #step1 {
margin-top: 15px;
}
#sln-salon #sln-salon-my-account #step1 p {
margin: 0;
padding-bottom: 0;
}
@media only screen and (min-width: 768px) {
#sln-salon #sln-salon-my-account #step1 {
margin-top: 40px;
}
#sln-salon #sln-salon-my-account #step1 p {
padding-bottom: 1em;
}
}
#sln-salon #sln-salon-my-account #step2 {
padding-top: 100px;
}
#sln-salon #sln-salon-my-account #step2 p {
margin: 0;
}
#sln-salon #sln-salon-my-account #step2 p:first-child {
color: #0083c3;
}
#sln-salon #sln-salon-my-account #step2 p:last-child {
margin-top: 20px;
}
#sln-salon #sln-salon-my-account .modal-body {
padding: 0 30px;
}
#sln-salon #sln-salon-my-account .modal-body button {
display: block;
margin: 0 auto;
border-radius: 0 !important;
padding: 8px 24px !important;
font-variant: normal !important;
text-transform: auto;
text-transform: initial !important;
font-size: 18px;
outline: none;
}
#sln-salon #sln-salon-my-account .modal-body button.btn-primary {
background: #0083c3;
margin: 30px auto;
}
#sln-salon #sln-salon-my-account .modal-body button.btn-default {
background: none;
color: #0083c3 !important;
}
#sln-salon #sln-salon-my-account .modal {
background-color: rgba(220, 220, 220, 0.4);
z-index: 99999;
}
#sln-salon #sln-salon-my-account .modal button.close,
#sln-salon #sln-salon-my-account .modal button.close:hover {
background: none;
border: none;
position: relative;
color: #fff;
opacity: auto;
opacity: initial;
text-shadow: none;
margin: 10px 10px 0 0;
width: 40px;
height: 40px;
}
#sln-salon #sln-salon-my-account .modal button.close:before,
#sln-salon #sln-salon-my-account .modal button.close:hover:before {
content: "×";
border-radius: 50%;
background: #555555;
border: none;
width: 20px;
height: 20px;
position: absolute;
z-index: 0;
line-height: 20px;
font-size: 20px;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
@media only screen and (min-width: 992px) {
#sln-salon #sln-salon-my-account .modal button.close,
#sln-salon #sln-salon-my-account .modal button.close:hover {
width: 20px;
height: 20px;
margin: 10px 20px 0 0;
}
}
#sln-salon #sln-salon-my-account .modal textarea {
width: 100%;
resize: none;
margin: 20px 0;
border: none;
background: #fff;
padding: 16px;
border-radius: 2px;
height: 140px;
border-width: 1px;
border-style: solid;
outline-color: currentColor;
outline-width: medium;
}
#sln-salon #sln-salon-my-account .modal textarea::-webkit-input-placeholder {
color: rgba(0, 66, 88, 0.3);
}
#sln-salon #sln-salon-my-account .modal textarea::-moz-placeholder {
color: rgba(0, 66, 88, 0.3);
}
#sln-salon #sln-salon-my-account .modal textarea:-moz-placeholder {
color: rgba(0, 66, 88, 0.3);
}
#sln-salon #sln-salon-my-account .modal textarea:-ms-input-placeholder {
color: rgba(0, 66, 88, 0.3);
}
#sln-salon #sln-salon-my-account .modal textarea::placeholder {
color: rgba(0, 66, 88, 0.3);
}
#sln-salon #sln-salon-my-account .modal textarea::input-placeholder {
color: rgba(0, 66, 88, 0.3);
}
#sln-salon #sln-salon-my-account .modal .rating {
display: inline-block !important;
background: none;
}
#sln-salon #sln-salon-my-account .modal .rating i {
vertical-align: bottom;
font-size: 24px;
color: #0083c3;
}
#sln-salon #sln-salon-my-account .modal .rating span {
font-size: 0.9em;
}
#sln-salon #sln-salon-my-account .glyphicon {
font-family: "FontAwesome";
font-size: 1em;
}
#sln-salon #sln-salon-my-account .glyphicon:before {
font-weight: 900;
content: "\f111";
}
#sln-salon #sln-salon-my-account .glyphicon.glyphicon-clock:before {
content: "\f017";
font-weight: 400;
}
#sln-salon #sln-salon-my-account .glyphicon.glyphicon-trash:before {
content: "\f2ed";
}
#sln-salon #sln-salon-my-account .glyphicon.glyphicon-ban-circle:before {
content: "\f05e";
}
#sln-salon #sln-salon-my-account .glyphicon.glyphicon-plus:before {
content: "\f067";
}
#sln-salon #sln-salon-my-account .glyphicon.glyphicon-minus:before {
content: "\f068";
}
#sln-salon #sln-salon-my-account .glyphicon.glyphicon-star:before {
content: "\f005";
}
#sln-salon #sln-salon-my-account .glyphicon.glyphicon-star-empty:before {
content: "\f005";
font-weight: 400;
}
#sln-salon #sln-salon-my-account .glyphicon.glyphicon-thumbs-up:before {
content: "\f164";
}
#sln-salon #sln-salon-my-account .glyphicon.glyphicon-warning-sign:before {
content: "\f071";
}
#sln-salon #sln-salon-my-account .glyphicon.glyphicon-ok-sign:before {
content: "\f058";
}
#sln-salon #sln-salon-my-account .glyphicon.glyphicon-hourglass:before {
content: "\f254";
font-weight: 400;
}
#sln-salon #sln-salon-my-account i.glyphicon {
font-style: normal;
}
#sln-salon .sln-content__tabs__nav {
display: flex;
margin-top: 0;
padding-left: 0;
list-style: none;
border-bottom: 1px solid rgb(136, 136, 136);
}
#sln-salon .sln-content__tabs__nav__item {
flex-grow: 1;
border-bottom: 3px solid transparent;
margin-bottom: -2px;
text-align: center;
color: rgb(83, 106, 119);
transition: all 500ms;
}
#sln-salon .sln-content__tabs__nav__item a {
display: inline-block;
padding: 0.25em 1em;
cursor: pointer;
color: rgb(83, 106, 119);
}
#sln-salon .sln-content__tabs__nav__item.active {
border-bottom-color: rgb(9, 120, 189);
}
#sln-salon .sln-content__tabs__nav__item.active a {
color: rgb(9, 120, 189);
}
@media (hover: hover) {
#sln-salon .sln-content__tabs__nav__item.active:hover {
border-bottom-color: rgb(9, 120, 189);
}
}
@media (hover: hover) {
#sln-salon .sln-content__tabs__nav__item:hover {
border-bottom-color: rgb(136, 136, 136);
}
#sln-salon .sln-content__tabs__nav__item a:hover {
text-decoration: none;
}
}
.sln-datalist {
width: 100%;
}
.sln-datalist.sln-datalist--styled {
margin-top: 3em;
}
.sln-datalist.sln-datalist--styled .sln-datalist__item {
padding-bottom: 5em;
}
.sln-datalist.sln-datalist--styled:not(.sln-datalist--2cols):not(.sln-datalist--3cols):not(.sln-datalist--4cols) .sln-datalist__item {
margin-bottom: 5em;
padding-bottom: 5em;
position: relative;
}
.sln-datalist.sln-datalist--styled:not(.sln-datalist--2cols):not(.sln-datalist--3cols):not(.sln-datalist--4cols) .sln-datalist__item:after {
display: block;
content: "";
width: 100%;
height: 1px;
position: absolute;
bottom: 0;
left: 0;
background-color: currentColor;
opacity: 0.25;
}
.sln-datalist.sln-datalist--styled .sln-datalist__item__name {
margin: 0 0 1em 0;
}
.sln-datalist.sln-datalist--styled .sln-datalist__item__image img {
max-width: 25%;
margin: 0;
border-radius: 50%;
border-radius: 9999px;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
}
.sln-datalist.sln-datalist--styled .sln-datalist__item__description {
margin: 2em 0;
}
.sln-datalist.sln-datalist--styled .sln-datalist__item__list {
margin: 2em 0;
}
.sln-datalist.sln-datalist--styled .sln-datalist__item__list h5 {
margin-bottom: 0.5em;
}
.sln-datalist.sln-datalist--styled .sln-datalist__item__list ul {
padding: 0;
list-style: none;
}
.sln-datalist.sln-datalist--styled .sln-datalist__item__info p {
margin-bottom: 1em;
}
.sln-datalist.sln-datalist--styled .sln-datalist__item__info p:last-child {
margin-bottom: 2em;
}
.sln-datalist.sln-datalist--styled .sln-datalist__item__info span {
opacity: 0.85;
}
.sln-datalist.sln-datalist--styled .sln-datalist__item__actions a {
display: inline-block;
padding: 0.5em 1.25em;
border: 1px solid currentColor;
text-decoration: none;
text-shadow: none;
box-shadow: none;
}
.sln-datalist.sln-datalist--styled .sln-datalist__item__actions a:hover, .sln-datalist.sln-datalist--styled .sln-datalist__item__actions a:focus, .sln-datalist.sln-datalist--styled .sln-datalist__item__actions a:active {
text-decoration: none;
text-shadow: none;
}
@media only screen and (min-width: 768px) {
.sln-datalist.sln-datalist--2cols .sln-datalist__item {
width: 50%;
float: left;
padding: 0 5% 5em 0;
}
.sln-datalist.sln-datalist--2cols .sln-datalist__item:nth-child(odd) {
clear: both;
}
.sln-datalist.sln-datalist--2cols.sln-datalist--styled .sln-datalist__item__image img {
max-width: 50%;
}
}
@media only screen and (min-width: 768px) {
.sln-datalist.sln-datalist--3cols .sln-datalist__item {
width: 33.3333%;
float: left;
padding: 0 5% 5em 0;
}
.sln-datalist.sln-datalist--3cols .sln-datalist__item:nth-child(3n+4) {
clear: both;
}
.sln-datalist.sln-datalist--3cols.sln-datalist--styled .sln-datalist__item__image img {
max-width: 75%;
}
}
@media only screen and (min-width: 768px) {
.sln-datalist.sln-datalist--4cols .sln-datalist__item {
width: 25%;
float: left;
padding: 0 5% 5em 0;
}
.sln-datalist.sln-datalist--4cols .sln-datalist__item:nth-child(4n+5) {
clear: both;
}
.sln-datalist.sln-datalist--4cols.sln-datalist--styled .sln-datalist__item__image img {
max-width: 90%;
}
}
.sln-datalist_clearfix:before,
.sln-datalist_clearfix:after {
content: " ";
display: table;
}
.sln-datalist_clearfix:after {
clear: both;
}
.sln-datashortcode .glyphicon {
font-family: "FontAwesome";
font-size: 1em;
font-style: normal;
}
.sln-datashortcode .glyphicon.glyphicon-star:before {
content: "\f005";
font-weight: bold;
}
.sln-datashortcode .glyphicon.glyphicon-star-empty:before {
content: "\f005";
}
.sln-datashortcode .glyphicon {
margin: 0 5px 0 0;
color: #e6cc00 !important;
}
.sln-datashortcode .glyphicon.glyphicon-star-empty {
margin: 0 5px 0 0;
color: #0170b9 !important;
}
.sln-datashortcode--comments .sln-datalist.sln-datalist--styled:not(.sln-datalist--2cols):not(.sln-datalist--3cols):not(.sln-datalist--4cols) .sln-datalist__item {
margin-bottom: 1em;
padding: 1em 1em 1.5em;
display: inline-block;
}
.sln-datashortcode--comments .sln-datalist.sln-datalist--styled:not(.sln-datalist--2cols):not(.sln-datalist--3cols):not(.sln-datalist--4cols) .sln-datalist__item::after {
display: none;
}
@media only screen and (min-width: 768px) {
.sln-datashortcode--comments .sln-datalist.sln-datalist--styled:not(.sln-datalist--2cols):not(.sln-datalist--3cols):not(.sln-datalist--4cols) .sln-datalist__item {
margin-bottom: 0;
}
}
.sln-datashortcode--comments .sln-datalist {
padding: 1em;
}
@media only screen and (min-width: 768px) {
.sln-datashortcode--comments .sln-datalist {
display: grid;
grid-gap: 1em;
grid-template-columns: repeat(auto-fit, minmax(30ch, 1fr));
}
}
@media only screen and (min-width: 992px) {
.sln-datashortcode--comments .sln-datalist {
grid-template-columns: repeat(auto-fit, minmax(40ch, 1fr));
}
}
@media only screen and (min-width: 1200px) {
.sln-datashortcode--comments .sln-datalist {
grid-template-columns: repeat(auto-fit, minmax(30ch, 1fr));
}
}
@media only screen and (min-width: 1750px) {
.sln-datashortcode--comments .sln-datalist {
grid-template-columns: repeat(auto-fit, minmax(35ch, 1fr));
}
}
.sln-datashortcode--comments .sln-datalist .sln-datalist__item {
padding: 0;
color: #215577;
background-color: #e9f1f7;
border-radius: 4px;
box-shadow: 2px 5px 8px 0px rgba(40, 40, 40, 0.12);
}
.sln-datashortcode--comments .sln-datalist .sln-datalist__item .sln-datalist__item__author {
margin-bottom: 0.5em;
font-weight: bold;
font-size: 1.125em;
line-height: 1.2;
}
.sln-datashortcode--comments .sln-datalist .sln-datalist__item .sln-datalist__item__date {
margin-bottom: 1em;
padding-bottom: 0 !important;
font-size: 1em;
line-height: 1.2;
}
.sln-datashortcode--comments .sln-datalist .sln-datalist__item .sln-datalist__item__rating {
display: flex;
margin-bottom: 1em;
font-size: 1.125em;
align-items: baseline;
line-height: 1.2;
}
.sln-datashortcode--comments .sln-datalist .sln-datalist__item .sln-datalist__item__rating .rating {
display: none;
margin-right: 0.5em;
}
.sln-datashortcode--comments .sln-datalist .sln-datalist__item .sln-datalist__item__rating .rating-value {
font-weight: bold;
font-size: 1em;
}
.sln-datashortcode--comments .sln-datalist .sln-datalist__item .sln-datalist__item__comment {
font-size: 1em;
line-height: 1.4;
}
#sln-salon #sln-salon-my-account.mobile-version .sln-salon-booking-calendar.table tr {
margin-bottom: 3em;
}
#sln-salon #sln-salon-my-account.mobile-version .sln-salon-booking-calendar.table td.sln-sc--cal__attendant,
#sln-salon #sln-salon-my-account.mobile-version .sln-salon-booking-calendar.table td.sln-sc--cal__date {
padding-top: 1.4em;
padding-bottom: 1.4em;
padding-left: 12em;
font-weight: bold;
}
#sln-salon #sln-salon-my-account.mobile-version .sln-salon-booking-calendar.table td.sln-sc--cal__attendant span,
#sln-salon #sln-salon-my-account.mobile-version .sln-salon-booking-calendar.table td.sln-sc--cal__date span {
display: block;
padding-bottom: 0.2em;
}
#sln-salon {
position: relative;
margin-top: 2em;
margin-bottom: 2em;
padding: 0.4375em 0.3125em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: rgb(245, 245, 245);
}
#sln-salon *,
#sln-salon *:before,
#sln-salon *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
opacity: 1;
}
@media only screen and (min-width: 768px) {
#sln-salon {
padding: 1em;
}
}
@media only screen and (max-width: 599px) {
#sln-salon {
width: 99vw;
}
}
#sln-salon #sln-salon__content {
border-radius: 0.3125em;
padding-top: 1em;
}
@media only screen and (max-width: 599px) {
#sln-salon #sln-salon__content {
padding-top: 1.2em;
padding-bottom: 0;
}
#sln-salon #sln-salon__content .sln-salon-title,
#sln-salon #sln-salon__content .salon-step-title {
margin-right: 0.75em;
margin-left: 0.75em;
}
}
#sln-salon.sln-salon--l {
width: 100vw;
}
@media only screen and (min-width: 768px) {
#sln-salon.sln-salon--l {
width: 100%;
padding: 1em;
}
}
@media only screen and (min-width: 992px) {
#sln-salon.sln-salon--l {
max-width: 900px;
}
}
#sln-salon.sln-salon--m {
width: 100%;
}
@media only screen and (min-width: 768px) {
#sln-salon.sln-salon--m {
padding: 1em;
}
}
@media only screen and (min-width: 992px) {
#sln-salon.sln-salon--m {
max-width: 600px;
}
}
#sln-salon.sln-salon--s {
width: 100%;
}
@media only screen and (min-width: 768px) {
#sln-salon.sln-salon--s {
padding: 1em;
}
}
@media only screen and (min-width: 992px) {
#sln-salon.sln-salon--s {
max-width: 400px;
}
}
#sln-salon h1,
#sln-salon h2,
#sln-salon h3,
#sln-salon h4,
#sln-salon h5,
#sln-salon h6 {
margin-top: 0;
margin-bottom: 0;
}
#sln-salon > form {
margin-top: 1em;
}
#sln-salon > form h2 {
margin-bottom: 1em;
}
@media only screen and (min-width: 768px) {
#sln-salon {
padding: 2em;
}
}
h1[class^=col-],
h2[class^=col-],
h3[class^=col-],
h4[class^=col-],
h5[class^=col-],
h6[class^=col-] {
clear: none;
margin-top: 0;
margin-bottom: 0;
word-wrap: auto;
word-wrap: initial;
}
.sln-steps {
margin-bottom: 2em;
}
.sln-steps-name,
.sln-steps-price {
margin-top: 0;
margin-bottom: 0;
}
.sln-steps-info label,
.sln-steps-description label {
font-weight: normal;
width: 100%;
display: block;
}
.sln-steps-description hr {
margin: 0.6em 0;
border: 0;
border-top-style: dashed;
border-top-width: 0.05em;
background-image: none;
}
.sln-steps-price {
display: block;
}
.sln-salon--s .sln-steps-price {
display: block;
}
@media only screen and (min-width: 768px) {
.sln-salon--s .sln-steps-price {
text-align: left;
}
}
.sln-list--dashed,
ul.sln-list--dashed,
#sln-salon .sln-list--dashed,
#sln-salon ul.sln-list--dashed {
list-style: none;
display: inline-block;
margin-bottom: 1em;
margin-left: 0;
padding-left: 0;
}
.sln-list--dashed li,
ul.sln-list--dashed li,
#sln-salon .sln-list--dashed li,
#sln-salon ul.sln-list--dashed li {
padding-bottom: 0.75em;
margin-bottom: 0.75em;
border-bottom-style: dotted;
border-bottom-width: 0.05em;
}
.sln-list--dashed li:last-child,
ul.sln-list--dashed li:last-child,
#sln-salon .sln-list--dashed li:last-child,
#sln-salon ul.sln-list--dashed li:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: 0;
}
.sln-list--dashed li small,
ul.sln-list--dashed li small,
#sln-salon .sln-list--dashed li small,
#sln-salon ul.sln-list--dashed li small {
font-size: 100%;
padding-left: 0.8333333333em;
}
#sln-salon ul li {
list-style: none;
}
#sln-salon.sln-salon--s .sln-list--dashed {
display: block;
}
.sln-salon--l.sln-step-date .sln-box--main:last-child {
margin-bottom: 0;
}
#sln-salon .sln-progbar__wrapper {
display: grid;
grid-template-columns: 16% auto;
gap: 1em;
align-items: center;
margin-top: 2.4em;
margin-bottom: 2em;
}
#sln-salon .sln-progbar__text {
grid-column: 1;
grid-row: 1;
}
@media only screen and (max-width: 599px) {
#sln-salon .sln-progbar__text {
font-size: 0.875em;
}
}
#sln-salon .sln-progbar {
width: 100%;
height: 0.625em;
grid-column: 2;
grid-row: 1;
display: flex;
flex-direction: row-reverse;
border-radius: 0.3125em;
overflow: hidden;
background-color: #eaeaea;
}
#sln-salon .sln-progbar .sln-progbar__item {
flex-grow: 1;
margin-right: -1px;
margin-left: -1px;
}
#sln-salon .sln-progbar .sln-progbar__item:first-child {
margin-right: 0;
}
#sln-salon .sln-progbar .sln-progbar__item:last-child {
margin-left: 0;
}
#sln-salon .sln-progbar .sln-progbar__item--current {
border-radius: 0 0.3125em 0.3125em 0;
}
#sln-salon .sln-progbar .sln-progbar__item--current,
#sln-salon .sln-progbar .sln-progbar__item--current ~ .sln-progbar__item {
background-color: rgb(9, 120, 189);
}
/*
.sln-service,
#sln-salon .sln-service {
display: block;
max-width: 200%;
margin-bottom: 4em;
padding-top: 2em;
position: relative;
@include bp(tablet) {
margin-bottom: 2em;
}
> * {
z-index: 1;
}
.sln-service__fkbkg {
display: block;
content: "";
background-color: $sln-color--emphasis--hover;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
opacity: 0;
pointer-events: none;
@include transition(opacity 200ms, transform 200ms);
-webkit-transform: scale(0.95, 0.95);
-ms-transform: scale(0.95, 0.95);
transform: scale(0.95, 0.95);
}
&:hover {
.sln-service__fkbkg {
opacity: 0.05;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
}
}
}
.sln-steps-duration,
#sln-salon .sln-steps-duration {
display: block;
font-weight: 600;
@extend %sln-textsize--base;
small {
@extend %sln-textsize--base;
}
}
.sln-service,
#sln-salon .sln-service {
.sln-alert {
margin-right: settings-mixins.em(12px);
margin-left: settings-mixins.em(12px);
}
}
estetique.booklapp.it
*/
.sln-list,
#sln-salon .sln-list {
margin-right: -15px;
margin-left: -15px;
padding-bottom: 1.125em;
background-color: rgb(245, 245, 245);
}
.sln-list.sln-list--packages,
#sln-salon .sln-list.sln-list--packages {
background-color: transparent;
}
.sln-list.sln-list--900,
#sln-salon .sln-list.sln-list--900 {
margin-right: 0;
margin-left: 0;
}
.sln-list .sln-list__item,
#sln-salon .sln-list .sln-list__item {
max-width: 600px;
margin: 0;
padding: 0.625em;
display: grid;
grid-template-columns: 20% auto 20%;
align-items: center;
gap: 0.75em;
position: relative;
border-bottom: 1px solid rgb(255, 255, 255);
transition: all 250ms;
font-size: 1em;
position: relative;
}
.sln-list .sln-list__item.sln-list__item--db,
#sln-salon .sln-list .sln-list__item.sln-list__item--db {
display: block;
grid-template-columns: unset;
align-items: unset;
gap: unset;
}
.sln-list .sln-list__item:last-child,
#sln-salon .sln-list .sln-list__item:last-child {
border-bottom: none;
}
.sln-list .sln-list__item.sln-list__item--icons,
#sln-salon .sln-list .sln-list__item.sln-list__item--icons {
grid-template-columns: auto 2.75em 2.75em;
grid-template-rows: auto;
gap: 0.5em;
}
.sln-list .sln-list__item.sln-list__item--icons .sln-icon-sort,
#sln-salon .sln-list .sln-list__item.sln-list__item--icons .sln-icon-sort {
width: 2.75em;
height: 2.75em;
display: flex;
justify-content: center;
align-items: center;
}
.sln-list .sln-list__item.sln-list__item--icons .sln-icon-sort.sln-icon-sort--up,
#sln-salon .sln-list .sln-list__item.sln-list__item--icons .sln-icon-sort.sln-icon-sort--up {
grid-column: 2;
grid-row: 1;
}
.sln-list .sln-list__item.sln-list__item--icons .sln-icon-sort.sln-icon-sort--down,
#sln-salon .sln-list .sln-list__item.sln-list__item--icons .sln-icon-sort.sln-icon-sort--down {
grid-column: 3;
grid-row: 1;
}
.sln-list .sln-list__item.sln-list--multiple__item,
#sln-salon .sln-list .sln-list__item.sln-list--multiple__item {
border-bottom: none;
}
.sln-list .sln-list__item.sln-attendant::before,
#sln-salon .sln-list .sln-list__item.sln-attendant::before {
display: none;
}
.sln-list .sln-list__item h3,
#sln-salon .sln-list .sln-list__item h3 {
font-size: 1em;
line-height: 1.2em;
}
.sln-list .sln-list__item .sln-list__item__thumb,
#sln-salon .sln-list .sln-list__item .sln-list__item__thumb {
grid-column: 1;
transition: all 250ms;
}
.sln-list .sln-list__item .sln-list__item__thumb img,
#sln-salon .sln-list .sln-list__item .sln-list__item__thumb img {
display: block;
width: 100%;
height: auto;
border-radius: 1em;
}
.sln-list .sln-list__item.sln-shop .sln-list__item__thumb img,
#sln-salon .sln-list .sln-list__item.sln-shop .sln-list__item__thumb img {
box-shadow: 0 6px 6px 3px rgba(0, 0, 0, 0.1);
}
.sln-list .sln-list__item .sln-list__item__content,
.sln-list .sln-list__item .sln-list__item__content--add,
#sln-salon .sln-list .sln-list__item .sln-list__item__content,
#sln-salon .sln-list .sln-list__item .sln-list__item__content--add {
grid-column: 1/span 2;
}
.sln-list .sln-list__item .sln-list__item__content .sln-list__item__name,
.sln-list .sln-list__item .sln-list__item__content .sln-list__item__price,
.sln-list .sln-list__item .sln-list__item__content--add .sln-list__item__name,
.sln-list .sln-list__item .sln-list__item__content--add .sln-list__item__price,
#sln-salon .sln-list .sln-list__item .sln-list__item__content .sln-list__item__name,
#sln-salon .sln-list .sln-list__item .sln-list__item__content .sln-list__item__price,
#sln-salon .sln-list .sln-list__item .sln-list__item__content--add .sln-list__item__name,
#sln-salon .sln-list .sln-list__item .sln-list__item__content--add .sln-list__item__price {
color: rgb(9, 120, 189);
font-weight: 600;
font-size: 1em;
}
.sln-list .sln-list__item .sln-list__item__content .sln-list__item__name,
.sln-list .sln-list__item .sln-list__item__content--add .sln-list__item__name,
#sln-salon .sln-list .sln-list__item .sln-list__item__content .sln-list__item__name,
#sln-salon .sln-list .sln-list__item .sln-list__item__content--add .sln-list__item__name {
margin-top: 0;
margin-bottom: 0.3em;
}
.sln-list .sln-list__item .sln-list__item__content .sln-list__item__description,
.sln-list .sln-list__item .sln-list__item__content--add .sln-list__item__description,
#sln-salon .sln-list .sln-list__item .sln-list__item__content .sln-list__item__description,
#sln-salon .sln-list .sln-list__item .sln-list__item__content--add .sln-list__item__description {
margin-top: 0;
margin-bottom: 0.3em;
font-size: 0.875em;
font-weight: 300;
}
.sln-list .sln-list__item .sln-list__item__content .sln-list__item__description .sln-list__item__description__more,
.sln-list .sln-list__item .sln-list__item__content--add .sln-list__item__description .sln-list__item__description__more,
#sln-salon .sln-list .sln-list__item .sln-list__item__content .sln-list__item__description .sln-list__item__description__more,
#sln-salon .sln-list .sln-list__item .sln-list__item__content--add .sln-list__item__description .sln-list__item__description__more {
display: block;
height: 0px;
overflow: hidden;
opacity: 0;
transition: all 150ms;
}
.sln-list .sln-list__item .sln-list__item__content .sln-list__item__description .sln-list__item__description__breakdots,
.sln-list .sln-list__item .sln-list__item__content--add .sln-list__item__description .sln-list__item__description__breakdots,
#sln-salon .sln-list .sln-list__item .sln-list__item__content .sln-list__item__description .sln-list__item__description__breakdots,
#sln-salon .sln-list .sln-list__item .sln-list__item__content--add .sln-list__item__description .sln-list__item__description__breakdots {
font-size: 2.2em;
color: rgb(9, 120, 189);
line-height: 0;
}
.sln-list .sln-list__item .sln-list__item__content .sln-list__item__info,
.sln-list .sln-list__item .sln-list__item__content--add .sln-list__item__info,
#sln-salon .sln-list .sln-list__item .sln-list__item__content .sln-list__item__info,
#sln-salon .sln-list .sln-list__item .sln-list__item__content--add .sln-list__item__info {
display: flex;
}
.sln-list .sln-list__item .sln-list__item__content .sln-list__item__info.sln-package__info,
.sln-list .sln-list__item .sln-list__item__content--add .sln-list__item__info.sln-package__info,
#sln-salon .sln-list .sln-list__item .sln-list__item__content .sln-list__item__info.sln-package__info,
#sln-salon .sln-list .sln-list__item .sln-list__item__content--add .sln-list__item__info.sln-package__info {
margin: 1.75em 0 0.5em 0;
align-items: baseline;
}
.sln-list .sln-list__item .sln-list__item__content .sln-list__item__price,
.sln-list .sln-list__item .sln-list__item__content--add .sln-list__item__price,
#sln-salon .sln-list .sln-list__item .sln-list__item__content .sln-list__item__price,
#sln-salon .sln-list .sln-list__item .sln-list__item__content--add .sln-list__item__price {
margin-right: 1.5em;
font-size: 0.875em;
}
.sln-list .sln-list__item .sln-list__item__content .sln-list__item__price--fw-light,
.sln-list .sln-list__item .sln-list__item__content--add .sln-list__item__price--fw-light,
#sln-salon .sln-list .sln-list__item .sln-list__item__content .sln-list__item__price--fw-light,
#sln-salon .sln-list .sln-list__item .sln-list__item__content--add .sln-list__item__price--fw-light {
font-weight: 300;
}
.sln-list .sln-list__item .sln-list__item__content .sln-list__item__duration,
.sln-list .sln-list__item .sln-list__item__content--add .sln-list__item__duration,
#sln-salon .sln-list .sln-list__item .sln-list__item__content .sln-list__item__duration,
#sln-salon .sln-list .sln-list__item .sln-list__item__content--add .sln-list__item__duration {
font-weight: 300;
font-size: 1em;
}
.sln-list .sln-list__item .sln-list__item__thumb + .sln-list__item__content,
#sln-salon .sln-list .sln-list__item .sln-list__item__thumb + .sln-list__item__content {
grid-column: 2;
}
.sln-list .sln-list__item .sln-list__item__action,
#sln-salon .sln-list .sln-list__item .sln-list__item__action {
grid-column: 3;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.sln-list .sln-list__item .sln-list__item__action.sln-package__action,
#sln-salon .sln-list .sln-list__item .sln-list__item__action.sln-package__action {
align-items: normal;
}
.sln-list .sln-list__item .sln-list__item__action .sln-service-variable-duration,
#sln-salon .sln-list .sln-list__item .sln-list__item__action .sln-service-variable-duration {
min-width: 100%;
}
.sln-list .sln-list__item .sln-list__item__action .sln-radiobox,
#sln-salon .sln-list .sln-list__item .sln-list__item__action .sln-radiobox {
width: 28px;
height: 28px;
position: relative;
}
.sln-list .sln-list__item .sln-list__item__content--add,
.sln-list .sln-list__item .sln-list__item__description--exte,
#sln-salon .sln-list .sln-list__item .sln-list__item__content--add,
#sln-salon .sln-list .sln-list__item .sln-list__item__description--exte {
grid-column: 1/span 3;
grid-row: 2;
display: none;
padding: 0.75em;
background-color: rgb(245, 245, 245);
border-radius: 0.3125em;
}
.sln-list .sln-list__item .sln-list__item__content--add p,
.sln-list .sln-list__item .sln-list__item__description--exte p,
#sln-salon .sln-list .sln-list__item .sln-list__item__content--add p,
#sln-salon .sln-list .sln-list__item .sln-list__item__description--exte p {
margin-top: 0;
}
.sln-list .sln-list__item.sln-list__item--moredesc .sln-list__item__thumb,
#sln-salon .sln-list .sln-list__item.sln-list__item--moredesc .sln-list__item__thumb {
align-self: start;
}
.sln-list .sln-list__item.sln-list__item--moredesc .sln-list__item__content,
#sln-salon .sln-list .sln-list__item.sln-list__item--moredesc .sln-list__item__content {
grid-row: 1;
}
.sln-list .sln-list__item.sln-list__item--moredesc .sln-list__item__content .sln-list__item__description .sln-list__item__description__more,
#sln-salon .sln-list .sln-list__item.sln-list__item--moredesc .sln-list__item__content .sln-list__item__description .sln-list__item__description__more {
display: inline;
height: auto;
opacity: 1;
transition: all 250ms;
}
.sln-list .sln-list__item.sln-list__item--moredesc .sln-list__item__content .sln-list__item__description .sln-list__item__description__breakdots,
#sln-salon .sln-list .sln-list__item.sln-list__item--moredesc .sln-list__item__content .sln-list__item__description .sln-list__item__description__breakdots {
display: none;
}
.sln-list .sln-list__item.sln-list__item--moredesc .sln-list__item__content--add,
.sln-list .sln-list__item.sln-list__item--moredesc .sln-list__item__description--exte,
#sln-salon .sln-list .sln-list__item.sln-list__item--moredesc .sln-list__item__content--add,
#sln-salon .sln-list .sln-list__item.sln-list__item--moredesc .sln-list__item__description--exte {
display: inline-block;
}
.sln-list .sln-list__item.sln-list--multiple__item.sln-list__item--moredesc .sln-list__item__content,
#sln-salon .sln-list .sln-list__item.sln-list--multiple__item.sln-list__item--moredesc .sln-list__item__content {
grid-row: 1;
}
.sln-list .sln-list__item.sln-list--multiple__item.sln-list__item--moredesc .sln-list__item__content .sln-list__item__description,
#sln-salon .sln-list .sln-list__item.sln-list--multiple__item.sln-list__item--moredesc .sln-list__item__content .sln-list__item__description {
display: none;
}
.sln-list .sln-list__item .sln-list__item__errors,
#sln-salon .sln-list .sln-list__item .sln-list__item__errors {
grid-column: 1/span 3;
grid-row: 2;
transition: all 250ms;
}
.sln-list .sln-list__item .sln-list__item__errors.sln-list__item__errors--pushed,
#sln-salon .sln-list .sln-list__item .sln-list__item__errors.sln-list__item__errors--pushed {
grid-row: 3;
}
.sln-list .sln-list__item .sln-list__item__errors p,
#sln-salon .sln-list .sln-list__item .sln-list__item__errors p {
margin-top: 0.1em;
margin-left: 0.35em;
}
.sln-list .sln-list__item .sln-list__item__errors:empty,
#sln-salon .sln-list .sln-list__item .sln-list__item__errors:empty {
display: none;
}
.sln-list .sln-list__item .sln-list__item__errors .sln-list__item__error,
#sln-salon .sln-list .sln-list__item .sln-list__item__errors .sln-list__item__error {
display: none;
padding-left: 2.8em;
font-size: 1em;
}
.sln-list .sln-list__item .sln-list__item__errors .sln-list__item__error p,
#sln-salon .sln-list .sln-list__item .sln-list__item__errors .sln-list__item__error p {
margin-top: 0;
margin-bottom: 0;
font-size: 0.8em;
}
.sln-list .sln-list__item .sln-list__item__errors .sln-list__item__error p::first-line,
#sln-salon .sln-list .sln-list__item .sln-list__item__errors .sln-list__item__error p::first-line {
font-size: 1.1em;
font-weight: 600;
}
.sln-list .sln-list__item .sln-list__item__errors .sln-list__item__error.visible,
#sln-salon .sln-list .sln-list__item .sln-list__item__errors .sln-list__item__error.visible {
display: block;
}
.sln-list .sln-list__item > *,
#sln-salon .sln-list .sln-list__item > * {
z-index: 1;
}
.sln-list .sln-list__item .sln-total-price,
#sln-salon .sln-list .sln-list__item .sln-total-price {
text-align-last: left;
font-weight: 700;
}
.sln-list .sln-list__item .sln-list__item__fkbkg,
#sln-salon .sln-list .sln-list__item .sln-list__item__fkbkg {
display: block;
content: "";
background-color: #0091ea;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
opacity: 0;
pointer-events: none;
-webkit-transition: opacity 200ms, transform 200ms;
-moz-transition: opacity 200ms, transform 200ms;
-o-transition: opacity 200ms, transform 200ms;
transition: opacity 200ms, transform 200ms;
-webkit-transform: scale(0.95, 0.95);
-ms-transform: scale(0.95, 0.95);
transform: scale(0.95, 0.95);
}
.sln-list .sln-list__item:hover .sln-list__item__fkbkg,
#sln-salon .sln-list .sln-list__item:hover .sln-list__item__fkbkg {
opacity: 0.05;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
}
.sln-list .sln-list__item .sln-list__item__morecontent,
#sln-salon .sln-list .sln-list__item .sln-list__item__morecontent {
grid-column: 1/span 3;
grid-row: 2;
}
.sln-list .sln-list__item .sln-list__item__morecontent__trigger,
#sln-salon .sln-list .sln-list__item .sln-list__item__morecontent__trigger {
display: grid;
grid-template: auto/1.8125em auto;
align-items: center;
column-gap: 0.5em;
font-weight: 600;
text-decoration: none;
cursor: pointer;
}
.sln-list .sln-list__item .sln-list__item__morecontent__trigger span,
#sln-salon .sln-list .sln-list__item .sln-list__item__morecontent__trigger span {
grid-column: 2;
grid-row: 1;
width: fit-content;
padding: 0 0.1em 0.5em 0.1em;
transition: all 150ms;
border-bottom: 1px solid currentColor;
}
.sln-list .sln-list__item .sln-list__item__morecontent__trigger span.sln-list__item__morecontent__trigger--show,
#sln-salon .sln-list .sln-list__item .sln-list__item__morecontent__trigger span.sln-list__item__morecontent__trigger--show {
opacity: 1;
transform: translateY(0);
}
.sln-list .sln-list__item .sln-list__item__morecontent__trigger span.sln-list__item__morecontent__trigger--hide,
#sln-salon .sln-list .sln-list__item .sln-list__item__morecontent__trigger span.sln-list__item__morecontent__trigger--hide {
opacity: 0;
transform: translateY(-1.5em);
}
.sln-list .sln-list__item .sln-list__item__morecontent__trigger::before, .sln-list .sln-list__item .sln-list__item__morecontent__trigger::after,
#sln-salon .sln-list .sln-list__item .sln-list__item__morecontent__trigger::before,
#sln-salon .sln-list .sln-list__item .sln-list__item__morecontent__trigger::after {
display: block;
grid-column: 1;
grid-row: 1;
transition: all 250ms;
}
.sln-list .sln-list__item .sln-list__item__morecontent__trigger::before,
#sln-salon .sln-list .sln-list__item .sln-list__item__morecontent__trigger::before {
opacity: 1;
transform: translateY(0);
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='%230978bd'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.sln-list .sln-list__item .sln-list__item__morecontent__trigger::after,
#sln-salon .sln-list .sln-list__item .sln-list__item__morecontent__trigger::after {
opacity: 0;
transform: translateY(-1.5em);
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='%230978bd'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.sln-list .sln-list__item .sln-list__item__morecontent__trigger.active span.sln-list__item__morecontent__trigger--show,
#sln-salon .sln-list .sln-list__item .sln-list__item__morecontent__trigger.active span.sln-list__item__morecontent__trigger--show {
opacity: 0;
transform: translateY(1.5em);
}
.sln-list .sln-list__item .sln-list__item__morecontent__trigger.active span.sln-list__item__morecontent__trigger--hide,
#sln-salon .sln-list .sln-list__item .sln-list__item__morecontent__trigger.active span.sln-list__item__morecontent__trigger--hide {
opacity: 1;
transform: translateY(0);
}
.sln-list .sln-list__item .sln-list__item__morecontent__trigger.active::before,
#sln-salon .sln-list .sln-list__item .sln-list__item__morecontent__trigger.active::before {
opacity: 0;
transform: translateY(1.5em);
}
.sln-list .sln-list__item .sln-list__item__morecontent__trigger.active::after,
#sln-salon .sln-list .sln-list__item .sln-list__item__morecontent__trigger.active::after {
opacity: 1;
transform: translateY(0);
}
.sln-list .sln-list__item.sln-package,
#sln-salon .sln-list .sln-list__item.sln-package {
grid-template-columns: 23% auto 10%;
grid-template-rows: auto;
}
.sln-list .sln-list__item.sln-package .sln-list__item__thumb,
#sln-salon .sln-list .sln-list__item.sln-package .sln-list__item__thumb {
grid-row: 1;
align-self: start;
}
.sln-list .sln-list__item.sln-package .sln-list__item__thumb + .sln-list__item__content,
#sln-salon .sln-list .sln-list__item.sln-package .sln-list__item__thumb + .sln-list__item__content {
grid-column: 1/span 2;
grid-row: 1;
display: grid;
grid-template-columns: 33% auto;
grid-template-rows: auto;
}
.sln-list .sln-list__item.sln-package .sln-list__item__thumb + .sln-list__item__content .sln-list__item__subcontent,
#sln-salon .sln-list .sln-list__item.sln-package .sln-list__item__thumb + .sln-list__item__content .sln-list__item__subcontent {
grid-column: 2;
grid-row: 1;
}
.sln-list .sln-list__item.sln-package .sln-list__item__thumb + .sln-list__item__content .sln-package__info,
#sln-salon .sln-list .sln-list__item.sln-package .sln-list__item__thumb + .sln-list__item__content .sln-package__info {
grid-column: 1/span 2;
grid-row: 2;
margin: 0.75em 0 0.5em 0;
}
@media only screen and (min-width: 768px) {
.sln-list .sln-list__item:not(.sln-list--400),
#sln-salon .sln-list .sln-list__item:not(.sln-list--400) {
grid-template-columns: 23% auto 18%;
gap: 1.5em;
padding: 1.125em;
font-size: 1em;
}
.sln-list .sln-list__item:not(.sln-list--400).sln-package,
#sln-salon .sln-list .sln-list__item:not(.sln-list--400).sln-package {
grid-template-columns: 23% auto 10%;
}
.sln-list .sln-list__item:not(.sln-list--400).sln-attendant,
#sln-salon .sln-list .sln-list__item:not(.sln-list--400).sln-attendant {
grid-template-columns: 25% auto 10%;
}
.sln-list .sln-list__item:not(.sln-list--400).sln-summary-row,
#sln-salon .sln-list .sln-list__item:not(.sln-list--400).sln-summary-row {
padding: 0.75em 1.125em;
}
.sln-list .sln-list__item:not(.sln-list--400) .sln-list__item__content .sln-list__item__price,
.sln-list .sln-list__item:not(.sln-list--400) .sln-list__item__content .sln-list__item__description,
.sln-list .sln-list__item:not(.sln-list--400) .sln-list__item__content--add .sln-list__item__price,
.sln-list .sln-list__item:not(.sln-list--400) .sln-list__item__content--add .sln-list__item__description,
#sln-salon .sln-list .sln-list__item:not(.sln-list--400) .sln-list__item__content .sln-list__item__price,
#sln-salon .sln-list .sln-list__item:not(.sln-list--400) .sln-list__item__content .sln-list__item__description,
#sln-salon .sln-list .sln-list__item:not(.sln-list--400) .sln-list__item__content--add .sln-list__item__price,
#sln-salon .sln-list .sln-list__item:not(.sln-list--400) .sln-list__item__content--add .sln-list__item__description {
font-size: 1em;
}
.sln-list .sln-list__item:not(.sln-list--400) .sln-list__item__content .sln-list__item__price.sln-package__price,
.sln-list .sln-list__item:not(.sln-list--400) .sln-list__item__content--add .sln-list__item__price.sln-package__price,
#sln-salon .sln-list .sln-list__item:not(.sln-list--400) .sln-list__item__content .sln-list__item__price.sln-package__price,
#sln-salon .sln-list .sln-list__item:not(.sln-list--400) .sln-list__item__content--add .sln-list__item__price.sln-package__price {
font-size: 1.25em;
}
.sln-list .sln-list__item:not(.sln-list--400) .sln-list__item__content .sln-list__item__price__note,
.sln-list .sln-list__item:not(.sln-list--400) .sln-list__item__content--add .sln-list__item__price__note,
#sln-salon .sln-list .sln-list__item:not(.sln-list--400) .sln-list__item__content .sln-list__item__price__note,
#sln-salon .sln-list .sln-list__item:not(.sln-list--400) .sln-list__item__content--add .sln-list__item__price__note {
font-size: 0.9375em;
color: rgb(9, 120, 189);
}
.sln-list .sln-list__item:not(.sln-list--400) .sln-list__item__content .sln-list__item__price + .sln-list__item__price__note,
.sln-list .sln-list__item:not(.sln-list--400) .sln-list__item__content--add .sln-list__item__price + .sln-list__item__price__note,
#sln-salon .sln-list .sln-list__item:not(.sln-list--400) .sln-list__item__content .sln-list__item__price + .sln-list__item__price__note,
#sln-salon .sln-list .sln-list__item:not(.sln-list--400) .sln-list__item__content--add .sln-list__item__price + .sln-list__item__price__note {
margin-left: -1.4em;
}
.sln-list .sln-list__item:not(.sln-list--400) .sln-list__item__content .sln-list__item__name,
.sln-list .sln-list__item:not(.sln-list--400) .sln-list__item__content--add .sln-list__item__name,
#sln-salon .sln-list .sln-list__item:not(.sln-list--400) .sln-list__item__content .sln-list__item__name,
#sln-salon .sln-list .sln-list__item:not(.sln-list--400) .sln-list__item__content--add .sln-list__item__name {
font-size: 1.25em;
}
.sln-list .sln-list__item:not(.sln-list--400) .sln-list__item__errors .sln-list__item__error,
#sln-salon .sln-list .sln-list__item:not(.sln-list--400) .sln-list__item__errors .sln-list__item__error {
padding-left: 3.4em;
}
}
.sln-list .sln-list__item.sln-package,
#sln-salon .sln-list .sln-list__item.sln-package {
border-radius: 0.3125em;
background-color: rgb(245, 245, 245);
}
.sln-list .sln-list__item.sln-package + .sln-package,
#sln-salon .sln-list .sln-list__item.sln-package + .sln-package {
margin-top: 0.625em;
}
.sln-list .sln-list__item.sln-package .sln-package__services,
#sln-salon .sln-list .sln-list__item.sln-package .sln-package__services {
padding-left: 0;
color: rgb(80, 80, 80);
}
.sln-list .sln-list__item.sln-package .sln-package__service,
#sln-salon .sln-list .sln-list__item.sln-package .sln-package__service {
display: flex;
align-items: center;
gap: 0.5em;
padding: 0.6em 0;
border-bottom: 1px dashed rgba(173, 173, 173, 0.5);
font-size: 1.125em;
}
.sln-list .sln-list__item.sln-package .sln-package__service__count,
#sln-salon .sln-list .sln-list__item.sln-package .sln-package__service__count {
display: flex;
align-items: center;
gap: 0.4em;
font-weight: 700;
}
.sln-list .sln-list__item.sln-package .sln-package__service__count::after,
#sln-salon .sln-list .sln-list__item.sln-package .sln-package__service__count::after {
font-family: "FontAwesome";
font-style: normal;
font-weight: 900;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
font-size: 1em;
line-height: 0;
content: "\f073";
font-size: 0.9em;
}
.sln-list.sln-summary__recap .sln-list__item,
#sln-salon .sln-list.sln-summary__recap .sln-list__item {
border-bottom: none;
}
.sln-list .sln-panel,
#sln-salon .sln-list .sln-panel {
margin: 0.5em;
border: 1px solid rgb(9, 120, 189);
border-radius: 0.3125em;
overflow: hidden;
}
.sln-list .sln-panel .sln-panel-heading,
#sln-salon .sln-list .sln-panel .sln-panel-heading {
display: block;
background-color: rgb(255, 255, 255);
transition: all 250ms;
}
.sln-list .sln-panel .sln-panel-heading .sln-btn, .sln-list .sln-panel .sln-panel-heading #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-list .sln-panel .sln-panel-heading #wp-submit,
#sln-salon .sln-list .sln-panel .sln-panel-heading .sln-btn,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-list .sln-panel .sln-panel-heading #loginform #wp-submit {
border: none;
font-size: 1em;
color: rgb(63, 68, 70);
transition: all 250ms;
}
.sln-list .sln-panel .sln-panel-heading .sln-btn::after, .sln-list .sln-panel .sln-panel-heading #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit::after, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-list .sln-panel .sln-panel-heading #wp-submit::after,
#sln-salon .sln-list .sln-panel .sln-panel-heading .sln-btn::after,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-list .sln-panel .sln-panel-heading #loginform #wp-submit::after {
width: 3.5em;
display: flex;
justify-content: center;
align-items: center;
top: 0;
right: 0;
bottom: 0;
transform: translate(0);
font-size: 2em;
transition: all 250ms;
color: rgb(52, 52, 52);
opacity: 1;
}
.sln-list .sln-panel .sln-panel-heading.collapsed,
#sln-salon .sln-list .sln-panel .sln-panel-heading.collapsed {
background-color: transparent;
}
.sln-list .sln-panel .sln-panel-heading.collapsed .sln-btn, .sln-list .sln-panel .sln-panel-heading.collapsed #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-list .sln-panel .sln-panel-heading.collapsed #wp-submit,
#sln-salon .sln-list .sln-panel .sln-panel-heading.collapsed .sln-btn,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-list .sln-panel .sln-panel-heading.collapsed #loginform #wp-submit {
color: rgb(9, 120, 189);
}
.sln-list .sln-panel .sln-panel-heading.collapsed .sln-btn::before, .sln-list .sln-panel .sln-panel-heading.collapsed #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit::before, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-list .sln-panel .sln-panel-heading.collapsed #wp-submit::before,
#sln-salon .sln-list .sln-panel .sln-panel-heading.collapsed .sln-btn::before,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-list .sln-panel .sln-panel-heading.collapsed #loginform #wp-submit::before {
display: none;
}
.sln-list .sln-panel .sln-panel-heading.collapsed .sln-btn::after, .sln-list .sln-panel .sln-panel-heading.collapsed #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit::after, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-list .sln-panel .sln-panel-heading.collapsed #wp-submit::after,
#sln-salon .sln-list .sln-panel .sln-panel-heading.collapsed .sln-btn::after,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-list .sln-panel .sln-panel-heading.collapsed #loginform #wp-submit::after {
opacity: 1;
color: rgb(9, 120, 189);
}
.sln-list .sln-panel .sln-panel-heading.collapsed .sln-service,
#sln-salon .sln-list .sln-panel .sln-panel-heading.collapsed .sln-service {
opacity: 0;
}
.sln-list .sln-panel .sln-panel-content,
#sln-salon .sln-list .sln-panel .sln-panel-content {
width: 100%;
margin: 0;
padding-right: 0;
padding-left: 0;
border: none;
}
.sln-list .sln-panel .sln-list__item,
#sln-salon .sln-list .sln-panel .sln-list__item {
border: none;
background-color: rgb(255, 255, 255);
opacity: 1;
}
.sln-list .sln-panel .sln-list__item + .sln-list__item::before,
#sln-salon .sln-list .sln-panel .sln-list__item + .sln-list__item::before {
display: block;
content: "";
height: 2px;
position: absolute;
top: 0;
right: 0.5em;
left: 0.5em;
background-color: #e4e7e7;
}
@media only screen and (min-width: 768px) {
.sln-list .sln-panel,
#sln-salon .sln-list .sln-panel {
margin: 0.6em 0.75em;
}
}
.sln-list .sln-list__item + .sln-panel,
.sln-list .sln-panel:first-child,
#sln-salon .sln-list .sln-list__item + .sln-panel,
#sln-salon .sln-list .sln-panel:first-child {
margin-top: 1.75em;
}
.sln-list.sln-list--multiple,
#sln-salon .sln-list.sln-list--multiple {
padding: 0;
margin: 1.5em 0;
}
.sln-list.sln-list--multiple .sln-service-name,
#sln-salon .sln-list.sln-list--multiple .sln-service-name {
margin-right: 0.5em;
margin-left: 0.5em;
margin: 0 0.5em 0.75em 0.5em;
}
.sln-list .sln-list__horscroller,
#sln-salon .sln-list .sln-list__horscroller {
padding: 0;
overflow-x: scroll;
overflow-y: hidden;
}
.sln-list .sln-list__horscroller .sln-list__horscroller__in,
#sln-salon .sln-list .sln-list__horscroller .sln-list__horscroller__in {
display: grid;
grid-template-columns: auto;
grid-template-rows: auto;
align-items: start;
position: relative;
width: 100%;
overflow-x: scroll;
overflow-y: hidden;
transition: all 0.2s;
transform: scale(0.98);
will-change: transform;
user-select: none;
cursor: pointer;
}
.sln-list .sln-list__horscroller .sln-list__horscroller__in.active,
#sln-salon .sln-list .sln-list__horscroller .sln-list__horscroller__in.active {
cursor: grabbing;
cursor: -webkit-grabbing;
transform: scale(1);
}
.sln-list .sln-list__horscroller .sln-list__item,
#sln-salon .sln-list .sln-list__horscroller .sln-list__item {
width: 72vw;
min-height: 6.6em;
grid-row: 1;
grid-template-columns: 23% auto 10%;
margin-right: 1.25em;
border-radius: 0.625em;
background-color: #efefef;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(1),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(1) {
grid-column: 1;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(2),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(2) {
grid-column: 2;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(3),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(3) {
grid-column: 3;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(4),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(4) {
grid-column: 4;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(5),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(5) {
grid-column: 5;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(6),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(6) {
grid-column: 6;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(7),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(7) {
grid-column: 7;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(8),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(8) {
grid-column: 8;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(9),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(9) {
grid-column: 9;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(10),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(10) {
grid-column: 10;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(11),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(11) {
grid-column: 11;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(12),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(12) {
grid-column: 12;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(13),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(13) {
grid-column: 13;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(14),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(14) {
grid-column: 14;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(15),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(15) {
grid-column: 15;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(16),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(16) {
grid-column: 16;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(17),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(17) {
grid-column: 17;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(18),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(18) {
grid-column: 18;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(19),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(19) {
grid-column: 19;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(20),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(20) {
grid-column: 20;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(21),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(21) {
grid-column: 21;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(22),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(22) {
grid-column: 22;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(23),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(23) {
grid-column: 23;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(24),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(24) {
grid-column: 24;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(25),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(25) {
grid-column: 25;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(26),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(26) {
grid-column: 26;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(27),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(27) {
grid-column: 27;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(28),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(28) {
grid-column: 28;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(29),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(29) {
grid-column: 29;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(30),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(30) {
grid-column: 30;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(31),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(31) {
grid-column: 31;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(32),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(32) {
grid-column: 32;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(33),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(33) {
grid-column: 33;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(34),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(34) {
grid-column: 34;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(35),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(35) {
grid-column: 35;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(36),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(36) {
grid-column: 36;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(37),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(37) {
grid-column: 37;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(38),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(38) {
grid-column: 38;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(39),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(39) {
grid-column: 39;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(40),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(40) {
grid-column: 40;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(41),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(41) {
grid-column: 41;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(42),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(42) {
grid-column: 42;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(43),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(43) {
grid-column: 43;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(44),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(44) {
grid-column: 44;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(45),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(45) {
grid-column: 45;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(46),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(46) {
grid-column: 46;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(47),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(47) {
grid-column: 47;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(48),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(48) {
grid-column: 48;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(49),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(49) {
grid-column: 49;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(50),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(50) {
grid-column: 50;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(51),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(51) {
grid-column: 51;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(52),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(52) {
grid-column: 52;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(53),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(53) {
grid-column: 53;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(54),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(54) {
grid-column: 54;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(55),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(55) {
grid-column: 55;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(56),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(56) {
grid-column: 56;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(57),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(57) {
grid-column: 57;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(58),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(58) {
grid-column: 58;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(59),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(59) {
grid-column: 59;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(60),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(60) {
grid-column: 60;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(61),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(61) {
grid-column: 61;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(62),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(62) {
grid-column: 62;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(63),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(63) {
grid-column: 63;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(64),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(64) {
grid-column: 64;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(65),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(65) {
grid-column: 65;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(66),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(66) {
grid-column: 66;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(67),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(67) {
grid-column: 67;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(68),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(68) {
grid-column: 68;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(69),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(69) {
grid-column: 69;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(70),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(70) {
grid-column: 70;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(71),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(71) {
grid-column: 71;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(72),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(72) {
grid-column: 72;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(73),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(73) {
grid-column: 73;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(74),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(74) {
grid-column: 74;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(75),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(75) {
grid-column: 75;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(76),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(76) {
grid-column: 76;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(77),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(77) {
grid-column: 77;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(78),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(78) {
grid-column: 78;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(79),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(79) {
grid-column: 79;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(80),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(80) {
grid-column: 80;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(81),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(81) {
grid-column: 81;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(82),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(82) {
grid-column: 82;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(83),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(83) {
grid-column: 83;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(84),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(84) {
grid-column: 84;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(85),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(85) {
grid-column: 85;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(86),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(86) {
grid-column: 86;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(87),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(87) {
grid-column: 87;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(88),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(88) {
grid-column: 88;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(89),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(89) {
grid-column: 89;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(90),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(90) {
grid-column: 90;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(91),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(91) {
grid-column: 91;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(92),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(92) {
grid-column: 92;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(93),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(93) {
grid-column: 93;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(94),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(94) {
grid-column: 94;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(95),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(95) {
grid-column: 95;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(96),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(96) {
grid-column: 96;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(97),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(97) {
grid-column: 97;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(98),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(98) {
grid-column: 98;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(99),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(99) {
grid-column: 99;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(100),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(100) {
grid-column: 100;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(101),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(101) {
grid-column: 101;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(102),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(102) {
grid-column: 102;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(103),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(103) {
grid-column: 103;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(104),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(104) {
grid-column: 104;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(105),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(105) {
grid-column: 105;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(106),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(106) {
grid-column: 106;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(107),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(107) {
grid-column: 107;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(108),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(108) {
grid-column: 108;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(109),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(109) {
grid-column: 109;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(110),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(110) {
grid-column: 110;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(111),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(111) {
grid-column: 111;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(112),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(112) {
grid-column: 112;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(113),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(113) {
grid-column: 113;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(114),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(114) {
grid-column: 114;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(115),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(115) {
grid-column: 115;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(116),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(116) {
grid-column: 116;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(117),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(117) {
grid-column: 117;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(118),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(118) {
grid-column: 118;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(119),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(119) {
grid-column: 119;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(120),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(120) {
grid-column: 120;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(121),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(121) {
grid-column: 121;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(122),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(122) {
grid-column: 122;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(123),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(123) {
grid-column: 123;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(124),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(124) {
grid-column: 124;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(125),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(125) {
grid-column: 125;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(126),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(126) {
grid-column: 126;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(127),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(127) {
grid-column: 127;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(128),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(128) {
grid-column: 128;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(129),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(129) {
grid-column: 129;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(130),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(130) {
grid-column: 130;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(131),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(131) {
grid-column: 131;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(132),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(132) {
grid-column: 132;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(133),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(133) {
grid-column: 133;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(134),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(134) {
grid-column: 134;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(135),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(135) {
grid-column: 135;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(136),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(136) {
grid-column: 136;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(137),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(137) {
grid-column: 137;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(138),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(138) {
grid-column: 138;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(139),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(139) {
grid-column: 139;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(140),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(140) {
grid-column: 140;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(141),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(141) {
grid-column: 141;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(142),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(142) {
grid-column: 142;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(143),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(143) {
grid-column: 143;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(144),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(144) {
grid-column: 144;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(145),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(145) {
grid-column: 145;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(146),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(146) {
grid-column: 146;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(147),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(147) {
grid-column: 147;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(148),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(148) {
grid-column: 148;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(149),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(149) {
grid-column: 149;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(150),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(150) {
grid-column: 150;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(151),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(151) {
grid-column: 151;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(152),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(152) {
grid-column: 152;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(153),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(153) {
grid-column: 153;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(154),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(154) {
grid-column: 154;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(155),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(155) {
grid-column: 155;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(156),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(156) {
grid-column: 156;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(157),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(157) {
grid-column: 157;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(158),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(158) {
grid-column: 158;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(159),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(159) {
grid-column: 159;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(160),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(160) {
grid-column: 160;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(161),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(161) {
grid-column: 161;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(162),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(162) {
grid-column: 162;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(163),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(163) {
grid-column: 163;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(164),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(164) {
grid-column: 164;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(165),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(165) {
grid-column: 165;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(166),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(166) {
grid-column: 166;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(167),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(167) {
grid-column: 167;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(168),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(168) {
grid-column: 168;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(169),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(169) {
grid-column: 169;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(170),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(170) {
grid-column: 170;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(171),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(171) {
grid-column: 171;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(172),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(172) {
grid-column: 172;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(173),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(173) {
grid-column: 173;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(174),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(174) {
grid-column: 174;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(175),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(175) {
grid-column: 175;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(176),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(176) {
grid-column: 176;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(177),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(177) {
grid-column: 177;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(178),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(178) {
grid-column: 178;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(179),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(179) {
grid-column: 179;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(180),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(180) {
grid-column: 180;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(181),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(181) {
grid-column: 181;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(182),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(182) {
grid-column: 182;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(183),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(183) {
grid-column: 183;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(184),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(184) {
grid-column: 184;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(185),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(185) {
grid-column: 185;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(186),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(186) {
grid-column: 186;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(187),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(187) {
grid-column: 187;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(188),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(188) {
grid-column: 188;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(189),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(189) {
grid-column: 189;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(190),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(190) {
grid-column: 190;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(191),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(191) {
grid-column: 191;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(192),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(192) {
grid-column: 192;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(193),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(193) {
grid-column: 193;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(194),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(194) {
grid-column: 194;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(195),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(195) {
grid-column: 195;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(196),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(196) {
grid-column: 196;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(197),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(197) {
grid-column: 197;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(198),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(198) {
grid-column: 198;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(199),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(199) {
grid-column: 199;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(200),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(200) {
grid-column: 200;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(201),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(201) {
grid-column: 201;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(202),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(202) {
grid-column: 202;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(203),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(203) {
grid-column: 203;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(204),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(204) {
grid-column: 204;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(205),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(205) {
grid-column: 205;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(206),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(206) {
grid-column: 206;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(207),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(207) {
grid-column: 207;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(208),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(208) {
grid-column: 208;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(209),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(209) {
grid-column: 209;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(210),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(210) {
grid-column: 210;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(211),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(211) {
grid-column: 211;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(212),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(212) {
grid-column: 212;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(213),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(213) {
grid-column: 213;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(214),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(214) {
grid-column: 214;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(215),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(215) {
grid-column: 215;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(216),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(216) {
grid-column: 216;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(217),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(217) {
grid-column: 217;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(218),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(218) {
grid-column: 218;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(219),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(219) {
grid-column: 219;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(220),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(220) {
grid-column: 220;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(221),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(221) {
grid-column: 221;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(222),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(222) {
grid-column: 222;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(223),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(223) {
grid-column: 223;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(224),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(224) {
grid-column: 224;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(225),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(225) {
grid-column: 225;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(226),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(226) {
grid-column: 226;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(227),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(227) {
grid-column: 227;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(228),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(228) {
grid-column: 228;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(229),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(229) {
grid-column: 229;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(230),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(230) {
grid-column: 230;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(231),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(231) {
grid-column: 231;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(232),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(232) {
grid-column: 232;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(233),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(233) {
grid-column: 233;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(234),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(234) {
grid-column: 234;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(235),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(235) {
grid-column: 235;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(236),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(236) {
grid-column: 236;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(237),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(237) {
grid-column: 237;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(238),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(238) {
grid-column: 238;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(239),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(239) {
grid-column: 239;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(240),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(240) {
grid-column: 240;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(241),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(241) {
grid-column: 241;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(242),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(242) {
grid-column: 242;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(243),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(243) {
grid-column: 243;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(244),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(244) {
grid-column: 244;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(245),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(245) {
grid-column: 245;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(246),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(246) {
grid-column: 246;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(247),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(247) {
grid-column: 247;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(248),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(248) {
grid-column: 248;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(249),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(249) {
grid-column: 249;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(250),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(250) {
grid-column: 250;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(251),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(251) {
grid-column: 251;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(252),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(252) {
grid-column: 252;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(253),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(253) {
grid-column: 253;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(254),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(254) {
grid-column: 254;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(255),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(255) {
grid-column: 255;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(256),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(256) {
grid-column: 256;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(257),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(257) {
grid-column: 257;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(258),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(258) {
grid-column: 258;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(259),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(259) {
grid-column: 259;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(260),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(260) {
grid-column: 260;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(261),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(261) {
grid-column: 261;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(262),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(262) {
grid-column: 262;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(263),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(263) {
grid-column: 263;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(264),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(264) {
grid-column: 264;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(265),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(265) {
grid-column: 265;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(266),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(266) {
grid-column: 266;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(267),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(267) {
grid-column: 267;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(268),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(268) {
grid-column: 268;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(269),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(269) {
grid-column: 269;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(270),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(270) {
grid-column: 270;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(271),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(271) {
grid-column: 271;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(272),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(272) {
grid-column: 272;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(273),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(273) {
grid-column: 273;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(274),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(274) {
grid-column: 274;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(275),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(275) {
grid-column: 275;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(276),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(276) {
grid-column: 276;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(277),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(277) {
grid-column: 277;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(278),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(278) {
grid-column: 278;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(279),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(279) {
grid-column: 279;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(280),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(280) {
grid-column: 280;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(281),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(281) {
grid-column: 281;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(282),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(282) {
grid-column: 282;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(283),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(283) {
grid-column: 283;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(284),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(284) {
grid-column: 284;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(285),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(285) {
grid-column: 285;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(286),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(286) {
grid-column: 286;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(287),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(287) {
grid-column: 287;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(288),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(288) {
grid-column: 288;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(289),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(289) {
grid-column: 289;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(290),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(290) {
grid-column: 290;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(291),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(291) {
grid-column: 291;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(292),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(292) {
grid-column: 292;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(293),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(293) {
grid-column: 293;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(294),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(294) {
grid-column: 294;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(295),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(295) {
grid-column: 295;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(296),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(296) {
grid-column: 296;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(297),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(297) {
grid-column: 297;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(298),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(298) {
grid-column: 298;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(299),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(299) {
grid-column: 299;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(300),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(300) {
grid-column: 300;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(301),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(301) {
grid-column: 301;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(302),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(302) {
grid-column: 302;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(303),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(303) {
grid-column: 303;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(304),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(304) {
grid-column: 304;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(305),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(305) {
grid-column: 305;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(306),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(306) {
grid-column: 306;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(307),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(307) {
grid-column: 307;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(308),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(308) {
grid-column: 308;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(309),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(309) {
grid-column: 309;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(310),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(310) {
grid-column: 310;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(311),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(311) {
grid-column: 311;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(312),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(312) {
grid-column: 312;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(313),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(313) {
grid-column: 313;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(314),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(314) {
grid-column: 314;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(315),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(315) {
grid-column: 315;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(316),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(316) {
grid-column: 316;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(317),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(317) {
grid-column: 317;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(318),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(318) {
grid-column: 318;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(319),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(319) {
grid-column: 319;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(320),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(320) {
grid-column: 320;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(321),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(321) {
grid-column: 321;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(322),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(322) {
grid-column: 322;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(323),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(323) {
grid-column: 323;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(324),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(324) {
grid-column: 324;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(325),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(325) {
grid-column: 325;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(326),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(326) {
grid-column: 326;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(327),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(327) {
grid-column: 327;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(328),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(328) {
grid-column: 328;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(329),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(329) {
grid-column: 329;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(330),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(330) {
grid-column: 330;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(331),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(331) {
grid-column: 331;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(332),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(332) {
grid-column: 332;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(333),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(333) {
grid-column: 333;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(334),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(334) {
grid-column: 334;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(335),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(335) {
grid-column: 335;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(336),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(336) {
grid-column: 336;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(337),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(337) {
grid-column: 337;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(338),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(338) {
grid-column: 338;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(339),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(339) {
grid-column: 339;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(340),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(340) {
grid-column: 340;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(341),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(341) {
grid-column: 341;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(342),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(342) {
grid-column: 342;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(343),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(343) {
grid-column: 343;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(344),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(344) {
grid-column: 344;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(345),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(345) {
grid-column: 345;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(346),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(346) {
grid-column: 346;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(347),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(347) {
grid-column: 347;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(348),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(348) {
grid-column: 348;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(349),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(349) {
grid-column: 349;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(350),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(350) {
grid-column: 350;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(351),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(351) {
grid-column: 351;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(352),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(352) {
grid-column: 352;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(353),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(353) {
grid-column: 353;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(354),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(354) {
grid-column: 354;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(355),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(355) {
grid-column: 355;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(356),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(356) {
grid-column: 356;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(357),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(357) {
grid-column: 357;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(358),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(358) {
grid-column: 358;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(359),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(359) {
grid-column: 359;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(360),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(360) {
grid-column: 360;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(361),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(361) {
grid-column: 361;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(362),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(362) {
grid-column: 362;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(363),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(363) {
grid-column: 363;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(364),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(364) {
grid-column: 364;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(365),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(365) {
grid-column: 365;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(366),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(366) {
grid-column: 366;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(367),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(367) {
grid-column: 367;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(368),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(368) {
grid-column: 368;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(369),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(369) {
grid-column: 369;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(370),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(370) {
grid-column: 370;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(371),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(371) {
grid-column: 371;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(372),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(372) {
grid-column: 372;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(373),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(373) {
grid-column: 373;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(374),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(374) {
grid-column: 374;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(375),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(375) {
grid-column: 375;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(376),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(376) {
grid-column: 376;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(377),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(377) {
grid-column: 377;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(378),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(378) {
grid-column: 378;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(379),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(379) {
grid-column: 379;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(380),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(380) {
grid-column: 380;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(381),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(381) {
grid-column: 381;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(382),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(382) {
grid-column: 382;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(383),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(383) {
grid-column: 383;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(384),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(384) {
grid-column: 384;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(385),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(385) {
grid-column: 385;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(386),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(386) {
grid-column: 386;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(387),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(387) {
grid-column: 387;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(388),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(388) {
grid-column: 388;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(389),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(389) {
grid-column: 389;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(390),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(390) {
grid-column: 390;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(391),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(391) {
grid-column: 391;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(392),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(392) {
grid-column: 392;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(393),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(393) {
grid-column: 393;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(394),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(394) {
grid-column: 394;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(395),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(395) {
grid-column: 395;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(396),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(396) {
grid-column: 396;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(397),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(397) {
grid-column: 397;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(398),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(398) {
grid-column: 398;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(399),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(399) {
grid-column: 399;
}
.sln-list .sln-list__horscroller .sln-list__item:nth-child(400),
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:nth-child(400) {
grid-column: 400;
}
.sln-list .sln-list__horscroller .sln-list__item:last-child,
#sln-salon .sln-list .sln-list__horscroller .sln-list__item:last-child {
margin-right: 0;
margin-bottom: 0;
}
.sln-list .sln-list__horscroller .sln-list__item::before,
#sln-salon .sln-list .sln-list__horscroller .sln-list__item::before {
display: none;
}
.sln-list .sln-list__horscroller .sln-list__item .sln-list__item__action,
#sln-salon .sln-list .sln-list__horscroller .sln-list__item .sln-list__item__action {
transform: scale(0.75);
}
@media only screen and (min-width: 768px) {
.sln-list .sln-list__horscroller .sln-list__item,
#sln-salon .sln-list .sln-list__horscroller .sln-list__item {
width: 26em;
min-height: 7.5em;
grid-template-columns: 23% auto 10%;
gap: 1.3125em;
padding: 1em;
}
.sln-list .sln-list__horscroller .sln-list__item .sln-list__item__action,
#sln-salon .sln-list .sln-list__horscroller .sln-list__item .sln-list__item__action {
transform: none;
}
}
/*
#sln-salon .sln-attendant-list--multiple {
.sln-steps-name.sln-service-name {
@extend %text-color--contrast;
border-bottom-style: solid;
border-bottom-width: 2px;
@extend %bd-color--contrast--alpha;
@extend %bgc-color--transparent;
margin-bottom: 1em;
}
}
*/
#sln-salon:not(.sln-salon--l) .sln-attendant-list {
margin-bottom: 2em;
}
@media only screen and (min-width: 992px) {
#sln-salon:not(.sln-salon--l) .sln-attendant-list .sln-attendant-description {
margin-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
.sln-attendants-wrapper .sln-attendant-description {
margin-top: 1em;
}
}
.sln-attendant,
#sln-salon .sln-attendant {
margin-bottom: 2em;
padding-top: 2em;
padding-right: 0.8333333333em;
padding-bottom: 1em;
padding-left: 0.8333333333em;
position: relative;
display: block;
max-width: 200%;
}
.sln-attendant::before,
#sln-salon .sln-attendant::before {
display: block;
content: "";
width: calc(100% - 1.66666em);
height: 1px;
position: absolute;
right: 0.83333em;
bottom: 0;
left: 0.83333em;
background-color: currentColor;
opacity: 0.25;
}
.sln-attendant:last-child::before,
#sln-salon .sln-attendant:last-child::before {
display: none;
}
.sln-attendant .sln-attendant-thumb img,
#sln-salon .sln-attendant .sln-attendant-thumb img {
border-radius: 50%;
border-radius: 9999px;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
margin-top: 1.5em;
margin-bottom: 1.5em;
}
@media only screen and (min-width: 768px) {
.sln-attendant .sln-attendant-thumb img,
#sln-salon .sln-attendant .sln-attendant-thumb img {
margin-top: 0;
margin-bottom: 0;
}
}
.sln-attendant .sln-attendant-description p,
#sln-salon .sln-attendant .sln-attendant-description p {
margin-bottom: 1em;
}
.sln-attendant .sln-service__fkbkg,
#sln-salon .sln-attendant .sln-service__fkbkg {
display: block;
content: "";
background-color: #0091ea;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
opacity: 0;
pointer-events: none;
-webkit-transition: opacity 200ms, transform 200ms;
-moz-transition: opacity 200ms, transform 200ms;
-o-transition: opacity 200ms, transform 200ms;
transition: opacity 200ms, transform 200ms;
-webkit-transform: scale(0.95, 0.95);
-ms-transform: scale(0.95, 0.95);
transform: scale(0.95, 0.95);
}
.sln-attendant:hover::before,
#sln-salon .sln-attendant:hover::before {
display: none;
}
.sln-attendant:hover .sln-service__fkbkg,
#sln-salon .sln-attendant:hover .sln-service__fkbkg {
opacity: 0.05;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
}
@media only screen and (min-width: 992px) {
.sln-attendant,
#sln-salon .sln-attendant {
margin-bottom: 3em;
}
.sln-attendant:last-child,
#sln-salon .sln-attendant:last-child {
margin-bottom: 2em;
}
}
@media only screen and (min-width: 992px) {
#sln-salon.sln-salon--l .sln-attendant {
margin-bottom: 2em;
}
#sln-salon.sln-salon--l .sln-attendant:last-child {
margin-bottom: 2em;
}
#sln-salon.sln-salon--l .sln-attendant:last-child hr {
display: none;
}
}
#sln-salon.sln-salon--s .sln-attendants-wrapper .sln-attendant-description {
margin-top: 1em;
}
#sln-salon.sln-salon--s .sln-attendant-thumb img {
border-radius: 50%;
border-radius: 9999px;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
margin-top: 1.5em;
margin-bottom: 1.5em;
}
@media only screen and (min-width: 768px) {
#sln-salon.sln-salon--s .sln-attendant-thumb img {
margin-top: 1.5em;
margin-bottom: 1.5em;
}
}
#sln-salon .sln-summary {
font-size: 1em;
}
#sln-salon .sln-summary .sln-summary__intro {
margin: 0;
}
#sln-salon .sln-summary .sln-data-desc,
#sln-salon .sln-summary .sln-data-desc .label {
padding-right: 0;
padding-left: 0;
font-weight: normal;
font-weight: normal;
text-align: left;
font-size: 1em;
}
#sln-salon .sln-summary .sln-data-desc {
margin-top: 0.5em;
padding-top: 0.3em;
font-size: 0.875em;
position: relative;
}
#sln-salon .sln-summary .sln-data-desc::before {
display: block;
content: "";
height: 1px;
position: absolute;
top: 0;
right: 0;
left: 0;
background-color: currentColor;
opacity: 0.3;
}
#sln-salon .sln-summary .sln-data-val {
font-size: 1em;
color: rgb(52, 52, 52);
}
#sln-salon .sln-summary .sln-data-val strong {
font-weight: 700;
}
#sln-salon .sln-summary .sln-summary__list {
margin: 0;
padding: 0;
font-size: 1em;
font-weight: 600;
}
#sln-salon .sln-summary .sln-summary__list .sln-summary__list__item {
display: grid;
grid-auto-columns: 15% calc(55% - 2em) 30%;
gap: 1em;
align-items: baseline;
padding-top: 0.5em;
font-size: 1em;
font-weight: 600;
}
#sln-salon .sln-summary .sln-summary__list .sln-summary__list__item:first-child {
padding-top: 0;
}
#sln-salon .sln-summary .sln-summary__list .sln-summary__list__item.sln-summary__list__item {
grid-auto-columns: 18% calc(55% - 2em) 28%;
gap: 0.75em;
}
#sln-salon .sln-summary .sln-summary__list .sln-summary__list__item.sln-summary__list--s {
grid-auto-columns: 20% calc(55% - 1em) 26%;
gap: 0.5em;
}
#sln-salon .sln-summary .sln-summary__list .sln-summary__list__item .sln-summary__list__price {
grid-column: 1;
}
#sln-salon .sln-summary .sln-summary__list .sln-summary__list__item .sln-summary__list__price + .sln-summary__list__info {
grid-column: 2;
}
#sln-salon .sln-summary .sln-summary__list .sln-summary__list__item .sln-summary__list__info {
grid-column: 1/span 2;
}
#sln-salon .sln-summary .sln-summary__list .sln-summary__list__item .sln-summary__list__info .sln-summary__list__name {
font-size: 1.25em;
}
#sln-salon .sln-summary .sln-summary__list .sln-summary__list__item .sln-summary__list__info .sln-summary__list__secondary {
font-weight: normal;
}
#sln-salon .sln-summary .sln-summary__list .sln-summary__list__item .sln-summary__list__attendant {
grid-column: 3;
}
#sln-salon .sln-summary .sln-summary__list.sln-summary__list--2col .sln-summary__list__item {
grid-auto-columns: 5% calc(55% - 2em) 40%;
}
#sln-salon .sln-summary .sln-summary__tabs .sln-input input[type=text] {
margin-bottom: 0;
}
#sln-salon .sln-summary .sln-summary__tabs__nav {
display: flex;
margin: 0;
padding: 0;
position: relative;
color: rgb(83, 106, 119);
}
#sln-salon .sln-summary .sln-summary__tabs__nav > li {
z-index: 2;
}
#sln-salon .sln-summary .sln-summary__tabs__nav::after {
display: block;
content: "";
height: 1px;
position: absolute;
right: 0;
bottom: 0;
left: 0;
background-color: currentColor;
opacity: 0.5;
transition: all 250ms;
z-index: 1;
}
#sln-salon .sln-summary .sln-summary__tabs__nav__item {
display: block;
flex-grow: 1;
}
#sln-salon .sln-summary .sln-summary__tabs__nav__item .sln-summary__tabs__toggle {
width: 100%;
display: flex;
flex-direction: column;
padding: 0.5em;
font-size: 0.875em;
color: rgb(83, 106, 119);
position: relative;
transition: all 250ms;
text-decoration: none;
border: none;
}
#sln-salon .sln-summary .sln-summary__tabs__nav__item .sln-summary__tabs__toggle::before {
display: block;
content: "";
width: 100%;
height: 2em;
margin-bottom: 0.3em;
background-repeat: no-repeat;
background-position: center bottom;
transition: all 250ms;
}
#sln-salon .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="%23536a77" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/></svg>');
}
#sln-salon .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="%23536a77"/></svg>');
}
#sln-salon .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="%23536a77"/></svg>');
}
#sln-salon .sln-summary .sln-summary__tabs__nav__item .sln-summary__tabs__toggle::after {
display: block;
content: "";
height: 1px;
position: absolute;
right: 0;
bottom: -1px;
left: 0;
background-color: transparent;
opacity: 0;
transition: background-color 250ms;
}
#sln-salon .sln-summary .sln-summary__tabs__nav__item .sln-summary__tabs__toggle span {
text-align: center;
}
@media (hover: hover) {
#sln-salon .sln-summary .sln-summary__tabs__nav__item .sln-summary__tabs__toggle:hover {
text-decoration: none;
color: rgb(9, 120, 189);
outline: none;
}
#sln-salon .sln-summary .sln-summary__tabs__nav__item .sln-summary__tabs__toggle:hover::after {
height: 3px;
bottom: -1px;
opacity: 1;
background-color: rgb(9, 120, 189);
}
#sln-salon .sln-summary .sln-summary__tabs__nav__item .sln-summary__tabs__toggle:hover[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="%230978bd" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/></svg>');
}
#sln-salon .sln-summary .sln-summary__tabs__nav__item .sln-summary__tabs__toggle:hover[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="%230978bd"/></svg>');
}
#sln-salon .sln-summary .sln-summary__tabs__nav__item .sln-summary__tabs__toggle:hover[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="%230978bd"/></svg>');
}
}
#sln-salon .sln-summary .sln-summary__tabs__nav__item.active .sln-summary__tabs__toggle {
color: rgb(9, 120, 189);
}
#sln-salon .sln-summary .sln-summary__tabs__nav__item.active .sln-summary__tabs__toggle::after {
height: 3px;
bottom: -1px;
opacity: 1;
background-color: currentColor;
}
#sln-salon .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="%230978bd" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/></svg>');
}
#sln-salon .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="%230978bd"/></svg>');
}
#sln-salon .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="%230978bd"/></svg>');
}
#sln-salon .sln-summary .sln-summary__tabs__pane {
padding: 1.5em 0;
}
#sln-salon .sln-summary .sln-summary__tabs__pane textarea {
padding: 1.3125em 1em;
font-size: 1em;
font-size: 16px;
}
#sln-salon .sln-summary .sln-summary__tabs__pane label.text {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
#sln-salon .sln-summary .sln-summary__tabs__pane .sln-summary__tabs__pane__content {
display: flex;
justify-content: center;
align-items: center;
}
#sln-salon .sln-summary .sln-summary__tabs__pane .sln-summary__tabs__pane__content .sln-btn--medium, #sln-salon.sln-loginform:not(.sln-customcolors) .sln-summary .sln-summary__tabs__pane .sln-summary__tabs__pane__content #loginform #wp-submit, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-summary .sln-summary__tabs__pane .sln-summary__tabs__pane__content #wp-submit {
min-width: 7.5em;
margin-left: 0.5em;
}
#sln-salon .sln-summary .sln-summary__tabs__pane #sln_discount_status {
text-align: center;
padding-top: 1em;
}
#sln-salon .sln-summary .sln-summary__reminder h5,
#sln-salon .sln-summary .sln-summary__terms h5 {
font-size: 1em;
text-transform: none;
}
#sln-salon .sln-summary .sln-summary__reminder {
padding: 0 1.5em 1em 1.5em;
}
#sln-salon .sln-summary .sln-summary__reminder h3 {
margin-bottom: 0.35em;
font-size: 1.125em;
font-weight: 600;
color: rgb(9, 120, 189);
}
#sln-salon .sln-summary .sln-summary__reminder h5 {
color: rgb(9, 120, 189);
}
#sln-salon .sln-summary .sln-summary__reminder.sln-summary__reminder--s h3 {
font-size: 1em;
line-height: 1.4;
}
#sln-salon .sln-summary .sln-summary__reminder.sln-summary__reminder--s h5 {
font-size: 0.875em;
line-height: 1.4;
}
#sln-salon .sln-summary .sln-summary__terms {
margin-bottom: 5em;
padding: 1.5em 1.875em;
overflow-y: auto;
max-height: 90vw;
border-radius: 0.3125em;
font-size: 0.75em;
line-height: 1.6em;
background-color: rgb(245, 245, 245);
scrollbar-color: #ddd;
scrollbar-width: thin;
}
#sln-salon .sln-summary .sln-summary__terms::-webkit-scrollbar-track {
-webkit-box-shadow: none;
border-radius: 4px;
background-color: rgba(255, 255, 255, 0.3);
border: 2px solid white;
}
#sln-salon .sln-summary .sln-summary__terms::-webkit-scrollbar {
width: 6px;
border: none;
background-color: transparent;
}
#sln-salon .sln-summary .sln-summary__terms::-webkit-scrollbar-thumb {
border-radius: 3px;
-webkit-box-shadow: none;
background-color: #0277bd;
background-color: #ccc;
}
#sln-salon .sln-summary .sln-summary__terms h5 {
font-weight: 600;
margin-bottom: 0.2em;
color: rgb(52, 52, 52);
}
#sln-salon .sln-summary .sln-summary__terms p {
margin: 0;
line-height: 1.6em;
}
@media only screen and (min-width: 768px) {
#sln-salon .sln-summary .sln-summary__terms {
max-height: 10em;
}
}
#sln-salon.sln-salon--s .sln-summary .sln-data-val {
text-align: left;
}
#sln-salon.sln-step-details form,
.sln-step-details form {
margin-top: 3em;
}
.old .sln-thankyou {
margin-top: 2em;
}
.old .sln-thankyou .sln-form-actions-wrapper {
margin-top: 2.2em;
}
.old #sln-salon .sln-thankyou--okbox {
margin-top: 1em;
padding: 2em 1em 3em 1em;
position: relative;
}
.old #sln-salon .sln-thankyou--okbox * {
z-index: 1;
}
.old #sln-salon .sln-thankyou--okbox::after {
display: block;
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
opacity: 0.3;
}
.old #sln-salon .sln-thankyou--okbox h3 {
padding: 0 0.5em 0 3em;
}
.old #sln-salon .sln-thankyou--okbox h3,
.old #sln-salon .sln-thankyou--okbox h4 {
font-weight: bold;
display: inline-block;
}
.old #sln-salon .sln-thankyou--okbox hr {
margin: 1em 0 0.5em 0;
border: 0;
border-bottom-style: solid;
border-bottom-width: 0.05em;
background-image: none;
}
.old #sln-salon .sln-thankyou--okbox .sln-icon-wrapper {
padding-left: 3em;
}
.old #sln-salon .sln-thankyou--okbox .sln-icon-wrapper .sln-icon {
font-size: 2em;
line-height: 2em;
}
.old .sln-form-actions {
margin-bottom: 1em;
}
.old .sln-payment-actions {
margin-bottom: 1em;
}
.old .sln-payment-actions .sln-btn.sln-btn--noheight, .old .sln-payment-actions #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--noheight#wp-submit, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .old .sln-payment-actions .sln-btn--noheight#wp-submit {
margin-bottom: 1em;
}
.old .sln-payment-actions h4 {
margin-top: 1.6em;
}
.old #sln-salon.sln-salon--s .sln-thankyou .sln-thankyou--okbox {
margin-top: 1em;
padding: 1.5em 1em 2em 1em;
}
.old #sln-salon.sln-salon--s .sln-thankyou .sln-thankyou--okbox h2,
.old #sln-salon.sln-salon--s .sln-thankyou .sln-thankyou--okbox h3,
.old #sln-salon.sln-salon--s .sln-thankyou .sln-thankyou--okbox h4 {
text-align: left;
}
.old #sln-salon.sln-salon--s .sln-thankyou .sln-thankyou--okbox h3,
.old #sln-salon.sln-salon--s .sln-thankyou .sln-thankyou--okbox h4 {
display: block;
}
.old #sln-salon.sln-salon--s .sln-thankyou .sln-thankyou--okbox h3 {
padding-left: 0;
}
.old #sln-salon.sln-salon--s .sln-thankyou .sln-thankyou--okbox hr {
margin: 1.5em 0 1em 0;
}
.old #sln-salon.sln-salon--s .sln-thankyou .sln-icon-wrapper {
padding-top: 3em;
padding-left: 0;
text-align: center;
}
.old #sln-salon.sln-salon--s .sln-thankyou .sln-icon-wrapper .sln-icon {
top: 0;
}
@media only screen and (max-width: 767px) {
.old #sln-salon .sln-thankyou .sln-thankyou--okbox {
margin-top: 1em;
padding: 1em 1em 2em 1em;
}
.old #sln-salon .sln-thankyou .sln-thankyou--okbox h2,
.old #sln-salon .sln-thankyou .sln-thankyou--okbox h3,
.old #sln-salon .sln-thankyou .sln-thankyou--okbox h4 {
text-align: left;
}
.old #sln-salon .sln-thankyou .sln-thankyou--okbox h3,
.old #sln-salon .sln-thankyou .sln-thankyou--okbox h4 {
display: block;
}
.old #sln-salon .sln-thankyou .sln-thankyou--okbox h2 {
font-size: 0.9em;
}
.old #sln-salon .sln-thankyou .sln-thankyou--okbox h2 .sln-icon {
font-size: 2em;
}
.old #sln-salon .sln-thankyou .sln-thankyou--okbox h3 {
padding-left: 0;
font-size: 0.8em;
}
.old #sln-salon .sln-thankyou .sln-thankyou--okbox h4 {
font-size: 2em;
}
.old #sln-salon .sln-thankyou .sln-thankyou--okbox hr {
margin: 1.5em 0 1em 0;
}
.old #sln-salon .sln-thankyou .sln-icon-wrapper {
padding-top: 4em;
padding-left: 0;
text-align: center;
}
.old #sln-salon .sln-thankyou .sln-icon-wrapper .sln-icon {
top: 0;
left: 50%;
-webkit-transform: translateX(-50%) translateY(0);
-ms-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
}
}
#sln-salon .sln-thankyou__content {
padding: 2.5em;
color: rgb(83, 106, 119);
}
#sln-salon .sln-thankyou__content .sln-thankyou__status {
display: grid;
grid-template-columns: 1.7em auto;
gap: 0.5em;
align-items: center;
font-size: 1.4em;
font-weight: 600;
line-height: 1.2;
}
#sln-salon .sln-thankyou__content .sln-thankyou__status .sln-thankyou__icon {
grid-column: 1;
text-align: center;
}
#sln-salon .sln-thankyou__content .sln-thankyou__status .sln-thankyou__icon::after {
font-family: "FontAwesome";
font-weight: 900;
font-size: 1.6em;
line-height: 0;
}
#sln-salon .sln-thankyou__content .sln-thankyou__status .sln-thankyou__icon--checked::after {
content: "\f058";
}
#sln-salon .sln-thankyou__content .sln-thankyou__status .sln-thankyou__icon--time::after {
content: "\f251";
}
#sln-salon .sln-thankyou__content .sln-thankyou__status.sln-thankyou__status--ok {
color: rgb(57, 149, 24);
}
#sln-salon .sln-thankyou__content .sln-thankyou__status.sln-thankyou__status--attention {
color: rgb(217, 96, 19);
}
#sln-salon .sln-thankyou__content .sln-thankyou__status.sln-thankyou__status--pending {
margin-bottom: 1em;
color: rgb(52, 52, 52);
}
#sln-salon .sln-thankyou__content .sln-thankyou__status .sln-thankyou__status__message {
grid-column: 2;
}
#sln-salon .sln-thankyou__content .sln-thankyou__status .sln-thankyou__img {
width: 100%;
}
@media only screen and (min-width: 768px) {
#sln-salon .sln-thankyou__content .sln-thankyou__status {
font-size: 1.875em;
}
}
#sln-salon .sln-thankyou__content .sln-thankyou__label {
margin-bottom: 0;
}
#sln-salon .sln-thankyou__content .sln-thankyou__id {
font-size: 2.5em;
font-weight: 700;
color: rgb(52, 52, 52);
}
#sln-salon .sln-thankyou__content .sln-alert {
color: currentColor;
margin-top: 0;
padding: 0;
}
#sln-salon .sln-thankyou__content .sln-alert::after {
display: none;
}
.sln-box--formactions,
#sln-salon .sln-box--formactions {
display: grid;
grid-template-columns: auto 25% 60%;
gap: 1em;
margin-bottom: 1em;
z-index: 1;
}
.sln-box--formactions.sln-box--main,
#sln-salon .sln-box--formactions.sln-box--main {
margin-bottom: 0;
margin-top: 0;
}
.sln-box--formactions .sln-btn--nextstep,
.sln-box--formactions .sln-btn--login,
#sln-salon .sln-box--formactions .sln-btn--nextstep,
#sln-salon .sln-box--formactions .sln-btn--login {
grid-column: 3;
grid-row: 1;
}
.sln-box--formactions .sln-btn--prevstep,
#sln-salon .sln-box--formactions .sln-btn--prevstep {
grid-column: 2;
grid-row: 1;
}
.sln-box--formactions .sln-btn--fb,
#sln-salon .sln-box--formactions .sln-btn--fb {
grid-column: 1/span 2;
grid-row: 1;
}
.sln-box--formactions.sln-box--formactions--summary,
#sln-salon .sln-box--formactions.sln-box--formactions--summary {
grid-template-columns: 35% 10% 55%;
grid-gap: 0;
}
.sln-box--formactions.sln-box--formactions--summary .sln-btn--nextstep,
.sln-box--formactions.sln-box--formactions--summary .sln-btn--login,
#sln-salon .sln-box--formactions.sln-box--formactions--summary .sln-btn--nextstep,
#sln-salon .sln-box--formactions.sln-box--formactions--summary .sln-btn--login {
grid-column: 3;
grid-row: 1;
}
.sln-box--formactions.sln-box--formactions--summary .sln-btn--prevstep,
#sln-salon .sln-box--formactions.sln-box--formactions--summary .sln-btn--prevstep {
grid-column: 1;
grid-row: 1;
}
@media only screen and (max-width: 599px) {
.sln-box--formactions.sln-box--formactions--summary,
#sln-salon .sln-box--formactions.sln-box--formactions--summary {
grid-template-columns: unset;
display: flex;
flex-direction: column;
padding-top: 1.2em;
}
.sln-box--formactions.sln-box--formactions--summary .sln-btn--prevstep,
#sln-salon .sln-box--formactions.sln-box--formactions--summary .sln-btn--prevstep {
grid-column: 1;
grid-row: 2;
}
.sln-box--formactions.sln-box--formactions--summary .sln-btn--nextstep,
.sln-box--formactions.sln-box--formactions--summary .sln-btn--login,
#sln-salon .sln-box--formactions.sln-box--formactions--summary .sln-btn--nextstep,
#sln-salon .sln-box--formactions.sln-box--formactions--summary .sln-btn--login {
grid-column: 1;
grid-row: 1;
}
.sln-box--formactions.sln-box--formactions--summary div + div,
#sln-salon .sln-box--formactions.sln-box--formactions--summary div + div {
margin-top: 1em;
}
}
@media only screen and (min-width: 768px) {
.sln-box--formactions,
#sln-salon .sln-box--formactions {
grid-template-columns: auto 20% 47%;
}
.sln-box--formactions .sln-icon--back,
#sln-salon .sln-box--formactions .sln-icon--back {
float: right;
}
.sln-box--formactions .sln-btn, .sln-box--formactions #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions #wp-submit,
#sln-salon .sln-box--formactions .sln-btn,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions #loginform #wp-submit {
margin-bottom: 0.8333333333em;
}
}
@media only screen and (min-width: 768px) {
#sln-salon.sln-salon--l .sln-box--formactions {
grid-template-columns: unset;
display: flex;
flex-direction: column;
}
}
@media only screen and (min-width: 768px) {
#sln-salon.sln-salon--s .sln-box--formactions.sln-box--formactions--summary {
grid-template-columns: unset;
display: flex;
flex-direction: column;
}
}
.sln-box__bottombar,
#sln-salon .sln-box__bottombar {
font-size: 1.25em;
}
.sln-box__bottombar.sln-box__bottombar--s,
#sln-salon .sln-box__bottombar.sln-box__bottombar--s {
padding-top: 1em;
transition: all 150ms;
}
.sln-box__bottombar.sln-box__bottombar--s .sln-total,
#sln-salon .sln-box__bottombar.sln-box__bottombar--s .sln-total {
margin-bottom: 0.8em;
margin-right: 0.5em;
}
.sln-box__bottombar.sln-box__bottombar--s.sln-box__bottombar--notsticky,
#sln-salon .sln-box__bottombar.sln-box__bottombar--s.sln-box__bottombar--notsticky {
margin-right: -0.5em;
margin-left: -0.5em;
margin-bottom: -0.5em;
border-radius: 0 0 0.3125em 0.3125em;
}
.sln-box__bottombar.sln-box__bottombar--s .sln-box--formactions:not(.sln-box--formactions--summary) .sln-btn--medium, .sln-box__bottombar.sln-box__bottombar--s .sln-box--formactions:not(.sln-box--formactions--summary) #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box__bottombar.sln-box__bottombar--s .sln-box--formactions:not(.sln-box--formactions--summary) #wp-submit,
#sln-salon .sln-box__bottombar.sln-box__bottombar--s .sln-box--formactions:not(.sln-box--formactions--summary) .sln-btn--medium,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box__bottombar.sln-box__bottombar--s .sln-box--formactions:not(.sln-box--formactions--summary) #loginform #wp-submit {
max-height: 2.5em;
font-size: 0.9375em;
}
.sln-box__bottombar.sln-box__bottombar--s .sln-box--formactions:not(.sln-box--formactions--summary) .sln-btn--medium input, .sln-box__bottombar.sln-box__bottombar--s .sln-box--formactions:not(.sln-box--formactions--summary) #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit input, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box__bottombar.sln-box__bottombar--s .sln-box--formactions:not(.sln-box--formactions--summary) #wp-submit input,
.sln-box__bottombar.sln-box__bottombar--s .sln-box--formactions:not(.sln-box--formactions--summary) .sln-btn--medium button,
.sln-box__bottombar.sln-box__bottombar--s .sln-box--formactions:not(.sln-box--formactions--summary) #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box__bottombar.sln-box__bottombar--s .sln-box--formactions:not(.sln-box--formactions--summary) #wp-submit button,
.sln-box__bottombar.sln-box__bottombar--s .sln-box--formactions:not(.sln-box--formactions--summary) .sln-btn--medium a,
.sln-box__bottombar.sln-box__bottombar--s .sln-box--formactions:not(.sln-box--formactions--summary) #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box__bottombar.sln-box__bottombar--s .sln-box--formactions:not(.sln-box--formactions--summary) #wp-submit a,
#sln-salon .sln-box__bottombar.sln-box__bottombar--s .sln-box--formactions:not(.sln-box--formactions--summary) .sln-btn--medium input,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box__bottombar.sln-box__bottombar--s .sln-box--formactions:not(.sln-box--formactions--summary) #loginform #wp-submit input,
#sln-salon .sln-box__bottombar.sln-box__bottombar--s .sln-box--formactions:not(.sln-box--formactions--summary) .sln-btn--medium button,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box__bottombar.sln-box__bottombar--s .sln-box--formactions:not(.sln-box--formactions--summary) #loginform #wp-submit button,
#sln-salon .sln-box__bottombar.sln-box__bottombar--s .sln-box--formactions:not(.sln-box--formactions--summary) .sln-btn--medium a,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box__bottombar.sln-box__bottombar--s .sln-box--formactions:not(.sln-box--formactions--summary) #loginform #wp-submit a {
max-height: 2.5em;
}
.sln-box__bottombar.sln-box__bottombar--l.sln-box__bottombar--summary,
#sln-salon .sln-box__bottombar.sln-box__bottombar--l.sln-box__bottombar--summary {
margin-top: 3em;
}
@media only screen and (max-width: 599px) {
.sln-box__bottombar,
#sln-salon .sln-box__bottombar {
max-width: 100vw;
position: sticky;
right: 0;
bottom: 0;
left: 0;
padding-top: 1em;
background-color: #f0f7fb;
background-color: hsl(200, 64%, 88%);
border-radius: 0.3125em;
overflow: hidden;
z-index: 999;
transition: all 150ms;
}
.sln-box__bottombar .sln-total,
#sln-salon .sln-box__bottombar .sln-total {
margin-bottom: 0.8em;
margin-right: 0.5em;
}
.sln-box__bottombar .sln-box__bottombar__fkbg,
#sln-salon .sln-box__bottombar .sln-box__bottombar__fkbg {
position: absolute;
height: 2em;
top: calc(100% - 10px);
right: 0;
left: 0;
background-color: rgb(245, 245, 245);
z-index: -1;
}
.sln-box__bottombar .sln-box__bottombar__fkbg::before,
#sln-salon .sln-box__bottombar .sln-box__bottombar__fkbg::before {
display: block;
content: "";
height: 11px;
margin-top: -1px;
background-color: hsl(200, 64%, 88%);
border-radius: 0 0 0.3125em 0.3125em;
}
.sln-box__bottombar .sln-box__bottombar__fkbg--customcolors,
#sln-salon .sln-box__bottombar .sln-box__bottombar__fkbg--customcolors {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
pointer-events: none;
opacity: 0.5;
background-color: transparent;
}
.sln-box__bottombar.sln-box__bottombar--l,
#sln-salon .sln-box__bottombar.sln-box__bottombar--l {
margin-top: 2.5em;
}
.sln-box__bottombar.sln-box__bottombar--notsticky,
#sln-salon .sln-box__bottombar.sln-box__bottombar--notsticky {
margin-right: -0.5em;
margin-left: -0.5em;
margin-bottom: 0.5em;
}
.sln-box__bottombar.sln-box__bottombar--notsticky.sln-box__bottombar--l,
#sln-salon .sln-box__bottombar.sln-box__bottombar--notsticky.sln-box__bottombar--l {
width: calc(100% - 1em);
margin-right: 0.5em;
margin-left: 0.5em;
}
.sln-box__bottombar.sln-box__bottombar--notsticky .sln-box__bottombar__fkbg,
#sln-salon .sln-box__bottombar.sln-box__bottombar--notsticky .sln-box__bottombar__fkbg {
display: none;
}
.sln-box__bottombar.sln-box__bottombar--l.sln-box__bottombar--summary,
#sln-salon .sln-box__bottombar.sln-box__bottombar--l.sln-box__bottombar--summary {
margin-top: 0;
}
.sln-box__bottombar .sln-box--formactions:not(.sln-box--formactions--summary) .sln-btn--medium, .sln-box__bottombar .sln-box--formactions:not(.sln-box--formactions--summary) #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box__bottombar .sln-box--formactions:not(.sln-box--formactions--summary) #wp-submit,
#sln-salon .sln-box__bottombar .sln-box--formactions:not(.sln-box--formactions--summary) .sln-btn--medium,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box__bottombar .sln-box--formactions:not(.sln-box--formactions--summary) #loginform #wp-submit {
max-height: 2.5em;
font-size: 0.9375em;
}
.sln-box__bottombar .sln-box--formactions:not(.sln-box--formactions--summary) .sln-btn--medium input, .sln-box__bottombar .sln-box--formactions:not(.sln-box--formactions--summary) #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit input, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box__bottombar .sln-box--formactions:not(.sln-box--formactions--summary) #wp-submit input,
.sln-box__bottombar .sln-box--formactions:not(.sln-box--formactions--summary) .sln-btn--medium button,
.sln-box__bottombar .sln-box--formactions:not(.sln-box--formactions--summary) #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box__bottombar .sln-box--formactions:not(.sln-box--formactions--summary) #wp-submit button,
.sln-box__bottombar .sln-box--formactions:not(.sln-box--formactions--summary) .sln-btn--medium a,
.sln-box__bottombar .sln-box--formactions:not(.sln-box--formactions--summary) #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box__bottombar .sln-box--formactions:not(.sln-box--formactions--summary) #wp-submit a,
#sln-salon .sln-box__bottombar .sln-box--formactions:not(.sln-box--formactions--summary) .sln-btn--medium input,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box__bottombar .sln-box--formactions:not(.sln-box--formactions--summary) #loginform #wp-submit input,
#sln-salon .sln-box__bottombar .sln-box--formactions:not(.sln-box--formactions--summary) .sln-btn--medium button,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box__bottombar .sln-box--formactions:not(.sln-box--formactions--summary) #loginform #wp-submit button,
#sln-salon .sln-box__bottombar .sln-box--formactions:not(.sln-box--formactions--summary) .sln-btn--medium a,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box__bottombar .sln-box--formactions:not(.sln-box--formactions--summary) #loginform #wp-submit a {
max-height: 2.5em;
}
.sln-box__bottombar .sln-box--formactions:not(.sln-box--formactions--summary) .sln-btn--medium .sln-btn__info, .sln-box__bottombar .sln-box--formactions:not(.sln-box--formactions--summary) #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit .sln-btn__info, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box__bottombar .sln-box--formactions:not(.sln-box--formactions--summary) #wp-submit .sln-btn__info,
#sln-salon .sln-box__bottombar .sln-box--formactions:not(.sln-box--formactions--summary) .sln-btn--medium .sln-btn__info,
#sln-salon.sln-loginform:not(.sln-customcolors) .sln-box__bottombar .sln-box--formactions:not(.sln-box--formactions--summary) #loginform #wp-submit .sln-btn__info {
font-size: 0.8em;
}
}
#sln-salon.sln-salon--l .sln-box__bottombar .sln-total .sln-total-label,
#sln-salon.sln-salon--l .sln-box__bottombar .sln-total .sln-total-price {
padding-right: 0;
padding-left: 0;
}
.sln-step-date.sln-salon--loading .sln-box--formactions,
#sln-salon.sln-step-date.sln-salon--loading .sln-box--formactions {
opacity: 0.5;
}
#sln-salon.sln-salon--m .sln-box--formactions {
text-align: right;
}
.sln-icon-wrapper {
position: relative;
padding-left: 3.5em;
}
.sln-icon-wrapper .sln-icon {
position: absolute;
left: 0;
}
.sln-icon-wrapper .sln-icon-wrapper--right {
padding-right: 3.5em;
padding-left: 0;
}
#sln-salon.sln-salon--l .sln-attendants-wrapper {
margin-bottom: 0;
}
@media only screen and (min-width: 992px) {
#sln-salon.sln-salon--l .sln-attendants-wrapper {
margin-bottom: 1.5em;
}
}
#sln-salon .sln-total {
display: flex;
justify-content: flex-end;
align-items: flex-end;
margin-bottom: 1.4em;
padding: 0 0.5em;
}
#sln-salon .sln-total .sln-total-label {
font-size: 1em;
font-weight: 300;
}
#sln-salon .sln-total .sln-total-price {
margin-left: 1em;
font-size: 1em;
font-weight: 700;
color: rgb(9, 120, 189);
}
@media only screen and (max-width: 599px) {
#sln-salon .sln-total .sln-total-label {
font-size: 0.7em;
}
#sln-salon .sln-total .sln-total-price {
font-size: 0.8em;
}
}
@media only screen and (min-width: 992px) {
#sln-salon.sln-salon--l .sln-total {
margin-bottom: 2em;
}
}
#sln-salon .sln-step-services .sln-total {
padding-right: 1.5em;
padding-left: 1em;
}
.sln-total-price {
text-align: right;
}
#sln-notifications .sln-loader-wrapper {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgb(255, 255, 255);
opacity: 0.75;
z-index: 999999;
}
/*
#sln-salon.sln-step-date #sln-notifications .sln-alert.sln-alert--wait {
position: absolute;
bottom: 0;
}
#sln-salon.sln-step-date.sln-salon--s
#sln-notifications
.sln-alert.sln-alert--wait {
position: absolute;
bottom: 6em;
}
*/
.sln-box--main,
#sln-salon .sln-box--main {
margin-top: 1.5em;
margin-bottom: 2.2em;
}
@media only screen and (max-width: 599px) {
.sln-box--main.sln-box--flatbottom--phone,
#sln-salon .sln-box--main.sln-box--flatbottom--phone {
margin-bottom: 0;
}
}
.sln-box--fixed_height,
.sln-box--main.sln-box--fixed_height,
#sln-salon .sln-box--fixed_height,
#sln-salon .sln-box--main.sln-box--fixed_height {
margin-right: 0;
margin-left: 0;
padding-right: 0.1em;
overflow: hidden;
}
.sln-box--fixed_height.sln-attendants-wrapper--multi,
.sln-box--main.sln-box--fixed_height.sln-attendants-wrapper--multi,
#sln-salon .sln-box--fixed_height.sln-attendants-wrapper--multi,
#sln-salon .sln-box--main.sln-box--fixed_height.sln-attendants-wrapper--multi {
background-color: rgb(245, 245, 245);
}
@media only screen and (max-width: 599px) {
.sln-box--fixed_height.sln-attendants-wrapper--multi > .col-xs-12,
.sln-box--main.sln-box--fixed_height.sln-attendants-wrapper--multi > .col-xs-12,
#sln-salon .sln-box--fixed_height.sln-attendants-wrapper--multi > .col-xs-12,
#sln-salon .sln-box--main.sln-box--fixed_height.sln-attendants-wrapper--multi > .col-xs-12 {
padding-right: 0.625em;
padding-left: 0.625em;
}
}
.sln-box--fixed_height .sln-list,
.sln-box--main.sln-box--fixed_height .sln-list,
#sln-salon .sln-box--fixed_height .sln-list,
#sln-salon .sln-box--main.sln-box--fixed_height .sln-list {
border-radius: 0.3125em;
}
@media only screen and (min-width: 768px) {
.sln-box--fixed_height,
.sln-box--main.sln-box--fixed_height,
#sln-salon .sln-box--fixed_height,
#sln-salon .sln-box--main.sln-box--fixed_height {
max-height: 60vh;
overflow-y: auto;
overflow-x: hidden;
position: relative;
width: 100%;
scrollbar-color: rgba(173, 173, 173, 0.4) transparent;
scrollbar-width: thin;
}
.sln-box--fixed_height.row,
.sln-box--main.sln-box--fixed_height.row,
#sln-salon .sln-box--fixed_height.row,
#sln-salon .sln-box--main.sln-box--fixed_height.row {
margin-right: 0;
margin-left: 0;
}
.sln-box--fixed_height.sln-box--scrollable,
.sln-box--main.sln-box--fixed_height.sln-box--scrollable,
#sln-salon .sln-box--fixed_height.sln-box--scrollable,
#sln-salon .sln-box--main.sln-box--fixed_height.sln-box--scrollable {
scrollbar-color: rgba(173, 173, 173, 0.4) transparent;
scrollbar-width: thin;
}
}
.sln-box--main--flattop {
margin-top: 0;
margin-bottom: 3em;
}
.editable input {
background-color: #fff;
border: none;
padding: 10px 0 10px 5px;
}
.editable .text {
padding: 5px 0 5px 5px;
}
.editable {
border: 1px solid transparent;
}
.editable.focus,
.editable:hover {
border: 1px solid orange;
}
.editable .fa-cog {
font-size: 25px;
vertical-align: middle;
color: orange;
}
.editable .fa-cog,
.editable .input,
.editable.focus .text {
display: none;
}
.editable .text,
.editable.focus .fa-cog,
.editable.focus .input,
.editable:hover .fa-cog {
display: inline-block;
}
.editable.focus,
.editable.focus .input,
.editable.focus .input input {
background-color: #ccc;
}
.editable.focus .input input {
width: 100%;
}
.editable .input,
.editable .text {
width: 90%;
}
.editable .input-min,
.editable .text-min {
width: 85%;
}
.alert > p,
.alert > ul {
padding-bottom: 0;
}
td.day.disabled.full {
background: #ff0000;
color: white;
}
td.day.disabled.full:hover {
background: #ff6666;
color: white;
}
.sln-pending-payment-box--header,
#sln-salon .sln-pending-payment-box--header {
display: block;
margin-bottom: 0.8333333333em;
margin-left: 0.8333333333em;
}
.sln-pending-payment-box--header strong,
#sln-salon .sln-pending-payment-box--header strong {
margin-top: 1.6666666667em;
margin-bottom: 1.6666666667em;
display: block;
}
.sln-pending-payment-box--booking-number {
margin-left: 0.8333333333em;
}
.sln-pending-payment-box--amount {
margin-left: 0.8333333333em;
margin-top: 0.8333333333em;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
#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;
}
.sln-loader, .old #sln-salon.sln-salon--s .sln-thankyou .sln-icon-wrapper .sln-icon {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%) translateY(0);
-ms-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
}
#sln-salon .sln_datepicker:after,
#sln-salon .sln_timepicker:after,
#sln-salon #sln-salon-my-account .sln_datepicker:after,
#sln-salon #sln-salon-my-account .sln_timepicker:after, .sln-icon-wrapper .sln-icon {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.sln-btn--emphasis.sln-btn--disabled,
#sln-salon .sln-btn--emphasis.sln-btn--disabled,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled, .sln-btn--emphasis.sln-btn--disabled:hover, .sln-btn--emphasis.sln-btn--disabled:focus, .sln-btn--emphasis.sln-btn--disabled:active,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:hover,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:focus,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:active,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:hover,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:focus,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:active, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit {
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
}
#sln-salon .datetimepicker.sln-datetimepicker.datetimepicker-dropdown-bottom-right,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker.datetimepicker-dropdown-bottom-right, .sln-btn--emphasis:hover, .sln-btn--emphasis:focus, .sln-btn--emphasis:active,
#sln-salon .sln-btn--emphasis:hover,
#sln-salon .sln-btn--emphasis:focus,
#sln-salon .sln-btn--emphasis:active,
.sln-bootstrap .sln-btn--emphasis:hover,
.sln-bootstrap .sln-btn--emphasis:focus,
.sln-bootstrap .sln-btn--emphasis:active, .sln-btn--nobkg:hover, .sln-btn--nobkg:focus, .sln-btn--nobkg:active,
#sln-salon .sln-btn--nobkg:hover,
#sln-salon .sln-btn--nobkg:focus,
#sln-salon .sln-btn--nobkg:active,
.sln-bootstrap .sln-btn--nobkg:hover,
.sln-bootstrap .sln-btn--nobkg:focus,
.sln-bootstrap .sln-btn--nobkg:active, .sln-btn--borderonly:hover, .sln-btn--borderonly:focus, .sln-btn--borderonly:active,
#sln-salon .sln-btn--borderonly:hover,
#sln-salon .sln-btn--borderonly:focus,
#sln-salon .sln-btn--borderonly:active,
.sln-bootstrap .sln-btn--borderonly:hover,
.sln-bootstrap .sln-btn--borderonly:focus,
.sln-bootstrap .sln-btn--borderonly:active,
.sln-btn.sln-btn--borderonly:hover,
.sln-btn.sln-btn--borderonly:focus,
.sln-btn.sln-btn--borderonly:active,
.sln-bootstrap .sln-btn.sln-btn--borderonly:hover,
.sln-bootstrap .sln-btn.sln-btn--borderonly:focus,
.sln-bootstrap .sln-btn.sln-btn--borderonly:active,
a.sln-btn.sln-btn--borderonly:hover,
a.sln-btn.sln-btn--borderonly:focus,
a.sln-btn.sln-btn--borderonly:active,
.sln-bootstrap a.sln-btn.sln-btn--borderonly:hover,
.sln-bootstrap a.sln-btn.sln-btn--borderonly:focus,
.sln-bootstrap a.sln-btn.sln-btn--borderonly:active,
#sln-salon .sln-btn.sln-btn--borderonly:hover,
#sln-salon .sln-btn.sln-btn--borderonly:focus,
#sln-salon .sln-btn.sln-btn--borderonly:active,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly:hover,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly:focus,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly:active,
#sln-salon a.sln-btn.sln-btn--borderonly:hover,
#sln-salon a.sln-btn.sln-btn--borderonly:focus,
#sln-salon a.sln-btn.sln-btn--borderonly:active,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly:hover,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly:focus,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly:active, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:hover, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:focus, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:active {
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23);
-moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23);
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23);
}
.sln-btn,
.sln-bootstrap .sln-btn,
a.sln-btn,
.sln-bootstrap a.sln-btn,
#sln-salon .sln-btn,
#sln-salon .sln-bootstrap .sln-btn,
#sln-salon a.sln-btn,
#sln-salon .sln-bootstrap a.sln-btn, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit {
z-index: 800;
}
/*
@-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);
}
}
.wp-admin.salon_page_salon-settings .select2-container.select2-container--sln .select2-search--dropdown .select2-search__field, .sln-salon-page .select2-container.select2-container--sln .select2-selection--single,
.sln-salon-page .select2-container.select2-container--sln .select2-selection--multiple, .sln-salon-page:not(.sln-salon-page-customcolors) .select2-container.select2-container--sln .select2-selection--single,
.sln-salon-page:not(.sln-salon-page-customcolors) .select2-container.select2-container--sln .select2-selection--multiple {
font-family: "Open Sans", sans-serif;
font-size: 1rem;
line-height: 1.8em;
font-weight: normal;
}
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-search--dropdown .select2-search__field, body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-dropdown, body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-selection--single,
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-selection--multiple {
font-family: "Open Sans", sans-serif;
font-size: 0.875rem;
line-height: 1.8em;
font-weight: normal;
}
.wp-admin.salon_page_salon-settings .select2-container.select2-container--sln .select2-search--dropdown .select2-search__field {
color: rgb(0, 53, 83);
}
body.post-type-sln_booking:not(.sln-salon-page) .select2-container.select2-container--sln .select2-dropdown .select2-search__field:focus, body.post-type-sln_booking:not(.sln-salon-page) .select2-container.select2-container--sln .select2-dropdown .select2-search__field:hover, #sln-salon--admin #sln_booking-details .select2-container.select2-container--sln .select2-selection--single:hover .select2-selection__rendered,
#sln-salon--admin #sln_booking-details .select2-container.select2-container--sln .select2-selection--single:focus .select2-selection__rendered,
#sln-salon--admin #sln_booking-details .select2-container.select2-container--sln .select2-selection--multiple:hover .select2-selection__rendered,
#sln-salon--admin #sln_booking-details .select2-container.select2-container--sln .select2-selection--multiple:focus .select2-selection__rendered,
#sln-salon--admin #sln_booking-details .select2-container.select2-container--sln.select2-container--open .select2-selection--single .select2-selection__rendered,
#sln-salon--admin #sln_booking-details .select2-container.select2-container--sln.select2-container--open .select2-selection--multiple .select2-selection__rendered, .wp-admin.salon_page_salon-settings .select2-container.select2-container--sln .select2-search--dropdown .select2-search__field:hover, .wp-admin.salon_page_salon-settings .select2-container.select2-container--sln .select2-search--dropdown .select2-search__field:focus {
color: #0277bd;
}
body.post-type-sln_booking:not(.sln-salon-page) .select2-container.select2-container--sln .select2-results__option::after, .wp-admin.salon_page_salon-settings .select2-container.select2-container--sln .select2-results__option::after, body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-selection--single .select2-selection__arrow:before {
font-family: "FontAwesome";
font-size: 0.92rem;
font-weight: 900;
}
#sln-salon h1, #sln-salon h2.sln-salon-title, #sln-salon .sln_datepicker:after,
#sln-salon .sln_timepicker:after,
#sln-salon #sln-salon-my-account .sln_datepicker:after,
#sln-salon #sln-salon-my-account .sln_timepicker:after, .sln-alert:after,
#sln-salon .alert:after, .old #sln-salon.sln-salon--s .sln-thankyou .sln-thankyou--okbox h2 .sln-icon, .old #sln-salon.sln-salon--s .sln-thankyou .sln-thankyou--okbox h4 {
font-size: 1.4em;
}
@media only screen and (min-width: 992px) {
#sln-salon h1, #sln-salon h2.sln-salon-title, #sln-salon .sln_datepicker:after,
#sln-salon .sln_timepicker:after,
#sln-salon #sln-salon-my-account .sln_datepicker:after,
#sln-salon #sln-salon-my-account .sln_timepicker:after, .sln-alert:after,
#sln-salon .alert:after, .old #sln-salon.sln-salon--s .sln-thankyou .sln-thankyou--okbox h2 .sln-icon, .old #sln-salon.sln-salon--s .sln-thankyou .sln-thankyou--okbox h4 {
font-size: 1.6em;
}
}
@font-face {
font-family: "FontAwesome";
src: url("../fonts/fontawesome-webfont.eot?v=5.14.0");
src: url("../fonts/fontawesome-webfont.eot?#iefix&v=5.14.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=5.14.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=5.14.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=5.14.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=5.14.0#fontawesomesolid") format("svg");
font-weight: 900;
font-style: normal;
}
/* FIX 092023
*/
@font-face {
font-family: "FontAwesome";
src: url("../fonts/fontawesome-webfont-regular.eot?v=5.14.0");
src: url("../fonts/fontawesome-webfont-regular.eot?#iefix&v=5.14.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont-regular.woff2?v=5.14.0") format("woff2"), url("../fonts/fontawesome-webfont-regular.woff?v=5.14.0") format("woff"), url("../fonts/fontawesome-webfont-regular.ttf?v=5.14.0") format("truetype"), url("../fonts/fontawesome-webfont-regular.svg?v=5.14.0#fontawesomeregular") format("svg");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "FontAwesome";
src: url("../fonts/fontawesone-webfont-brands.eot?v=5.14.0");
src: url("../fonts/fontawesone-webfont-brands.eot?#iefix&v=5.14.0") format("embedded-opentype"), url("../fonts/fontawesone-webfont-brands.woff2?v=5.14.0") format("woff2"), url("../fonts/fontawesone-webfont-brands.woff?v=5.14.0") format("woff"), url("../fonts/fontawesone-webfont-brands.ttf?v=5.14.0") format("truetype"), url("../fonts/fontawesone-webfont-brands.svg?v=5.14.0#fontawesomeregular") format("svg");
font-weight: 300;
font-style: normal;
}
.wrap h2.nav-tab-wrapper {
font-size: 1em;
}
#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;
}
.sln-loader, .old #sln-salon.sln-salon--s .sln-thankyou .sln-icon-wrapper .sln-icon {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%) translateY(0);
-ms-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
}
#sln-salon .sln_datepicker:after,
#sln-salon .sln_timepicker:after,
#sln-salon #sln-salon-my-account .sln_datepicker:after,
#sln-salon #sln-salon-my-account .sln_timepicker:after, .sln-icon-wrapper .sln-icon {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.sln-btn--emphasis.sln-btn--disabled,
#sln-salon .sln-btn--emphasis.sln-btn--disabled,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled, .sln-btn--emphasis.sln-btn--disabled:hover, .sln-btn--emphasis.sln-btn--disabled:focus, .sln-btn--emphasis.sln-btn--disabled:active,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:hover,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:focus,
#sln-salon .sln-btn--emphasis.sln-btn--disabled:active,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:hover,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:focus,
.sln-bootstrap .sln-btn--emphasis.sln-btn--disabled:active, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--disabled#wp-submit {
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
}
#sln-salon .datetimepicker.sln-datetimepicker.datetimepicker-dropdown-bottom-right,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker.datetimepicker-dropdown-bottom-right, .sln-btn--emphasis:hover, .sln-btn--emphasis:focus, .sln-btn--emphasis:active,
#sln-salon .sln-btn--emphasis:hover,
#sln-salon .sln-btn--emphasis:focus,
#sln-salon .sln-btn--emphasis:active,
.sln-bootstrap .sln-btn--emphasis:hover,
.sln-bootstrap .sln-btn--emphasis:focus,
.sln-bootstrap .sln-btn--emphasis:active, .sln-btn--nobkg:hover, .sln-btn--nobkg:focus, .sln-btn--nobkg:active,
#sln-salon .sln-btn--nobkg:hover,
#sln-salon .sln-btn--nobkg:focus,
#sln-salon .sln-btn--nobkg:active,
.sln-bootstrap .sln-btn--nobkg:hover,
.sln-bootstrap .sln-btn--nobkg:focus,
.sln-bootstrap .sln-btn--nobkg:active, .sln-btn--borderonly:hover, .sln-btn--borderonly:focus, .sln-btn--borderonly:active,
#sln-salon .sln-btn--borderonly:hover,
#sln-salon .sln-btn--borderonly:focus,
#sln-salon .sln-btn--borderonly:active,
.sln-bootstrap .sln-btn--borderonly:hover,
.sln-bootstrap .sln-btn--borderonly:focus,
.sln-bootstrap .sln-btn--borderonly:active,
.sln-btn.sln-btn--borderonly:hover,
.sln-btn.sln-btn--borderonly:focus,
.sln-btn.sln-btn--borderonly:active,
.sln-bootstrap .sln-btn.sln-btn--borderonly:hover,
.sln-bootstrap .sln-btn.sln-btn--borderonly:focus,
.sln-bootstrap .sln-btn.sln-btn--borderonly:active,
a.sln-btn.sln-btn--borderonly:hover,
a.sln-btn.sln-btn--borderonly:focus,
a.sln-btn.sln-btn--borderonly:active,
.sln-bootstrap a.sln-btn.sln-btn--borderonly:hover,
.sln-bootstrap a.sln-btn.sln-btn--borderonly:focus,
.sln-bootstrap a.sln-btn.sln-btn--borderonly:active,
#sln-salon .sln-btn.sln-btn--borderonly:hover,
#sln-salon .sln-btn.sln-btn--borderonly:focus,
#sln-salon .sln-btn.sln-btn--borderonly:active,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly:hover,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly:focus,
#sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly:active,
#sln-salon a.sln-btn.sln-btn--borderonly:hover,
#sln-salon a.sln-btn.sln-btn--borderonly:focus,
#sln-salon a.sln-btn.sln-btn--borderonly:active,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly:hover,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly:focus,
#sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly:active, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:hover, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:focus, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:active {
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23);
-moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23);
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23);
}
.sln-btn,
.sln-bootstrap .sln-btn,
a.sln-btn,
.sln-bootstrap a.sln-btn,
#sln-salon .sln-btn,
#sln-salon .sln-bootstrap .sln-btn,
#sln-salon a.sln-btn,
#sln-salon .sln-bootstrap a.sln-btn, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit {
z-index: 800;
}
/*
@-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);
}
}
body:not(.sln-salon-page) .select2-container.select2-container--sln {
/* BIG SELECT // END */
}
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-selection--single {
height: 3.3333333333rem;
line-height: 3.3333333333rem;
}
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-selection--multiple {
line-height: 0 !important;
}
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-selection--single,
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-selection--multiple {
border: none;
border-radius: 0;
background-color: rgb(199, 223, 243);
transition: all 150ms;
}
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-selection--single:hover, body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-selection--single:focus,
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-selection--multiple:hover,
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-selection--multiple:focus {
background-color: rgb(0, 53, 83);
}
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-selection--single:hover .select2-selection__rendered, body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-selection--single:focus .select2-selection__rendered,
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-selection--multiple:hover .select2-selection__rendered,
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-selection--multiple:focus .select2-selection__rendered {
color: #fff;
}
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-selection--single:hover .select2-selection__arrow:before, body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-selection--single:focus .select2-selection__arrow:before,
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-selection--multiple:hover .select2-selection__arrow:before,
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-selection--multiple:focus .select2-selection__arrow:before {
color: #fff;
}
body:not(.sln-salon-page) .select2-container.select2-container--sln.select2-container--open .select2-selection--single,
body:not(.sln-salon-page) .select2-container.select2-container--sln.select2-container--open .select2-selection--multiple {
background-color: rgb(0, 53, 83);
}
body:not(.sln-salon-page) .select2-container.select2-container--sln.select2-container--open .select2-selection--single .select2-selection__rendered,
body:not(.sln-salon-page) .select2-container.select2-container--sln.select2-container--open .select2-selection--multiple .select2-selection__rendered {
color: #fff;
}
body:not(.sln-salon-page) .select2-container.select2-container--sln.select2-container--open .select2-selection--single .select2-selection__arrow:before,
body:not(.sln-salon-page) .select2-container.select2-container--sln.select2-container--open .select2-selection--multiple .select2-selection__arrow:before {
color: #fff;
}
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-selection--single .select2-selection__rendered {
color: rgb(0, 53, 83);
line-height: 3.3333333333rem;
}
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
color: #4c7186;
}
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 1em;
padding-right: 1em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-selection--single .select2-selection__rendered:hover .select2-selection__arrow:before {
color: #fff;
}
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-selection--single .select2-selection__arrow {
width: 0.9rem;
height: 0.9rem;
position: absolute;
top: calc(50% - 7px);
right: 1.1111111111rem;
}
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-selection--single .select2-selection__arrow b {
display: none;
}
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-selection--single .select2-selection__arrow:before {
display: block;
width: 0.9rem;
height: 0.9rem;
content: "\f078";
position: absolute;
top: 0;
left: 0;
line-height: 0.9rem;
color: rgb(0, 53, 83);
}
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-dropdown {
background-color: #fff;
color: rgb(0, 53, 83);
border: 2px solid rgba(2, 119, 189, 0.5);
padding: 0.2%;
border-radius: 0;
}
body:not(.sln-salon-page) .select2-container.select2-container--sln .sln-select-wrapper-no-search .select2-search {
display: none;
}
body:not(.sln-salon-page) .select2-container.select2-container--sln .sln-select-dropdown--boxedoptions {
width: 400px !important;
}
body:not(.sln-salon-page) .select2-container.select2-container--sln .sln-select-dropdown--boxedoptions .select2-results__options {
padding: 0.5%;
margin: 0;
}
body:not(.sln-salon-page) .select2-container.select2-container--sln .sln-select-dropdown--boxedoptions .select2-results__option {
background-color: rgb(199, 223, 243);
display: inline-block;
width: 24.4%;
text-align: center;
padding: 1.1111111111rem 0.5555555556rem;
margin: 0.3%;
}
body:not(.sln-salon-page) .select2-container.select2-container--sln[role=tree] .select2-results__options {
padding: 0.5%;
background-color: #fff;
max-height: 200px;
overflow-y: auto;
}
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-results__option {
padding: 0.5555555556rem 1.1111111111rem;
margin: 0 0 2px 0;
background-color: rgb(199, 223, 243);
border-top: 2px solid #fff;
}
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-search--dropdown {
padding: 0.5% 1% 0 0.5%;
}
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-search--dropdown .select2-search__field {
padding: 0.5em 1em;
border: none;
border: 0.1666666667rem solid rgba(2, 119, 189, 0.5);
}
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-search--dropdown .select2-search__field:focus, body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-search--dropdown .select2-search__field:hover {
outline: 2px solid #0277bd;
background-color: rgb(0, 53, 83);
color: #fff;
}
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-results__option--highlighted[aria-selected] {
background-color: rgb(0, 53, 83);
color: #fff;
}
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-results__option[aria-selected=true] {
background-color: #4c7186;
color: #fff;
}
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-selection--multiple .select2-selection__rendered {
margin: 0;
padding: 0.5555555556rem 0.5555555556rem 0.2777777778rem 0.5555555556rem;
}
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-selection--multiple .select2-search__field::-webkit-input-placeholder {
color: #4c7186;
}
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-selection--multiple .select2-search__field:-moz-placeholder {
/* Firefox 18- */
color: #4c7186;
}
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-selection--multiple .select2-search__field::-moz-placeholder {
/* Firefox 19+ */
color: #4c7186;
}
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-selection--multiple .select2-search__field:-ms-input-placeholder {
color: #4c7186;
}
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-selection--multiple .select2-search__field:not([placeholder=""]) {
min-width: 170px !important;
}
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-selection--multiple .select2-search--inline .select2-search__field {
margin-top: 0;
line-height: 2.5rem;
margin: 0 0.5555555556rem 0.2777777778rem 0;
}
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-selection--multiple .select2-selection__choice {
float: left;
background-color: #0277bd;
border: none;
color: #fff;
padding: 0 2.7777777778rem 0 1.1111111111rem;
border-radius: 0;
line-height: 2.5rem;
position: relative;
margin: 0 0.5555555556rem 0.2777777778rem 0;
}
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-selection--multiple .select2-selection__choice__remove {
position: absolute;
right: 0.2777777778rem;
top: calc(50% - 8px);
font-size: 16px;
line-height: 8px;
border-radius: 50%;
padding: 0.2222222222rem;
background-color: #fff;
color: #d22221;
opacity: 0.75;
transition: opacity 200ms;
}
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #d22221;
opacity: 1;
}
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-selection--single:focus {
outline: none;
}
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-results__group {
margin: 10px 0;
display: block;
}
/* ADMIN */
#sln-salon--admin,
.sln-calendar--wrapper {
/* ADMIN // END */
}
#sln-salon--admin .select2-selection--single,
#sln-salon--admin .select2-selection--multiple,
.sln-calendar--wrapper .select2-selection--single,
.sln-calendar--wrapper .select2-selection--multiple {
background-color: transparent;
border-bottom: 1px solid rgb(199, 223, 243);
}
#sln-salon--admin .select2-container.select2-container--sln .select2-selection--single:hover .select2-selection__rendered,
#sln-salon--admin .select2-container.select2-container--sln .select2-selection--single:focus .select2-selection__rendered,
#sln-salon--admin .select2-container.select2-container--sln .select2-selection--multiple:hover .select2-selection__rendered,
#sln-salon--admin .select2-container.select2-container--sln .select2-selection--multiple:focus .select2-selection__rendered,
#sln-salon--admin .select2-container.select2-container--sln.select2-container--open .select2-selection--single .select2-selection__rendered,
#sln-salon--admin .select2-container.select2-container--sln.select2-container--open .select2-selection--multiple .select2-selection__rendered,
.sln-calendar--wrapper .select2-container.select2-container--sln .select2-selection--single:hover .select2-selection__rendered,
.sln-calendar--wrapper .select2-container.select2-container--sln .select2-selection--single:focus .select2-selection__rendered,
.sln-calendar--wrapper .select2-container.select2-container--sln .select2-selection--multiple:hover .select2-selection__rendered,
.sln-calendar--wrapper .select2-container.select2-container--sln .select2-selection--multiple:focus .select2-selection__rendered,
.sln-calendar--wrapper .select2-container.select2-container--sln.select2-container--open .select2-selection--single .select2-selection__rendered,
.sln-calendar--wrapper .select2-container.select2-container--sln.select2-container--open .select2-selection--multiple .select2-selection__rendered {
background-color: rgb(241, 247, 251);
color: rgb(0, 53, 83);
}
#sln-salon--admin .select2-container.select2-container--sln .select2-selection--single:hover .select2-selection__rendered + .select2-selection__arrow::before,
#sln-salon--admin .select2-container.select2-container--sln .select2-selection--single:focus .select2-selection__rendered + .select2-selection__arrow::before,
#sln-salon--admin .select2-container.select2-container--sln .select2-selection--multiple:hover .select2-selection__rendered + .select2-selection__arrow::before,
#sln-salon--admin .select2-container.select2-container--sln .select2-selection--multiple:focus .select2-selection__rendered + .select2-selection__arrow::before,
#sln-salon--admin .select2-container.select2-container--sln.select2-container--open .select2-selection--single .select2-selection__rendered + .select2-selection__arrow::before,
#sln-salon--admin .select2-container.select2-container--sln.select2-container--open .select2-selection--multiple .select2-selection__rendered + .select2-selection__arrow::before,
.sln-calendar--wrapper .select2-container.select2-container--sln .select2-selection--single:hover .select2-selection__rendered + .select2-selection__arrow::before,
.sln-calendar--wrapper .select2-container.select2-container--sln .select2-selection--single:focus .select2-selection__rendered + .select2-selection__arrow::before,
.sln-calendar--wrapper .select2-container.select2-container--sln .select2-selection--multiple:hover .select2-selection__rendered + .select2-selection__arrow::before,
.sln-calendar--wrapper .select2-container.select2-container--sln .select2-selection--multiple:focus .select2-selection__rendered + .select2-selection__arrow::before,
.sln-calendar--wrapper .select2-container.select2-container--sln.select2-container--open .select2-selection--single .select2-selection__rendered + .select2-selection__arrow::before,
.sln-calendar--wrapper .select2-container.select2-container--sln.select2-container--open .select2-selection--multiple .select2-selection__rendered + .select2-selection__arrow::before {
color: rgb(0, 53, 83);
}
#sln-salon--admin .select2-container.select2-container--sln .select2-selection--single .select2-selection__arrow:before,
.sln-calendar--wrapper .select2-container.select2-container--sln .select2-selection--single .select2-selection__arrow:before {
color: #4c7186;
}
#sln-salon--admin .select2-container.select2-container--sln .select2-selection--single,
.sln-calendar--wrapper .select2-container.select2-container--sln .select2-selection--single {
height: 3.33rem;
line-height: 3.33rem;
}
#sln-salon--admin .select2-container.select2-container--sln .select2-selection--single .select2-selection__rendered,
.sln-calendar--wrapper .select2-container.select2-container--sln .select2-selection--single .select2-selection__rendered {
line-height: 3.33rem;
}
#sln-salon--admin .select2-container.select2-container--sln .select2-selection--single .select2-selection__rendered,
.sln-calendar--wrapper .select2-container.select2-container--sln .select2-selection--single .select2-selection__rendered {
padding-left: 1.3333333333rem;
padding-right: 1.3333333333rem;
}
#sln-salon--admin .select2-container.select2-container--sln .select2-selection--multiple,
.sln-calendar--wrapper .select2-container.select2-container--sln .select2-selection--multiple {
min-height: 3.33rem;
}
@media only screen and (min-width: 992px) {
#sln-salon--admin .select2-container.select2-container--sln .select2-selection--single .select2-selection__rendered,
.sln-calendar--wrapper .select2-container.select2-container--sln .select2-selection--single .select2-selection__rendered {
padding-left: 1em;
padding-right: 1em;
}
#sln-salon--admin .select2-container.select2-container--sln .select2-selection--multiple .select2-selection__rendered,
.sln-calendar--wrapper .select2-container.select2-container--sln .select2-selection--multiple .select2-selection__rendered {
padding: 0.5rem 0.5555555556rem 0.2222222222rem 0.5555555556rem;
}
}
/* ADMIN DROPDOWN */
.select2-container--sln .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.wp-admin.salon_page_salon-settings .select2-container.select2-container--sln .select2-selection--single .select2-selection__rendered {
padding-right: 2em;
}
.wp-admin.salon_page_salon-settings .select2-container.select2-container--sln .select2-dropdown {
border: 1px solid rgb(199, 223, 243);
background-color: rgb(241, 247, 251);
}
.wp-admin.salon_page_salon-settings .select2-container.select2-container--sln .select2-results__option {
margin-bottom: 0;
padding: 0.8333333333rem;
background-color: #fff;
border-top: 1px solid rgb(199, 223, 243);
border: none;
display: grid;
grid-template-columns: auto 2rem;
align-items: center;
/* FIX 092023 */
}
.wp-admin.salon_page_salon-settings .select2-container.select2-container--sln .select2-results__option::after {
color: transparent;
content: " \f00c";
transition: all 0.15s;
backface-visibility: hidden;
opacity: 1;
font-size: 1.1111111111rem;
line-height: 2rem;
text-align: center;
}
.wp-admin.salon_page_salon-settings .select2-container.select2-container--sln .select2-results__option--highlighted[aria-selected] {
background-color: rgb(241, 247, 251);
color: rgb(0, 53, 83);
}
.wp-admin.salon_page_salon-settings .select2-container.select2-container--sln .select2-results__option--highlighted[aria-selected]::after {
color: #4c7186;
}
.wp-admin.salon_page_salon-settings .select2-container.select2-container--sln .select2-results__option[aria-selected=true] {
background-color: rgb(199, 223, 243);
color: rgb(0, 53, 83);
}
.wp-admin.salon_page_salon-settings .select2-container.select2-container--sln .select2-results__option[aria-selected=true]::after {
color: currentColor;
}
.wp-admin.salon_page_salon-settings .select2-container.select2-container--sln .select2-search--dropdown {
padding: 0;
}
.wp-admin.salon_page_salon-settings .select2-container.select2-container--sln .select2-search--dropdown .select2-search__field {
width: calc(100% + 2px);
margin: -1px -1px 0 -1px;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
border-color: rgb(199, 223, 243);
background-color: #fff;
font-size: 1.1666666667rem;
padding: 0.8333333333rem;
color: rgb(0, 53, 83);
transition: border-color 100ms, background-color 250ms;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
}
.wp-admin.salon_page_salon-settings .select2-container.select2-container--sln .select2-search--dropdown .select2-search__field::-webkit-input-placeholder {
color: #4c7186;
}
.wp-admin.salon_page_salon-settings .select2-container.select2-container--sln .select2-search--dropdown .select2-search__field:-moz-placeholder {
/* Firefox 18- */
color: #4c7186;
}
.wp-admin.salon_page_salon-settings .select2-container.select2-container--sln .select2-search--dropdown .select2-search__field::-moz-placeholder {
/* Firefox 19+ */
color: #4c7186;
}
.wp-admin.salon_page_salon-settings .select2-container.select2-container--sln .select2-search--dropdown .select2-search__field:-ms-input-placeholder {
color: #4c7186;
}
.wp-admin.salon_page_salon-settings .select2-container.select2-container--sln .select2-search--dropdown .select2-search__field:hover, .wp-admin.salon_page_salon-settings .select2-container.select2-container--sln .select2-search--dropdown .select2-search__field:focus {
background-color: rgb(241, 247, 251);
outline: none;
color: #0277bd;
border-color: #0277bd;
border-color: #0091ea;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(2, 119, 189, 0.06), 0 0 8px rgba(2, 119, 189, 0.1);
}
.wp-admin.salon_page_salon-settings .select2-results {
font-size: 1.1666666667rem;
}
/* ADMIN DROPDOWN // END */
/* ADMIN BOOKING DETAILS */
#sln-salon--admin #sln_booking-details {
/* ADMIN BOOKING DETAILS // END */
}
#sln-salon--admin #sln_booking-details .select2-selection--single,
#sln-salon--admin #sln_booking-details .select2-selection--multiple {
background-color: transparent;
border: 1px solid rgb(199, 223, 243);
}
#sln-salon--admin #sln_booking-details #sln-update-user-field + .select2-container--sln .select2-selection--single,
#sln-salon--admin #sln_booking-details #sln-update-user-field + .select2-container--sln .select2-selection--multiple {
font-size: 1rem;
font-weight: normal;
}
#sln-salon--admin #sln_booking-details #sln-update-user-field + .select2-container--sln .select2-selection--single .select2-selection__rendered,
#sln-salon--admin #sln_booking-details #sln-update-user-field + .select2-container--sln .select2-selection--multiple .select2-selection__rendered {
font-weight: normal;
}
#sln-salon--admin #sln_booking-details .select2-container.select2-container--sln .select2-selection--single:hover .select2-selection__rendered,
#sln-salon--admin #sln_booking-details .select2-container.select2-container--sln .select2-selection--single:focus .select2-selection__rendered,
#sln-salon--admin #sln_booking-details .select2-container.select2-container--sln .select2-selection--multiple:hover .select2-selection__rendered,
#sln-salon--admin #sln_booking-details .select2-container.select2-container--sln .select2-selection--multiple:focus .select2-selection__rendered,
#sln-salon--admin #sln_booking-details .select2-container.select2-container--sln.select2-container--open .select2-selection--single .select2-selection__rendered,
#sln-salon--admin #sln_booking-details .select2-container.select2-container--sln.select2-container--open .select2-selection--multiple .select2-selection__rendered {
background-color: rgb(241, 247, 251);
outline: none;
color: #0277bd;
border-color: #0277bd;
border-color: #0091ea;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(2, 119, 189, 0.06), 0 0 8px rgba(2, 119, 189, 0.1);
}
#sln-salon--admin #sln_booking-details .select2-container.select2-container--sln .select2-selection--single:hover .select2-selection__rendered + .select2-selection__arrow::before,
#sln-salon--admin #sln_booking-details .select2-container.select2-container--sln .select2-selection--single:focus .select2-selection__rendered + .select2-selection__arrow::before,
#sln-salon--admin #sln_booking-details .select2-container.select2-container--sln .select2-selection--multiple:hover .select2-selection__rendered + .select2-selection__arrow::before,
#sln-salon--admin #sln_booking-details .select2-container.select2-container--sln .select2-selection--multiple:focus .select2-selection__rendered + .select2-selection__arrow::before,
#sln-salon--admin #sln_booking-details .select2-container.select2-container--sln.select2-container--open .select2-selection--single .select2-selection__rendered + .select2-selection__arrow::before,
#sln-salon--admin #sln_booking-details .select2-container.select2-container--sln.select2-container--open .select2-selection--multiple .select2-selection__rendered + .select2-selection__arrow::before {
color: rgb(0, 53, 83);
}
#sln-salon--admin #sln_booking-details .select2-container.select2-container--sln .select2-selection--single {
height: 3.33rem;
line-height: 3.33rem;
}
#sln-salon--admin #sln_booking-details .select2-container.select2-container--sln .select2-selection--single .select2-selection__rendered {
line-height: 3.33rem;
padding-left: 1rem;
padding-right: 1rem;
}
#sln-salon--admin #sln_booking-details .select2-container.select2-container--sln .select2-selection--multiple {
min-height: 3.33rem;
}
#sln-salon--admin #sln_booking-details .select2-container.select2-container--sln .select2-selection__rendered {
font-weight: bold;
}
#sln-salon--admin #sln_booking-details .select2-container.select2-container--sln .select2-selection__rendered span + span {
font-weight: normal;
}
#sln-salon--admin #sln_booking-details .select2-container.select2-container--sln .select2-selection__rendered span:first-child {
padding-right: 1rem;
}
#sln-salon--admin #sln_booking-details .select2-container.select2-container--sln:hover .select2-selection__rendered, #sln-salon--admin #sln_booking-details .select2-container.select2-container--sln:focus .select2-selection__rendered {
line-height: 3.33rem;
}
#sln-salon--admin #sln_booking-details .select2-container.select2-container--sln:hover ul.select2-selection__rendered, #sln-salon--admin #sln_booking-details .select2-container.select2-container--sln:focus ul.select2-selection__rendered {
line-height: 1.25rem;
}
#sln-salon--admin #sln_booking-details .select2-container.select2-container--sln.select2-container--open .select2-selection--single,
#sln-salon--admin #sln_booking-details .select2-container.select2-container--sln.select2-container--open .select2-selection--multiple {
border: 1px solid rgb(0, 66, 88);
}
#sln-salon--admin #sln_booking-details .select2-container.select2-container--sln.select2-container--open .select2-selection--single .select2-selection__rendered,
#sln-salon--admin #sln_booking-details .select2-container.select2-container--sln.select2-container--open .select2-selection--multiple .select2-selection__rendered {
background-color: #fff;
line-height: 3.33rem;
}
@media only screen and (min-width: 992px) {
#sln-salon--admin #sln_booking-details .select2-container.select2-container--sln .select2-selection--single {
height: 2.5rem;
line-height: 2.5rem;
}
#sln-salon--admin #sln_booking-details .select2-container.select2-container--sln .select2-selection--single .select2-selection__rendered {
line-height: 2.3333333333rem;
}
#sln-salon--admin #sln_booking-details .select2-container.select2-container--sln .select2-selection--single .select2-selection__rendered {
padding-left: 1em;
padding-right: 1.4em;
}
#sln-salon--admin #sln_booking-details .select2-container.select2-container--sln .select2-selection--multiple {
min-height: 2.5rem;
}
#sln-salon--admin #sln_booking-details .select2-container.select2-container--sln .select2-selection--multiple .select2-selection__rendered {
padding: 0.5rem 0.5555555556rem 0.2222222222rem 0.5555555556rem;
}
#sln-salon--admin #sln_booking-details .select2-container.select2-container--sln:hover .select2-selection__rendered, #sln-salon--admin #sln_booking-details .select2-container.select2-container--sln:focus .select2-selection__rendered {
line-height: 2.3333333333rem;
}
#sln-salon--admin #sln_booking-details .select2-container.select2-container--sln:hover ul.select2-selection__rendered, #sln-salon--admin #sln_booking-details .select2-container.select2-container--sln:focus ul.select2-selection__rendered {
line-height: 1.25rem;
}
#sln-salon--admin #sln_booking-details .select2-container.select2-container--sln.select2-container--open .select2-selection--single,
#sln-salon--admin #sln_booking-details .select2-container.select2-container--sln.select2-container--open .select2-selection--multiple {
border: 1px solid rgb(0, 66, 88);
}
#sln-salon--admin #sln_booking-details .select2-container.select2-container--sln.select2-container--open .select2-selection--single .select2-selection__rendered,
#sln-salon--admin #sln_booking-details .select2-container.select2-container--sln.select2-container--open .select2-selection--multiple .select2-selection__rendered {
background-color: #fff;
line-height: 2.3333333333rem;
}
}
#sln-salon--admin #sln_booking-details .sln-booking-service-line {
/* FIX 092023
.select2-container--sln {
pointer-events: none;
}
*/
/* FIX 092023
.select2-container.select2-container--sln .select2-selection__arrow {
display: none;
}
*/
}
/* ADMIN BOOKING DETAILS DROPDOWN */
body.post-type-sln_booking:not(.sln-salon-page) .select2-container.select2-container--sln .select2-dropdown {
border: 1px solid rgb(0, 66, 88);
margin-top: 0.3333333333rem;
}
body.post-type-sln_booking:not(.sln-salon-page) .select2-container.select2-container--sln .select2-dropdown .select2-search--dropdown {
padding: 0.3888888889rem 0.3333333333rem;
background-color: rgb(231, 237, 242);
}
body.post-type-sln_booking:not(.sln-salon-page) .select2-container.select2-container--sln .select2-dropdown .select2-search__field {
margin: 0;
border-radius: 0;
border-color: transparent;
}
body.post-type-sln_booking:not(.sln-salon-page) .select2-container.select2-container--sln .select2-dropdown .select2-search__field:focus, body.post-type-sln_booking:not(.sln-salon-page) .select2-container.select2-container--sln .select2-dropdown .select2-search__field:hover {
background-color: rgb(241, 247, 251);
outline: none;
color: #0277bd;
border-color: #0277bd;
border-color: #0091ea;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(2, 119, 189, 0.06), 0 0 8px rgba(2, 119, 189, 0.1);
}
body.post-type-sln_booking:not(.sln-salon-page) .select2-container.select2-container--sln .select2-dropdown .select2-search__field:focus + .select2-selection__arrow::before, body.post-type-sln_booking:not(.sln-salon-page) .select2-container.select2-container--sln .select2-dropdown .select2-search__field:hover + .select2-selection__arrow::before {
color: rgb(0, 53, 83);
}
body.post-type-sln_booking:not(.sln-salon-page) .select2-container.select2-container--sln .select2-results__option {
margin-bottom: 0;
padding: 0.8333333333rem;
background-color: rgb(231, 237, 242);
border-top: none;
border: none;
display: grid;
grid-template-columns: auto 2rem;
align-items: center;
}
body.post-type-sln_booking:not(.sln-salon-page) .select2-container.select2-container--sln .select2-results__option::after {
color: transparent;
content: " \f00c";
transition: all 0.15s;
backface-visibility: hidden;
opacity: 1;
font-size: 1.1111111111rem;
line-height: 2rem;
text-align: center;
}
body.post-type-sln_booking:not(.sln-salon-page) .select2-container.select2-container--sln .select2-results__option:focus, body.post-type-sln_booking:not(.sln-salon-page) .select2-container.select2-container--sln .select2-results__option.select2-results__option--highlighted[aria-selected], body.post-type-sln_booking:not(.sln-salon-page) .select2-container.select2-container--sln .select2-results__option.select2-results__option[aria-selected=true] {
background-color: rgb(214, 229, 234);
color: rgb(0, 66, 88);
}
body.post-type-sln_booking:not(.sln-salon-page) .select2-container.select2-container--sln .select2-results__option.select2-results__option[aria-selected=true]::after {
color: currentColor;
}
body.post-type-sln_booking:not(.sln-salon-page) .select2-container.select2-container--sln .select2-results__option.select2-results__option--stl {
padding: 1.6rem 0.625rem;
border-top: 2px solid #fff;
}
body.post-type-sln_booking:not(.sln-salon-page) .select2-container.select2-container--sln .select2-results__option.select2-results__option--stl span[data-value] {
display: grid;
grid-template-columns: auto;
grid-template-rows: auto;
align-items: center;
}
body.post-type-sln_booking:not(.sln-salon-page) .select2-container.select2-container--sln .select2-results__option.select2-results__option--stl span[data-value] span:nth-child(1) {
grid-column: 1/span 2;
grid-row: 1;
font-size: 0.875rem;
opacity: 0.75;
}
body.post-type-sln_booking:not(.sln-salon-page) .select2-container.select2-container--sln .select2-results__option.select2-results__option--stl span[data-value] span:nth-child(1):not(:empty) {
padding-bottom: 1rem;
}
body.post-type-sln_booking:not(.sln-salon-page) .select2-container.select2-container--sln .select2-results__option.select2-results__option--stl span[data-value] span:nth-child(2) {
grid-column: 1;
grid-row: 2;
padding-right: 1rem;
font-weight: bold;
}
body.post-type-sln_booking:not(.sln-salon-page) .select2-container.select2-container--sln .select2-results__option.select2-results__option--stl span[data-value] span:nth-child(3) {
grid-column: 2;
grid-row: 2;
}
body.post-type-sln_booking:not(.sln-salon-page) .select2-container.select2-container--sln .select2-results__option.select2-results__option--stl span[data-value] span:nth-child(4) {
grid-column: 1/span 3;
grid-row: 3;
padding-top: 1rem;
}
@media only screen and (min-width: 1800px) {
body.post-type-sln_booking:not(.sln-salon-page) .select2-container.select2-container--sln .select2-results__option.select2-results__option--stl span[data-value] {
grid-template-columns: 40% 30% 30%;
grid-gap: 1rem;
padding-right: 1rem;
}
body.post-type-sln_booking:not(.sln-salon-page) .select2-container.select2-container--sln .select2-results__option.select2-results__option--stl span[data-value] span:nth-child(1) {
grid-column: 1/span 3;
grid-row: 1;
}
body.post-type-sln_booking:not(.sln-salon-page) .select2-container.select2-container--sln .select2-results__option.select2-results__option--stl span[data-value] span:nth-child(2) {
grid-column: 1;
grid-row: 2;
}
body.post-type-sln_booking:not(.sln-salon-page) .select2-container.select2-container--sln .select2-results__option.select2-results__option--stl span[data-value] span:nth-child(3) {
grid-column: 2;
grid-row: 2;
}
body.post-type-sln_booking:not(.sln-salon-page) .select2-container.select2-container--sln .select2-results__option.select2-results__option--stl span[data-value] span:nth-child(4) {
grid-column: 3;
grid-row: 2;
padding-top: 0;
}
}
body.post-type-sln_booking:not(.sln-salon-page) .select2-container.select2-container--sln .select2-results__option.select2-results__option--stl .sln-select__wrn {
font-size: 0.8333333333rem;
font-weight: bold;
text-transform: uppercase;
color: #f5b025;
display: grid;
grid-template-columns: 0.875rem auto;
gap: 0.2rem;
align-items: center;
line-height: 1.2;
/* FIX 092023
&::before {
display: inline-block;
padding-right: settings-mixins.rem(6px);
color: currentColor;
content: " \f06a";
backface-visibility: hidden;
opacity: 1;
@extend %font-icon;
grid-column: 1;
grid-row: 1;
transition: all 0.15s;
}
@include bp(tablet) {
}
*/
}
/* ADMIN BOOKING DETAILS DROPDOWN // END */
/* ADMIN BOOKING DETAILS CUSTOM ICONS */
/* FIX 092023
body:not(.sln-salon-page)
#sln-update-user-field
+ .select2-container.select2-container--sln
.select2-selection--single
.select2-selection__arrow:before {
content: " \f2b9";
font-size: settings-mixins.rem(27px);
}
*/
/* ADMIN BOOKING DETAILS CUSTOM ICONS // END */
/*
#sln-salon #sln-salon-my-account:not(.mobile-version) .sln-reschedule-form {
@include bp(desktop) {
width: 200%;
.sln-reschedule-form__btnwrp {
float: right;
}
}
}
#sln-salon-my-account .feedback,
#sln-salon-my-account .rating {
text-align: center;
}
.sln-reschedule-form .sln_datepicker,
.sln-reschedule-form .sln_timepicker,
#sln-salon .sln-reschedule-form .sln_datepicker input,
#sln-salon .sln-reschedule-form .sln_timepicker input {
margin-bottom: 0;
}
#sln-salon .sln-reschedule-form .sln-notifications .alert,
#sln-salon .sln-reschedule-form .sln-notifications .sln-alert {
//margin-top: -35px;
}
#sln-salon .sln-reschedule-form .sln-reschedule-form--save-button {
margin-bottom: 5px;
}
#sln-salon .sln-reschedule-form .sln-reschedule-form_innerwrap {
margin-top: 0.5em;
margin-bottom: 2em;
padding-top: 1em;
padding-bottom: 1em;
border: 1px solid;
border-color: $sln-color--grey--light;
.sln-btn.sln-reschedule-form--save-button {
margin-bottom: 0;
}
}
#sln-salon .sln-reschedule-form .sln-reschedule-form--cancel-button {
text-align: center;
}
*/
.sln-step-thankyou .sln-alert.sln-alert--paid {
margin-top: 0;
}
#sln-salon .sln-payment-transaction-fee {
color: #333;
font-size: 13px;
text-align: center;
margin-top: -10px;
}
#sln-salon .sln-input-group .iti__selected-flag {
font-weight: bold;
}
#sln-salon .sln-input-group .iti__selected-flag .iti__flag {
display: none;
}
#sln-salon .sln-input-group .iti__arrow {
border-top: 4px solid #004258;
}
#sln-salon .sln-input-group .iti__arrow--up {
border-top: none;
border-bottom: 4px solid #004258;
}
#sln-salon .sln-input-group .iti__selected-flag:after {
content: " ";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0.25;
}
#sln-salon .sln-input-group .iti__selected-flag:after {
background-color: #004258;
}
#sln-salon .table-condensed tbody tr td.full {
display: table-cell;
}
.sln-attendant-description .sln-service-title {
font-weight: normal;
}
.sln-service-variable-duration--counter--minus,
.sln-service-variable-duration--counter--plus {
display: flex;
justify-content: center;
align-items: center;
}
.sln-service-variable-duration--counter--minus::after,
.sln-service-variable-duration--counter--plus::after {
margin-left: 0;
font-family: "FontAwesome";
letter-spacing: normal;
text-transform: none;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: "liga";
font-size: 1em;
line-height: 1;
display: inline-block;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
border-radius: 50%;
color: #0091ea;
vertical-align: middle;
}
@media only screen and (min-width: 600px) {
.sln-service-variable-duration--counter--minus::after,
.sln-service-variable-duration--counter--plus::after {
font-size: 1.3125em;
}
}
.sln-service-variable-duration--counter--minus::after {
content: "\f056";
}
.sln-service-variable-duration--counter--plus::after {
content: "\f055";
}
.sln-service-variable-duration--counter--value {
font-size: 1em;
font-weight: normal;
color: rgb(9, 120, 189);
}
@media only screen and (min-width: 600px) {
.sln-service-variable-duration--counter--value {
font-size: 1.25em;
}
}
.sln-service-variable-duration--block .sln-service-price,
.sln-service-variable-duration--block .sln-service-variable-duration {
display: inline-block;
vertical-align: middle;
}
.sln-service-variable-duration--counter--value {
vertical-align: text-top;
}
@media only screen and (min-width: 992px) {
.sln-service-variable-duration--block {
text-align: right;
}
}
.sln-service-variable-duration--counter--button--disabled {
cursor: not-allowed;
}
.sln-service-variable-duration--counter--button--disabled:after {
color: #ccc;
}
.sln-summary-variable-duration--divider {
margin: 0 10px;
}
.sln-service-variable-duration--counter {
display: grid;
grid-template-columns: 2em auto 2em;
text-align: center;
}
#sln-debug-div {
display: inline;
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 200;
overflow-y: scroll;
height: 30%;
background-color: white;
box-shadow: 0 1px 5px 0px rgba(0, 53, 83, 0.5);
}
#sln-debug-table {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.sln-debug-time-slote {
margin: 0 15px;
padding: 1% 0;
text-align: center;
}
.sln-debug-day-info {
position: absolute;
top: 60%;
left: -60%;
z-index: 1;
width: min-content;
background-color: #1183c4;
color: white;
}
@media only screen and (min-width: 768px) {
.sln-debug-day-info {
position: absolute;
top: 60%;
left: 50%;
z-index: 1;
width: max-content;
background-color: #1183c4;
color: white;
}
}
.sln-debug-popup {
position: absolute;
top: 0;
left: 0;
max-height: 45%;
box-shadow: 0 0 1px 2px rgba(0, 53, 84, 0.5);
background-color: white;
overflow-y: scroll;
}
#sln-debug-sticky-panel,
#sln-settings-links {
position: sticky;
height: 50px;
top: 0;
z-index: 802;
display: flex;
justify-items: flex-start;
flex-direction: row-reverse;
align-items: center;
background-color: white;
white-space: nowrap;
overflow: hidden;
padding-left: 1%;
box-shadow: 0 1px 5px 0px rgba(0, 53, 83, 0.5);
}
#sln-debug-sticky-panel .bar {
width: 20px;
height: 2px;
background-color: #333;
margin: 3px 0;
}
#sln-settings-links,
#sln-settings-links li {
margin: 0;
}
#sln-debug-sticky-panel nav ul li a {
text-decoration: none;
margin-right: 5px;
color: #666;
}
#close-debug-table,
#disable-debug-table {
text-align: center;
color: blue;
margin-right: 1%;
margin-left: auto;
}
#close-debug-table {
margin-left: 0;
}
#close-debug-table:hover,
#disable-debug-table:hover {
color: red;
}
.sln-debug--failed {
color: red;
}
@media only screen and (min-width: 768px) {
.sln-credits {
padding: 0 1em;
}
}
.sln-credits.sln-salon--l-credits {
width: 100vw;
}
@media only screen and (min-width: 768px) {
.sln-credits.sln-salon--l-credits {
width: 100%;
}
}
@media only screen and (min-width: 992px) {
.sln-credits.sln-salon--l-credits {
max-width: calc(900px - 2em);
}
}
.sln-credits.sln-salon--m-credits {
width: 100%;
}
@media only screen and (min-width: 992px) {
.sln-credits.sln-salon--m-credits {
max-width: calc(600px - 2em);
}
}
.sln-credits.sln-salon--s-credits {
width: 100%;
}
@media only screen and (min-width: 992px) {
.sln-credits.sln-salon--s-credits {
max-width: calc(400px - 2em);
}
}