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-rtl.css |
/*! 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;
}
*/
#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; }
.sln-loader, #sln-salon.sln-salon--s .sln-thankyou .sln-icon-wrapper .sln-icon {
position: absolute;
right: 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-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-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-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 {
-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 {
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-text--main, #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: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-page:not(.sln-salon-page-customcolors) .select2-container.select2-container--sln .select2-results__option--highlighted[aria-selected], .sln-salon-page:not(.sln-salon-page-customcolors) .select2-container.select2-container--sln .select2-results__option[aria-selected="true"], .sln-btn--emphasis, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit,
#sln-salon .sln-btn--emphasis,
.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-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-btn--emphasis button,
#sln-salon .sln-btn--emphasis 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: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-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: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-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--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--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--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--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-stepper .step .step-number, .sln-stepper .step.step--active .step-number {
color: white; }
#sln-salon .sln-salon-title,
#sln-salon .salon-step-title, .sln-text--contrast, #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 .sln-input .help-block,
#sln-salon.sln-loginform #loginform .help-block, #sln-salon .sln-input .help-block a,
#sln-salon.sln-loginform #loginform .help-block a, #sln-salon .sln-input .sln-input--addon, .sln-salon-page:not(.sln-salon-page-customcolors) .select2-container.select2-container--sln, .sln-btn--nobkg,
#sln-salon .sln-btn--nobkg,
.sln-bootstrap .sln-btn--nobkg, .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--borderonly,
#sln-salon .sln-btn--borderonly,
.sln-bootstrap .sln-btn--borderonly, .sln-alert,
#sln-salon .alert, .sln-stepper .step.step--active .step-label, #sln-salon, .sln-steps-price, #sln-salon .sln-attendant-list--multiple .sln-steps-name.sln-service-name, #sln-salon .sln-thankyou--okbox h2, #sln-salon .sln-thankyou--okbox h3, #sln-salon .sln-thankyou--okbox h4, #sln-salon .sln-thankyou--okbox .sln-icon-wrapper .sln-icon, .sln-payment-actions h4 {
color: #004258; }
.sln-text--contrast--alpha {
color: rgba(0, 66, 88, 0.3); }
.sln-text--dark, .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-steps-description, .sln-summary-row .label,
#sln-salon .sln-summary-row .label, .sln-total-label,
.sln-total-price {
color: black; }
.sln-text--emphasis, #sln-salon .sln-panel .sln-panel-heading, #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-checkbox input:checked + label:after,
.sln-checkbox input:checked + label:hover:after, #sln-salon.sln-loginform #loginform .login-remember label.is-checked:after,
#sln-salon.sln-loginform #loginform .login-remember label.is-checked:hover:after, .sln-alert a,
#sln-salon .alert a, .sln-alert.sln-alert--wait::after,
.sln-alert--wait::after, .sln-steps-name {
color: #0277bd; }
.sln-text--emphasis--hoverk, .sln-checkbox input + label:hover:after, #sln-salon.sln-loginform #loginform .login-remember label:hover:after, .sln-alert a:hover,
#sln-salon .alert a:hover, .sln-steps-name:hover {
color: #0091ea; }
.sln-text--grey, .sln-stepper .step .step-label, #sln-salon .sln-data-desc,
#sln-salon .sln-data-desc .label {
color: #888; }
#sln-salon .sln-panel .sln-panel-heading .sln-btn--borderonly, #sln-salon .sln-panel .sln-panel-heading .sln-btn--nobkg, #sln-salon .datetimepicker.sln-datetimepicker .sln-datetimepicker-close:hover,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker .sln-datetimepicker-close: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 .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.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 .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 {
color: #fff; }
.sln-text--ok, .sln-alert--success:after,
#sln-salon .alert-success:after {
color: #5bc24c; }
#sln-salon .datetimepicker.sln-datetimepicker .sln-datetimepicker-close,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker .sln-datetimepicker-close, .sln-alert--problem:after,
#sln-salon .sln-alert--problem:after,
#sln-salon .alert-danger:after {
color: #d22221; }
.sln-alert--warning:after,
#sln-salon .alert-warning:after, .sln-alert--info:after,
#sln-salon .sln-alert--info: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-checkbox input + label:before, .sln-checkbox input[type="checkbox"][disabled] + label:before, #sln-salon.sln-loginform #loginform .login-remember label:before, #sln-salon.sln-loginform #loginform .login-remember input[type="checkbox"][disabled] + label:before, .sln-radiobox input + label:before, .sln-radiobox input + label:after, .sln-radiobox input[type="radio"][disabled] + label:before, #sln-salon {
background-color: white; }
#sln-salon .datetimepicker.sln-datetimepicker,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker, #sln-salon .datetimepicker.sln-datetimepicker .sln-datetimepicker-close,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker .sln-datetimepicker-close {
background-color: white; }
#sln-salon .datetimepicker.sln-datetimepicker table tr td.active:hover,
#sln-salon .datetimepicker.sln-datetimepicker table tr td.active.disabled: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,
#sln-salon .datetimepicker.sln-datetimepicker table tr td.active.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.disabled: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,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.active.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.disabled: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,
#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],
#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.disabled: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,
#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],
#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-input .sln-input--addon:after {
background-color: #004258; }
.sln-stepper .step .step-number {
background-color: rgba(0, 66, 88, 0.3); }
#sln-salon .sln-panel .sln-panel-heading .sln-btn--borderonly, #sln-salon .sln-panel .sln-panel-heading .sln-btn--nobkg, #sln-salon .datetimepicker.sln-datetimepicker table tr td.day.active:not(.disabled),
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.hour.active:not(.disabled),
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.minute.active:not(.disabled),
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.month.active:not(.disabled),
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.year.active:not(.disabled),
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td.day.active:not(.disabled),
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.hour.active:not(.disabled),
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.minute.active:not(.disabled),
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.month.active:not(.disabled),
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.year.active:not(.disabled), .sln-radiobox input:checked + label:after,
.sln-radiobox input:checked + label:hover:after, .sln-salon-page:not(.sln-salon-page-customcolors) .select2-container.select2-container--sln .select2-results__option[aria-selected="true"], .sln-btn--emphasis, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit,
#sln-salon .sln-btn--emphasis,
.sln-bootstrap .sln-btn--emphasis, .sln-stepper .step.step--active .step-number {
background-color: #0277bd; }
#sln-salon .sln-panel .sln-panel-heading .sln-btn--borderonly:hover, #sln-salon .sln-panel .sln-panel-heading .sln-btn--nobkg:hover, #sln-salon .datetimepicker.sln-datetimepicker table tr td.day:not(.disabled):hover,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.hour:not(.disabled):not(.active):hover,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.minute:not(.disabled):not(.active):hover,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.month:not(.disabled):not(.active):hover,
#sln-salon .datetimepicker.sln-datetimepicker table tr td span.year:not(.disabled):not(.active):hover,
#sln-salon #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 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 .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-radiobox input + label:hover:after, #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-page:not(.sln-salon-page-customcolors) .select2-container.select2-container--sln .select2-results__option--highlighted[aria-selected], .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-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 {
background-color: #0091ea; }
.sln-btn--nobkg,
#sln-salon .sln-btn--nobkg,
.sln-bootstrap .sln-btn--nobkg, .sln-btn--borderonly,
#sln-salon .sln-btn--borderonly,
.sln-bootstrap .sln-btn--borderonly, .sln-alert--success,
#sln-salon .alert-success, .sln-alert--problem,
#sln-salon .sln-alert--problem,
#sln-salon .alert-danger, .sln-steps-description hr, #sln-salon .sln-attendant-list--multiple .sln-steps-name.sln-service-name, #sln-salon .sln-thankyou--okbox hr, #sln-salon .sln-total hr {
background-color: transparent; }
#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; }
#sln-salon .sln-thankyou--okbox::after, #sln-salon .sln-thankyou--okbox.sln-bkg--attention::after, #sln-salon .sln-thankyou--okbox.sln-pending-payment-box::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; }
#sln-salon .sln-total hr {
border-color: #004258; }
#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-content, #sln-salon .datetimepicker.sln-datetimepicker.datetimepicker-dropdown-bottom-right,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker.datetimepicker-dropdown-bottom-right, .sln-btn--borderonly,
#sln-salon .sln-btn--borderonly,
.sln-bootstrap .sln-btn--borderonly, .snl-error-list-item, #sln-salon, .sln-steps-description hr, .sln-list--dashed li,
ul.sln-list--dashed li,
#sln-salon .sln-list--dashed li,
#sln-salon ul.sln-list--dashed li, #sln-salon .sln-attendant-list--multiple .sln-steps-name.sln-service-name, #sln-salon .sln-thankyou--okbox hr {
border-color: rgba(0, 66, 88, 0.3); }
#sln-salon .sln-panel .sln-panel-heading .sln-btn--borderonly, .sln-checkbox input + label:before, #sln-salon.sln-loginform #loginform .login-remember label:before, .sln-radiobox input + label:before {
border-color: #0277bd; }
#sln-salon .sln-panel .sln-panel-heading .sln-btn--borderonly:hover, .sln-checkbox input + label:hover:before, #sln-salon.sln-loginform #loginform .login-remember label:hover: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-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-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-alert a:hover,
#sln-salon .alert a:hover {
border-color: #0091ea; }
.sln-alert a,
#sln-salon .alert a {
border-color: transparent; }
.sln-checkbox input[type="checkbox"][disabled] + label:before, #sln-salon.sln-loginform #loginform .login-remember input[type="checkbox"][disabled] + label:before, .sln-radiobox input[type="radio"][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; }
@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: rtl;
-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; }
#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, #sln-salon.sln-salon--s .sln-thankyou .sln-thankyou--okbox h2 .sln-icon, #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, #sln-salon.sln-salon--s .sln-thankyou .sln-thankyou--okbox h2 .sln-icon, #sln-salon.sln-salon--s .sln-thankyou .sln-thankyou--okbox h4 {
font-size: 1.6em; } }
#sln-salon h2 {
font-size: 1.4em; }
#sln-salon h3 {
font-size: 1.2em; }
#sln-salon p,
#sln-salon .salon-step-title, #sln-salon .sln-panel .sln-panel-heading, #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 .datetimepicker.sln-datetimepicker table,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table, #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 .sln-input .sln-input--addon, #sln-salon .select2-container.select2-container--sln .select2-selection--single .select2-selection__rendered, #sln-salon .select2-container.select2-container--sln .select2-selection--single,
#sln-salon .select2-container.select2-container--sln .select2-selection--multiple, #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-page .select2-container.select2-container--sln .select2-search.select2-search--dropdown input[type="search"], #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 .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--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-alert,
#sln-salon .alert, .sln-stepper .step .step-number, #sln-salon .sln-data-desc,
#sln-salon .sln-data-desc .label, .sln-steps-duration,
#sln-salon .sln-steps-duration, .sln-steps-duration small,
#sln-salon .sln-steps-duration small, .sln-summary-row .label,
#sln-salon .sln-summary-row .label, #sln-salon .sln-thankyou--okbox h2, #sln-salon.sln-salon--s .sln-thankyou .sln-thankyou--okbox h2, .sln-pending-payment-box--booking-number, .sln-pending-payment-box--amount, .sln-salon-page .select2-container.select2-container--sln .select2-results__option--highlighted[aria-selected] {
font-size: 1em; }
#sln-salon .sln-input label,
#sln-salon.sln-loginform #loginform label, .sln-checkbox label, #sln-salon.sln-loginform #loginform .login-remember label, .sln-radiobox label, #sln-salon .sln-btn.sln-btn--noheight, #sln-salon .sln-btn--medium, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit, .sln-alert.sln-alert-medium, .snl-error-list-item, .sln-stepper .step, .sln-summary__terms {
font-size: 0.8em; }
#sln-salon h2 {
line-height: 1.8em; }
#sln-salon h3 {
line-height: 1.6em; }
#sln-salon p,
#sln-salon .salon-step-title, #sln-salon .sln-panel .sln-panel-heading, #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 .datetimepicker.sln-datetimepicker table,
#sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table, #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 .sln-input .sln-input--addon, #sln-salon .select2-container.select2-container--sln .select2-selection--single .select2-selection__rendered, #sln-salon .select2-container.select2-container--sln .select2-selection--single,
#sln-salon .select2-container.select2-container--sln .select2-selection--multiple, #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-page .select2-container.select2-container--sln .select2-search.select2-search--dropdown input[type="search"], #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 .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--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-alert,
#sln-salon .alert, .sln-stepper .step .step-number, #sln-salon .sln-data-desc,
#sln-salon .sln-data-desc .label, .sln-steps-duration,
#sln-salon .sln-steps-duration, .sln-steps-duration small,
#sln-salon .sln-steps-duration small, .sln-summary-row .label,
#sln-salon .sln-summary-row .label, #sln-salon .sln-thankyou--okbox h2, #sln-salon.sln-salon--s .sln-thankyou .sln-thankyou--okbox h2, .sln-pending-payment-box--booking-number, .sln-pending-payment-box--amount {
line-height: 1.4em; }
#sln-salon .sln-input label,
#sln-salon.sln-loginform #loginform label, .sln-checkbox label, #sln-salon.sln-loginform #loginform .login-remember label, .sln-radiobox label, #sln-salon .sln-btn.sln-btn--noheight, #sln-salon .sln-btn--medium, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit, .sln-alert.sln-alert-medium, .snl-error-list-item, .sln-stepper .step, .sln-summary__terms {
line-height: 1.4em; }
#sln-salon {
font-size: 18px; }
#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-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% {
right: -102%; }
50% { }
100% {
right: 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: right;
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%);
left: 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;
left: 0.83333rem;
bottom: 0;
right: 0.83333rem;
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;
right: 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.025; }
#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-right: 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-right: 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-right: 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: rtl; }
.datetimepicker-inline {
width: 220px; }
.datetimepicker.datetimepicker-rtl {
direction: ltr; }
.datetimepicker.datetimepicker-rtl table tr td span {
float: left; }
.datetimepicker-dropdown,
.datetimepicker-dropdown-left {
top: 0;
right: 0; }
[class*=" datetimepicker-dropdown"]:before {
content: "";
display: inline-block;
border-right: 7px solid transparent;
border-left: 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-right: 6px solid transparent;
border-left: 6px solid transparent;
border-bottom: 6px solid #fff;
position: absolute; }
[class*=" datetimepicker-dropdown-top"]:before {
content: "";
display: inline-block;
border-right: 7px solid transparent;
border-left: 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-right: 6px solid transparent;
border-left: 6px solid transparent;
border-top: 6px solid #fff;
border-bottom: 0; }
.datetimepicker-dropdown-bottom-left:before {
top: -7px;
left: 6px; }
.datetimepicker-dropdown-bottom-left:after {
top: -6px;
left: 7px; }
.datetimepicker-dropdown-bottom-right:before {
top: -7px;
right: 6px; }
.datetimepicker-dropdown-bottom-right:after {
top: -6px;
right: 7px; }
.datetimepicker-dropdown-top-left:before {
bottom: -7px;
left: 6px; }
.datetimepicker-dropdown-top-left:after {
bottom: -6px;
left: 7px; }
.datetimepicker-dropdown-top-right:before {
bottom: -7px;
right: 6px; }
.datetimepicker-dropdown-top-right:after {
bottom: -6px;
right: 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 {
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: 100%;
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: right;
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: 100%;
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 {
border-radius: 0;
width: 100%; }
#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 {
right: 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 {
right: 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 {
right: 20%; } }
#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.15rem;
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 .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: rtl;
-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: rtl;
-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: rtl;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
font-size: 1.6em;
line-height: 0;
display: inline-block;
left: 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;
left: 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: 25%; }
#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: 1.5em;
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: 0.8em; } }
@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.6em -20px 0.4em;
font-size: 0.8em; } }
@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.7rem;
line-height: 1.7;
font-size: 0.8rem; } }
#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;
left: 0;
bottom: 0;
right: 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; }
@media only screen and (max-width: 767px) {
#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: 0.8em; } }
#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: 1rem; } }
@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.8rem; } }
#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;
scrollbar-color: #0277bd rgba(100, 100, 100, 0.2);
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: 1rem;
margin-bottom: 1rem; } }
@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: 1rem;
margin-bottom: 2rem; } }
#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-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: rtl;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
font-size: 60;
line-height: 0;
font-style: normal;
font-weight: normal;
line-height: 3.33333rem;
-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,
.sln-box--formactions #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--icon.sln-icon--back#wp-submit:after,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions .sln-btn--icon.sln-icon--back#wp-submit:after {
font-size: 1.22222rem;
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,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--icon.sln-icon--cancel#wp-submit {
padding-right: 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,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--icon.sln-icon--cancel#wp-submit:after {
font-size: 1.38889rem;
display: flex;
align-items: center; }
#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;
-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 .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: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: white;
border-color: rgba(0, 66, 88, 0.3); }
#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.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-checkbox label, #sln-salon.sln-loginform #loginform .login-remember label, .sln-radiobox label {
font-weight: 400;
padding: 0.8em 0 0.8em 1.2em;
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] {
position: absolute;
margin-right: -9999px;
visibility: hidden;
width: 1.6em;
z-index: 2;
height: 1.6em;
opacity: 0; }
.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 {
outline: none; }
.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; }
@media only screen and (min-width: 768px) {
.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 {
display: block;
position: absolute;
top: 0;
right: 0;
width: 1.8em;
height: 1.76em; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.sln-checkbox input + label:before, .sln-checkbox input + label:after {
width: 24px;
height: 24px; } }
.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 {
border-width: 2px; } }
.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: rtl;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
font-size: 1.6em;
line-height: 0;
line-height: 1.2em;
top: -0.03em;
right: 0.08em;
width: 1em;
height: 1em;
text-align: center; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.sln-checkbox input + label:after {
font-family: "FontAwesome";
font-weight: 900;
font-size: 18px;
line-height: 0;
line-height: 0;
top: 12px;
right: 3px;
width: 16px;
height: 16px; } }
.sln-checkbox input + label:hover:after {
opacity: 0.75; }
.sln-checkbox input:checked + label:after,
.sln-checkbox input:checked + label:hover:after {
opacity: 1; }
.sln-checkbox label span {
display: inline-block;
padding-right: 0.6em;
font-weight: 700; }
.sln-checkbox input[required="required"] + label {
z-index: 2; }
.sln-checkbox input[type="checkbox"][disabled] + label {
cursor: not-allowed; }
.sln-checkbox input[type="checkbox"][disabled] + label:before {
cursor: not-allowed; }
.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-remember input,
#sln-salon.sln-loginform #loginform .login-remember input[disabled] {
position: absolute;
margin-right: -9999px;
visibility: hidden;
width: 1.6em;
z-index: 2;
background: red;
height: 1.6em;
opacity: 0; }
#sln-salon.sln-loginform #loginform .login-remember label {
margin: 0.2em 0;
display: block;
position: relative;
cursor: pointer;
outline: none;
user-select: none;
padding: 0;
padding-top: 0.2em;
padding-right: 2.4em;
height: 1.6em;
display: block; }
@media only screen and (min-width: 768px) {
#sln-salon.sln-loginform #loginform .login-remember 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-remember label:before, #sln-salon.sln-loginform #loginform .login-remember label:after {
display: block;
position: absolute;
top: 0;
right: 0;
width: 1.8em;
height: 1.76em; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#sln-salon.sln-loginform #loginform .login-remember label:before, #sln-salon.sln-loginform #loginform .login-remember label:after {
width: 24px;
height: 24px; } }
#sln-salon.sln-loginform #loginform .login-remember 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-remember label:before {
border-width: 2px; } }
#sln-salon.sln-loginform #loginform .login-remember 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: rtl;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
font-size: 1.6em;
line-height: 0;
line-height: 1.2em;
top: -0.03em;
right: 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-remember label:after {
font-family: "FontAwesome";
font-weight: 900;
font-size: 18px;
line-height: 0;
line-height: 0;
top: 12px;
right: 3px;
width: 16px;
height: 16px; } }
#sln-salon.sln-loginform #loginform .login-remember label:hover:after {
opacity: 0.5; }
#sln-salon.sln-loginform #loginform .login-remember label.is-checked:after,
#sln-salon.sln-loginform #loginform .login-remember label.is-checked:hover:after {
opacity: 1; }
#sln-salon.sln-loginform #loginform .login-remember label span {
display: inline-block;
padding-right: 0.6em;
font-weight: 700; }
#sln-salon.sln-loginform #loginform .login-remember input[type="checkbox"][disabled] + label {
cursor: not-allowed; }
#sln-salon.sln-loginform #loginform .login-remember input[type="checkbox"][disabled] + label:before {
cursor: not-allowed; }
#sln-salon.sln-loginform #loginform .login-remember input[type="checkbox"][disabled] + label:hover:after {
cursor: not-allowed;
opacity: 0; }
.sln-radiobox input {
position: absolute;
margin-right: -9999px;
visibility: hidden; }
.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 {
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 {
content: " ";
display: block;
position: absolute;
top: 0;
right: 0;
padding: 1px;
width: 28px;
height: 28px;
border-radius: 50%; }
.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 {
border-width: 0.2em; } }
.sln-radiobox input + label:after {
width: 18px;
height: 18px;
top: 5px;
right: 5px;
transition: background 0.15s;
backface-visibility: hidden;
text-align: center;
opacity: 0; }
.sln-radiobox input + label:hover:after {
opacity: 1; }
.sln-radiobox input:checked + label:after,
.sln-radiobox input:checked + label:hover:after {
opacity: 1; }
.sln-radiobox input[type="radio"][disabled] + label {
cursor: not-allowed; }
.sln-radiobox input[type="radio"][disabled] + label:before {
cursor: not-allowed; }
.sln-radiobox input[type="radio"][disabled] + label:hover:after {
cursor: not-allowed;
opacity: 0; }
#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;
left: 0;
bottom: 0;
right: 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 45%; }
#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: white;
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.66667rem;
max-height: 30vh; }
.sln-salon-page .select2-container.select2-container--sln .select2-results__option {
padding: 0.41667rem 0.83333rem;
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.44444rem;
position: absolute;
top: calc(50% - 10px);
left: 1.11111rem;
width: 1.11111rem;
height: 1.11111rem; }
.sln-salon-page .select2-container.select2-container--sln .select2-selection--single .select2-selection__arrow b {
display: none; }
.sln-salon-page .select2-container.select2-container--sln .select2-selection--single .select2-selection__arrow:before {
display: block;
width: 1.11111rem;
height: 1.11111rem;
content: "\f078";
position: absolute;
top: 0;
right: 0;
line-height: 1.11111rem;
color: currentColor; }
.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: white; }
.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: white; }
.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: white;
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: white;
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-btn, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit,
.sln-bootstrap .sln-btn,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap #wp-submit,
a.sln-btn,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform a#wp-submit,
.sln-bootstrap a.sln-btn,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform a#wp-submit,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap a#wp-submit {
text-align: center;
border: none;
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;
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-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 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 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,
a.sln-btn input,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform a#wp-submit input,
a.sln-btn button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform a#wp-submit button,
a.sln-btn a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform a#wp-submit a,
.sln-bootstrap a.sln-btn input,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform a#wp-submit input,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap a#wp-submit input,
.sln-bootstrap a.sln-btn button,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform a#wp-submit button,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap a#wp-submit button,
.sln-bootstrap a.sln-btn a,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform a#wp-submit a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap a#wp-submit a {
width: 100%;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: 0;
z-index: 500;
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-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: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: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,
a.sln-btn:hover,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform a#wp-submit:hover,
a.sln-btn:focus,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform a#wp-submit:focus,
a.sln-btn:active,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform a#wp-submit:active,
.sln-bootstrap a.sln-btn:hover,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform a#wp-submit:hover,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap a#wp-submit:hover,
.sln-bootstrap a.sln-btn:focus,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform a#wp-submit:focus,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap a#wp-submit:focus,
.sln-bootstrap a.sln-btn:active,
.sln-bootstrap #sln-salon.sln-loginform:not(.sln-customcolors) #loginform a#wp-submit:active,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-bootstrap a#wp-submit:active {
text-decoration: none;
text-shadow: none;
outline: 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;
left: initial;
left: auto;
bottom: initial;
bottom: auto;
right: initial;
right: 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;
left: initial;
left: auto;
bottom: initial;
bottom: auto;
right: initial;
right: auto;
padding: 1em 0.5em;
text-transform: uppercase; }
#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: inline-block;
padding: 0 0.5em;
line-height: 3.6em;
height: 3.6em;
font-weight: normal;
text-transform: uppercase; }
#sln-salon .sln-btn--medium.sln-btn--icon--left, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--icon--left#wp-submit {
padding-left: 1em;
padding-right: 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: inline-block;
padding: 0 0.5em !important;
line-height: 3.6em;
font-weight: normal;
height: 3.6em;
text-transform: uppercase; }
#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-left: 1em;
padding-right: 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-left: 2em;
padding-right: 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 {
right: 10px; }
#sln-salon.sln-salon--m .sln-box--formactions .sln-btn--medium.sln-btn--icon--left, #sln-salon.sln-salon--m .sln-box--formactions #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--icon--left#wp-submit, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #sln-salon.sln-salon--m .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-salon--m .sln-box--formactions #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--icon--left#wp-submit, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #sln-salon.sln-salon--m .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-salon--s .sln-box--formactions #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--icon--left#wp-submit, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #sln-salon.sln-salon--s .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-salon--s .sln-box--formactions #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--icon--left#wp-submit, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #sln-salon.sln-salon--s .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-salon--m .sln-box--formactions #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--icon--left#wp-submit::after, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #sln-salon.sln-salon--m .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-salon--s .sln-box--formactions #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--icon--left#wp-submit::after,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #sln-salon.sln-salon--s .sln-box--formactions .sln-btn--icon--left#wp-submit::after {
right: 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-salon--m .sln-box--formactions #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--icon--left#wp-submit::after, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #sln-salon.sln-salon--m .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-salon--s .sln-box--formactions #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--icon--left#wp-submit::after,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #sln-salon.sln-salon--s .sln-box--formactions .sln-btn--icon--left#wp-submit::after {
right: 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-salon--m .sln-box--formactions #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--icon--left#wp-submit::after, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #sln-salon.sln-salon--m .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-salon--s .sln-box--formactions #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--icon--left#wp-submit::after,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #sln-salon.sln-salon--s .sln-box--formactions .sln-btn--icon--left#wp-submit::after {
right: 0; } }
.sln-btn--minwidth {
min-width: 10em; }
.sln-btn--fullwidth, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit {
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-left: 1em;
padding-right: 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-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 {
text-decoration: none; }
.sln-btn--borderonly,
#sln-salon .sln-btn--borderonly,
.sln-bootstrap .sln-btn--borderonly {
border-style: solid;
border-width: 1px; }
.sln-btn--icon {
text-align: right;
position: relative;
background-color: #fff; }
.sln-btn--icon input,
.sln-btn--icon button {
text-align: right; }
.sln-btn--icon:after {
content: "\f111";
display: inline-block;
position: absolute;
top: 0;
left: 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: rtl;
-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: 200; }
@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: rtl;
-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-left: 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: rtl;
-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-left: 1em;
padding-right: 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-left: 1em;
padding-right: 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: rtl;
-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: left; }
.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: right; }
.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: right; }
.sln-btn--icon.sln-btn--icon--left button {
text-align: left; }
.sln-btn--icon.sln-btn--icon--left:after {
top: 0;
left: auto;
left: initial;
bottom: 0;
right: 0; }
.sln-btn--icon.sln-btn--icon--left.sln-btn--big {
padding-left: 4em;
padding-right: 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-right: 2.72222rem;
text-align: right;
-webkit-transition: padding-right 200ms;
-moz-transition: padding-right 200ms;
-o-transition: padding-right 200ms;
transition: padding-right 200ms; }
.sln-btn--fb svg,
#sln-salon .sln-btn--fb svg {
max-height: 2rem;
max-width: 2rem;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
fill: #0277bd;
-webkit-transition: fill 200ms, right 200ms;
-moz-transition: fill 200ms, right 200ms;
-o-transition: fill 200ms, right 200ms;
transition: fill 200ms, right 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-right: 3.33333rem; }
.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 {
right: 0.55556rem;
fill: white; }
#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: rtl;
-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;
right: 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;
right: 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 0 0.6em 1.6em;
text-align: right; }
.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: rtl;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
font-size: 2em;
line-height: 0;
display: inline-block;
content: "\f05a";
position: absolute;
top: 50%;
right: 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;
right: 0.4em; } }
.sln-step-thankyou .sln-alert {
margin-top: 3em;
padding: 3em 0 0.6em 0;
text-align: right; }
.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: rtl;
-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;
right: 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 {
right: 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 3em 0.6em 1.6em; } }
@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 3em 0.6em 1.6em; } }
#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 2em 0.5em 1.6em;
margin: 0.4em 0;
font-weight: bold;
text-align: right; }
.sln-alert.sln-alert-medium:after {
right: 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;
right: 1em;
border-top: 2px solid currentColor;
border-left: 2px solid transparent;
border-bottom: 2px solid currentColor;
border-right: 2px solid currentColor;
border-radius: 50%;
border-radius: 9999px;
border-top-right-radius: 50%;
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-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 {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 2;
background-color: transparent !important;
overflow: hidden; }
#sln-salon.sln-step-date #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 {
background-color: #0277bd;
display: block;
width: 75%;
padding: 3.4em 1em 1em 1em;
position: absolute;
top: 50%;
right: 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 {
text-transform: uppercase; }
#sln-salon.sln-step-date #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 {
display: inline-block;
width: auto;
min-width: 54%;
padding: 1em 3.2em 1em 2em; }
#sln-salon.sln-step-date #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 {
width: auto;
min-width: 0;
padding: 1em 3.2em 1em 2em; }
#sln-salon.sln-step-date #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 .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-right-radius: 50%;
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;
font-family: Arial; }
.sln-stepper .step .step-label {
text-transform: capitalize;
padding-right: .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 1em 1em 0; }
#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; }
@media screen and (max-width: 767px) {
#sln-salon-my-account {
margin-left: -1em;
margin-right: -1em; } }
#sln-salon-my-account #salon-my-account-profile-form {
padding: 2em 0; }
#sln-salon-my-account #salon-my-account-profile-form .container-fluid > .row {
display: flex;
flex-wrap: wrap; }
#sln-salon-my-account #salon-my-account-profile-form .sln-input--simple {
align-self: flex-end; }
#sln-salon-my-account #salon-my-account-profile-form .select2-container {
margin-bottom: 0.8em; }
#sln-salon-my-account #salon-my-account-profile-form textarea {
display: block; }
#sln-salon-my-account #salon-my-account-profile-form .sln-form-actions {
margin-top: 2em; }
#sln-salon-my-account .sln-salon-title {
padding: 1em 1em 0 1em; }
@media only screen and (min-width: 768px) {
#sln-salon-my-account .sln-salon-title {
padding: 0; } }
#sln-salon-my-account h1 {
color: #333;
text-align: center;
text-transform: uppercase;
font-size: 1.1em;
margin: 1em 0 2em 0; }
#sln-salon-my-account h1 .icocal {
margin-right: 30px;
margin-top: 0px;
position: absolute;
display: inline-block; }
#sln-salon-my-account .btn:hover {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
#sln-salon-my-account .sln-salon-my-account-tab-nav.nav.nav-tabs {
margin-top: 2em;
border: none;
margin-bottom: 0; }
#sln-salon-my-account .sln-salon-my-account-tab-nav.nav.nav-tabs li {
padding: 0 !important; }
#sln-salon-my-account .sln-salon-my-account-tab-nav.nav.nav-tabs li a {
color: currentColor;
border-bottom: none;
position: relative;
cursor: pointer;
text-decoration: none; }
#sln-salon-my-account .sln-salon-my-account-tab-nav.nav.nav-tabs li a::before {
display: block;
content: "";
height: 0.1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: currentColor;
opacity: 0.075;
-webkit-transition: opacity 200ms, opacity 250ms;
-moz-transition: opacity 200ms, opacity 250ms;
-o-transition: opacity 200ms, opacity 250ms;
transition: opacity 200ms, opacity 250ms; }
#sln-salon-my-account .sln-salon-my-account-tab-nav.nav.nav-tabs li a::after {
display: block;
content: "";
height: 100%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: currentColor;
opacity: 0;
-webkit-transition: opacity 200ms, opacity 250ms;
-moz-transition: opacity 200ms, opacity 250ms;
-o-transition: opacity 200ms, opacity 250ms;
transition: opacity 200ms, opacity 250ms; }
#sln-salon-my-account .sln-salon-my-account-tab-nav.nav.nav-tabs li a:hover::before {
display: none; }
#sln-salon-my-account .sln-salon-my-account-tab-nav.nav.nav-tabs li a:hover::after {
opacity: 0.25; }
@media only screen and (min-width: 768px) {
#sln-salon-my-account .sln-salon-my-account-tab-nav.nav.nav-tabs li a {
border-bottom: none; }
#sln-salon-my-account .sln-salon-my-account-tab-nav.nav.nav-tabs li a::after {
height: 0.2em; } }
#sln-salon-my-account .sln-salon-my-account-tab-nav.nav.nav-tabs li:last-child a {
border-bottom: none; }
#sln-salon-my-account .sln-salon-my-account-tab-nav.nav.nav-tabs li.active a {
opacity: 1;
background: transparent; }
#sln-salon-my-account .sln-salon-my-account-tab-nav.nav.nav-tabs li.active a::after {
opacity: 0.075; }
@media only screen and (min-width: 768px) {
#sln-salon-my-account .sln-salon-my-account-tab-nav.nav.nav-tabs li.active a::after {
opacity: 1; } }
#sln-salon-my-account .sln-salon-my-account-tab-nav.nav.nav-tabs > li {
margin-bottom: 0;
margin-right: 0; }
#sln-salon-my-account .sln-salon-my-account-tab-nav.nav.nav-tabs > li > a {
margin-left: 0;
border-top: none;
border-left: none;
border-right: none; }
#sln-salon-my-account .sln-salon-my-account-tab-nav.nav.nav-tabs > li > a:hover, #sln-salon-my-account .sln-salon-my-account-tab-nav.nav.nav-tabs > li > a:focus, #sln-salon-my-account .sln-salon-my-account-tab-nav.nav.nav-tabs > li > a:active {
outline: none;
background: transparent; }
#sln-salon-my-account .sln-salon-my-account-tab-nav.nav.nav-tabs li a,
#sln-salon-my-account .sln-salon-my-account-tab-nav.nav.nav-tabs li div {
border-radius: 0px;
padding: 20px 15px;
font-weight: normal;
font-size: 0.8em; }
#sln-salon-my-account .sln-salon-my-account-tab-nav.nav.nav-tabs li div {
margin-left: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
padding: 10px 15px;
font-size: x-large; }
#sln-salon-my-account .sln-salon-my-account-tab-content {
margin-top: 0; }
#sln-salon-my-account .sln-salon-my-account-tab-pane {
padding: 20px 0 !important;
outline: none; }
#sln-salon-my-account .hint {
padding: 2em 1em; }
@media only screen and (min-width: 768px) {
#sln-salon-my-account .hint {
padding: 2em 0; } }
#sln-salon-my-account .sln-alert {
width: 100%; }
@media only screen and (min-width: 768px) {
#sln-salon-my-account .sln-alert {
padding-right: 3em; } }
#sln-salon-my-account .table {
border: none !important; }
#sln-salon-my-account .table tr {
border: none !important;
background-color: transparent; }
#sln-salon-my-account .table td {
color: #555555;
text-align: center; }
#sln-salon-my-account .table thead td {
text-align: center;
text-transform: uppercase;
border: none !important;
border-bottom: 1px solid #ddd !important;
font-size: 0.7em; }
#sln-salon-my-account .table .sln-datetimepicker {
font-size: 1em; }
#sln-salon-my-account .table > tbody > tr > td {
border: none !important;
border-bottom: 1px solid #ddd !important;
font-size: 0.85em !important; }
#sln-salon-my-account .table tbody tr td:nth-child(6) {
text-transform: uppercase; }
#sln-salon-my-account h3 {
color: black;
margin: 20px 0px; }
#sln-salon-my-account .status {
display: inline-block; }
#sln-salon-my-account .success {
background-color: #5bc24c; }
#sln-salon-my-account .warning,
#sln-salon-my-account .info {
background-color: #f5b025; }
#sln-salon-my-account .danger {
background-color: red; }
#sln-salon-my-account .disabled:not(.day) {
background-color: grey; }
#sln-salon-my-account button {
text-transform: uppercase; }
#sln-salon-my-account .tooltip.right .tooltip-inner {
box-shadow: -1px 1px #cdcdcd, -2px 2px #cdcdcd, -3px 3px #cdcdcd, 1px -1px #cdcdcd;
color: black;
background-color: #ebebeb !important;
padding: 10px;
border: 3px;
min-width: 100px;
width: auto; }
#sln-salon-my-account .tooltip.right .tooltip-inner strong {
color: black; }
#sln-salon-my-account .tooltip.right .tooltip-arrow {
border-left-color: #cdcdcd !important; }
#sln-salon-my-account .tooltip.top .tooltip-inner {
background-color: #919fa7 !important;
max-width: 160px;
text-transform: none;
text-align: right; }
#sln-salon-my-account .tooltip.top .tooltip-arrow {
border-top-color: #919fa7 !important; }
#sln-salon-my-account .tooltip.in {
opacity: 1; }
#sln-salon-my-account .btn {
background-color: silver; }
#sln-salon-my-account .btn.btn-confirm {
background-color: #d51e26;
color: #fff; }
#sln-salon-my-account .btn.btn-confirm:hover {
background-color: #ff000b; }
#sln-salon-my-account .btn .glyphicon {
opacity: 1 !important;
position: auto !important;
position: initial !important;
top: 1px !important;
color: inherit !important;
font-size: 11px;
vertical-align: inherit !important;
-webkit-transition: inherit !important;
-moz-transition: inherit !important;
-o-transition: inherit !important;
transition: inherit !important; }
#sln-salon-my-account .btn {
padding: 4px 8px 6px !important;
font-variant: small-caps !important;
text-transform: lowercase !important;
color: #fff !important;
width: auto !important; }
#sln-salon-my-account .glyphicon-ring {
width: 30px;
height: 30px;
border-radius: 50%;
border: 2px solid #b6b6b6;
color: #b6b6b6;
display: inline-table;
text-align: center; }
#sln-salon-my-account .glyphicon-ring .glyphicon-bordered {
font-size: 20px;
vertical-align: middle;
display: table-cell; }
#sln-salon-my-account .sln-rate-service-on {
margin: 0 3px 0 3px;
color: #e8d826 !important; }
#sln-salon-my-account .sln-rate-service-off {
margin: 0 3px 0 3px;
color: #d6d6d6 !important; }
#sln-salon-my-account .rating {
width: auto;
padding: 4px 8px 6px;
border-radius: 3px;
font-size: 16px;
font-variant: small-caps;
text-transform: lowercase;
font-size: 14px;
white-space: nowrap; }
#sln-salon-my-account .rating img {
vertical-align: text-bottom; }
#sln-salon-my-account .rating i {
vertical-align: auto;
vertical-align: initial;
font-size: 11px;
color: #e8d826; }
#sln-salon-my-account .feedback {
text-align: center; }
#sln-salon-my-account .sln-my-account-message {
display: block;
border: solid 1px #ddd;
min-height: 52px;
line-height: 52px;
padding: 0 1em;
margin: 1em 0 0 0;
text-transform: uppercase;
font-size: 0.7em;
color: #076b9d; }
#sln-salon-my-account .table tbody tr td:not(.day) {
padding-top: 2em; }
#sln-salon-my-account .table tbody tr td:not(.day) .sln-btn, #sln-salon-my-account .table tbody tr td:not(.day) #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #sln-salon-my-account .table tbody tr td:not(.day) #wp-submit {
margin-bottom: 1em; }
#sln-salon-my-account .sln-btn, #sln-salon-my-account #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #sln-salon-my-account #wp-submit,
#sln-salon-my-account .sln-btn a,
#sln-salon-my-account #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit a,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #sln-salon-my-account #wp-submit a {
text-decoration: none; }
#sln-salon-my-account.mobile-version .sln-my-account-message {
margin: 1em 0 0 0; }
#sln-salon-my-account.mobile-version > div:first-child {
margin-bottom: 2em; }
#sln-salon-my-account.mobile-version .table > thead {
display: none; }
#sln-salon-my-account.mobile-version .table-striped > tbody > tr:nth-of-type(even) {
background-color: #fff; }
#sln-salon-my-account.mobile-version .table > tbody > tr {
display: block;
margin: 1em 0 2em 0; }
#sln-salon-my-account.mobile-version .table > tbody > tr > td {
width: 100%;
display: block;
text-align: right;
border: none;
padding: 1em;
padding-left: 1em;
padding-right: 8em;
position: relative;
min-height: 52px;
border-bottom: solid 1px #ddd;
font-weight: 600; }
#sln-salon-my-account.mobile-version .table > tbody > tr > td[data-th="Action"] {
padding-top: 4em;
padding-right: 1em; }
#sln-salon-my-account.mobile-version .table > tbody > tr > td[data-th="Action"] .sln-btn, #sln-salon-my-account.mobile-version .table > tbody > tr > td[data-th="Action"] #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #sln-salon-my-account.mobile-version .table > tbody > tr > td[data-th="Action"] #wp-submit {
margin-bottom: 1em; }
#sln-salon-my-account.mobile-version .table > tbody > tr > td[data-th="Action"]::before {
top: 1em; }
#sln-salon-my-account.mobile-version .table > tbody > tr > td:last-child {
border-bottom: none !important; }
@media only screen and (min-width: 768px) {
#sln-salon-my-account.mobile-version .table > tbody > tr > td {
padding-left: 0;
padding-right: 12em; }
#sln-salon-my-account.mobile-version .table > tbody > tr > td[data-th="Action"] {
padding-right: 0; } }
#sln-salon-my-account.mobile-version .table > tbody > tr {
border: solid 1px #ddd; }
#sln-salon-my-account.mobile-version .table > tbody > tr > td:nth-child(2),
#sln-salon-my-account.mobile-version .table > tbody > tr > td:last-child {
max-width: initial !important;
width: 100% !important; }
#sln-salon-my-account.mobile-version .table > tbody > tr > td:before {
content: attr(data-th) ": ";
font-weight: normal;
color: inherit;
max-width: 10em;
display: inline-block;
position: absolute;
right: 1em; }
@media only screen and (min-width: 768px) {
#sln-salon-my-account.mobile-version .table > tbody > tr > td:before {
right: 0; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#sln-salon-my-account.mobile-version .table > tbody > tr > td:before {
max-width: 12rem;
right: 1.4rem; } }
#sln-salon-my-account.mobile-version .status {
margin-left: 80% !important; }
#sln-salon-my-account.mobile-version .status ~ div {
display: inline-block; }
#sln-salon-my-account.mobile-version .table-bordered {
border: none; }
@media screen and (max-width: 767px) {
#sln-salon-my-account h1 .icocal {
display: none; } }
#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 0 0 10px;
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: "\00d7";
border-radius: 50%;
background: #555555;
border: none;
width: 20px;
height: 20px;
position: absolute;
z-index: 0;
line-height: 20px;
font-size: 20px;
top: 50%;
right: 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 0 0 20px; } }
#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-datalist {
width: 100%; }
.sln-datalist.sln-datalist--styled {
margin-top: 3rem; }
.sln-datalist.sln-datalist--styled .sln-datalist__item {
padding-bottom: 5rem; }
.sln-datalist.sln-datalist--styled:not(.sln-datalist--2cols):not(.sln-datalist--3cols):not(.sln-datalist--4cols) .sln-datalist__item {
margin-bottom: 5rem;
padding-bottom: 5rem;
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;
right: 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-right-radius: 50%;
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-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: right;
padding: 0 0 5rem 5%; }
.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: right;
padding: 0 0 5rem 5%; }
.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: right;
padding: 0 0 5rem 5%; }
.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 0 0 5px;
color: #e6cc00 !important; }
.sln-datashortcode .glyphicon.glyphicon-star-empty {
margin: 0 0 0 5px;
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: 1rem;
padding: 1rem 1rem 1.5rem;
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: 1rem; }
@media only screen and (min-width: 768px) {
.sln-datashortcode--comments .sln-datalist {
display: grid;
grid-gap: 1rem;
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.5rem;
font-weight: bold;
font-size: 1.125rem;
line-height: 1.2; }
.sln-datashortcode--comments .sln-datalist .sln-datalist__item .sln-datalist__item__date {
margin-bottom: 1rem;
padding-bottom: 0 !important;
font-size: 1rem;
line-height: 1.2; }
.sln-datashortcode--comments .sln-datalist .sln-datalist__item .sln-datalist__item__rating {
display: flex;
margin-bottom: 1rem;
font-size: 1.125rem;
align-items: baseline;
line-height: 1.2; }
.sln-datashortcode--comments .sln-datalist .sln-datalist__item .sln-datalist__item__rating .rating {
display: none;
margin-left: 0.5rem; }
.sln-datashortcode--comments .sln-datalist .sln-datalist__item .sln-datalist__item__rating .rating-value {
font-weight: bold;
font-size: 1rem; }
.sln-datashortcode--comments .sln-datalist .sln-datalist__item .sln-datalist__item__comment {
font-size: 1rem;
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-right: 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: .2em; }
#sln-salon {
position: relative;
margin-top: 2em;
margin-bottom: 2em;
padding: 1em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
#sln-salon *,
#sln-salon *:before,
#sln-salon *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
@media only screen and (min-width: 768px) {
#sln-salon {
border-width: 1px;
border-style: solid;
padding: 1.2em; } }
#sln-salon.sln-salon--l {
width: 100%; }
@media only screen and (min-width: 768px) {
#sln-salon.sln-salon--l {
padding: 1.2em; } }
@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: 1.2em; } }
@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: 1.2em; } }
@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: 2em; }
#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-service-description,
#sln-salon .sln-service-description {
margin-top: 1em;
margin-bottom: 2em;
font-size: 1rem;
line-height: 2; }
.sln-steps-price {
display: block; }
@media only screen and (min-width: 768px) {
.sln-steps-price {
text-align: left; } }
.sln-salon--s .sln-steps-price {
display: block; }
@media only screen and (min-width: 768px) {
.sln-salon--s .sln-steps-price {
text-align: right; } }
.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-right: 0;
padding-right: 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-right: 0.83333rem; }
#sln-salon ul li {
list-style: none; }
#sln-salon.sln-salon--s .sln-list--dashed {
display: block; }
#sln-salon .sln-data-desc,
#sln-salon .sln-data-desc .label {
font-weight: normal;
font-weight: normal;
text-align: right; }
.sln-data-val {
text-align: left; }
#sln-salon.sln-salon--s .sln-data-val {
text-align: right;
padding-top: 0.2em;
padding-bottom: 0.6em; }
.sln-salon--l.sln-step-date .sln-box--main:last-child {
margin-bottom: 0; }
.sln-service,
#sln-salon .sln-service {
display: block;
max-width: 200%;
margin-bottom: 4em;
padding-top: 2em;
position: relative; }
@media only screen and (min-width: 768px) {
.sln-service,
#sln-salon .sln-service {
margin-bottom: 2em; } }
.sln-service > *,
#sln-salon .sln-service > * {
z-index: 1; }
.sln-service .sln-service__fkbkg,
#sln-salon .sln-service .sln-service__fkbkg {
display: block;
content: "";
background-color: #0091ea;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 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-service:hover .sln-service__fkbkg,
#sln-salon .sln-service: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; }
.sln-service .sln-alert,
#sln-salon .sln-service .sln-alert {
margin-left: 0.66667rem;
margin-right: 0.66667rem; }
#sln-salon .sln-attendant-list--multiple .sln-steps-name.sln-service-name {
border-bottom-style: solid;
border-bottom-width: 2px;
margin-bottom: 1em; }
#sln-salon .sln-attendant-list {
margin-bottom: 2em; }
@media only screen and (min-width: 992px) {
#sln-salon .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-left: 0.83333rem;
padding-bottom: 1em;
padding-right: 0.83333rem;
position: relative;
display: block;
max-width: 200%; }
.sln-attendant::before,
#sln-salon .sln-attendant::before {
display: block;
content: "";
width: calc(100% - 1.66666rem);
height: 1px;
position: absolute;
left: 0.83333rem;
bottom: 0;
right: 0.83333rem;
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-right-radius: 50%;
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-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;
left: 0;
bottom: 0;
right: 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-right-radius: 50%;
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-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-summary {
margin-top: 2em; }
.sln-summary-row,
#sln-salon .sln-summary-row {
padding: 0;
margin-bottom: 1.6em; }
.sln-summary-row .label,
#sln-salon .sln-summary-row .label {
font-weight: normal;
padding: 0; }
.sln-summary-row .sln-steps-name,
.sln-summary-row .sln-steps-price,
#sln-salon .sln-summary-row .sln-steps-name,
#sln-salon .sln-summary-row .sln-steps-price {
margin-bottom: 0; }
.sln-summary-row hr,
#sln-salon .sln-summary-row hr {
margin: 1.6em 0 0 0;
height: 1px;
border: 0;
border-bottom-style: solid;
border-bottom-width: 0.05556rem;
border-color: currentColor;
background-image: none;
opacity: 0.2; }
.sln-step-summary .sln-total {
margin-bottom: 2em; }
@media only screen and (max-width: 767px) {
.sln-step-summary .sln-total {
margin-top: 2em; } }
.sln-summary__discount,
.sln-summary__message,
.sln-summary__terms {
margin-top: 1.66667rem; }
.sln-salon--s .sln-summary__discount .col-sm-6 {
width: 100% !important; }
#sln-salon.sln-salon--m .sln-summary-row hr,
#sln-salon.sln-salon--s .sln-summary-row hr {
margin-top: 1em; }
#sln-salon.sln-salon--s .sln-summary-row {
padding: 0 0 1em 0;
margin-bottom: 0; }
#sln-salon.sln-salon--s .sln-summary-row .sln-steps-price {
text-align: right;
margin: 0.5em 0; }
.sln-thankyou {
margin-top: 2em; }
.sln-thankyou .sln-form-actions-wrapper {
margin-top: 2.2em; }
#sln-salon .sln-thankyou--okbox {
margin-top: 1em;
padding: 2em 1em 3em 1em;
position: relative; }
#sln-salon .sln-thankyou--okbox * {
z-index: 1; }
#sln-salon .sln-thankyou--okbox::after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 0;
opacity: 0.3; }
#sln-salon .sln-thankyou--okbox h3 {
padding: 0 3em 0 0.5em; }
#sln-salon .sln-thankyou--okbox h3,
#sln-salon .sln-thankyou--okbox h4 {
font-weight: bold;
display: inline-block; }
#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; }
#sln-salon .sln-thankyou--okbox .sln-icon-wrapper {
padding-right: 3em; }
#sln-salon .sln-thankyou--okbox .sln-icon-wrapper .sln-icon {
font-size: 2em;
line-height: 2em; }
.sln-form-actions {
margin-bottom: 1em; }
.sln-payment-actions {
margin-bottom: 1em; }
.sln-payment-actions .sln-btn.sln-btn--noheight, .sln-payment-actions #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--noheight#wp-submit, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-payment-actions .sln-btn--noheight#wp-submit {
margin-bottom: 1em; }
.sln-payment-actions h4 {
margin-top: 1.6em; }
#sln-salon.sln-salon--s .sln-thankyou .sln-thankyou--okbox {
margin-top: 1em;
padding: 1.5em 1em 2em 1em; }
#sln-salon.sln-salon--s .sln-thankyou .sln-thankyou--okbox h2,
#sln-salon.sln-salon--s .sln-thankyou .sln-thankyou--okbox h3,
#sln-salon.sln-salon--s .sln-thankyou .sln-thankyou--okbox h4 {
text-align: right; }
#sln-salon.sln-salon--s .sln-thankyou .sln-thankyou--okbox h3,
#sln-salon.sln-salon--s .sln-thankyou .sln-thankyou--okbox h4 {
display: block; }
#sln-salon.sln-salon--s .sln-thankyou .sln-thankyou--okbox h3 {
padding-right: 0; }
#sln-salon.sln-salon--s .sln-thankyou .sln-thankyou--okbox hr {
margin: 1.5em 0 1em 0; }
#sln-salon.sln-salon--s .sln-thankyou .sln-icon-wrapper {
padding-top: 3em;
padding-right: 0;
text-align: center; }
#sln-salon.sln-salon--s .sln-thankyou .sln-icon-wrapper .sln-icon {
top: 0; }
@media only screen and (max-width: 767px) {
#sln-salon .sln-thankyou .sln-thankyou--okbox {
margin-top: 1em;
padding: 1em 1em 2em 1em; }
#sln-salon .sln-thankyou .sln-thankyou--okbox h2,
#sln-salon .sln-thankyou .sln-thankyou--okbox h3,
#sln-salon .sln-thankyou .sln-thankyou--okbox h4 {
text-align: right; }
#sln-salon .sln-thankyou .sln-thankyou--okbox h3,
#sln-salon .sln-thankyou .sln-thankyou--okbox h4 {
display: block; }
#sln-salon .sln-thankyou .sln-thankyou--okbox h2 {
font-size: 0.9em; }
#sln-salon .sln-thankyou .sln-thankyou--okbox h2 .sln-icon {
font-size: 2em; }
#sln-salon .sln-thankyou .sln-thankyou--okbox h3 {
padding-right: 0;
font-size: 0.8em; }
#sln-salon .sln-thankyou .sln-thankyou--okbox h4 {
font-size: 2em; }
#sln-salon .sln-thankyou .sln-thankyou--okbox hr {
margin: 1.5em 0 1em 0; }
#sln-salon .sln-thankyou .sln-icon-wrapper {
padding-top: 4em;
padding-right: 0;
text-align: center; }
#sln-salon .sln-thankyou .sln-icon-wrapper .sln-icon {
top: 0;
right: 50%;
-webkit-transform: translateX(50%) translateY(0);
-ms-transform: translateX(50%) translateY(0);
transform: translateX(50%) translateY(0); } }
.sln-box--formactions,
#sln-salon .sln-box--formactions {
text-align: left;
margin-bottom: 0;
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-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,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions #wp-submit {
margin-bottom: 1em; }
@media only screen and (min-width: 768px) {
.sln-box--formactions .sln-icon--back,
#sln-salon .sln-box--formactions .sln-icon--back {
float: left; }
.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,
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions #wp-submit {
margin-bottom: 0.83333rem; } }
.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: left; }
.sln-icon-wrapper {
position: relative;
padding-right: 3.5em; }
.sln-icon-wrapper .sln-icon {
position: absolute;
right: 0; }
.sln-icon-wrapper .sln-icon-wrapper--right {
padding-left: 3.5em;
padding-right: 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 {
margin-bottom: 3em;
font-family: "Open Sans", sans-serif;
font-weight: normal;
font-size: 1rem;
line-height: calc(1rem + 0.5rem); }
@media only screen and (min-width: 992px) {
#sln-salon .sln-total {
margin-bottom: 0; } }
#sln-salon .sln-total hr {
margin: 0 0 0.6em 0;
border: 0;
border-top-style: solid;
border-top-width: 0.16em;
background-image: none; }
#sln-salon .sln-step-services .sln-total {
padding-left: 1.5em;
padding-right: 1em; }
@media only screen and (min-width: 992px) {
#sln-salon .sln-step-services .sln-total {
margin-bottom: 0; } }
.sln-total-price {
text-align: left; }
#sln-notifications .sln-loader-wrapper {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: white;
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 {
margin-top: 2em;
margin-bottom: 3em; }
.sln-box--main--flattop {
margin-top: 0;
margin-bottom: 3em; }
.editable input {
background-color: #fff;
border: none;
padding: 10px 5px 10px 0; }
.editable .text {
padding: 5px 5px 5px 0; }
.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--icon {
vertical-align: middle; }
.sln-pending-payment-box--header,
#sln-salon .sln-pending-payment-box--header {
display: block;
margin-bottom: 0.83333rem;
margin-right: 0.83333rem; }
.sln-pending-payment-box--header strong,
#sln-salon .sln-pending-payment-box--header strong {
margin-top: 1.66667rem;
margin-bottom: 1.66667rem;
display: block; }
.sln-pending-payment-box--booking-number {
margin-right: 0.83333rem; }
.sln-pending-payment-box--amount {
margin-right: 0.83333rem;
margin-top: 0.83333rem; }
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
.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, 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, .wp-admin.salon_page_salon-settings .select2-container.select2-container--sln .select2-search--dropdown .select2-search__field {
font-family: "Open Sans", sans-serif;
font-size: 0.83333rem;
line-height: 1.41667rem;
font-weight: normal; }
@media only screen and (min-width: 768px) {
.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, 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, .wp-admin.salon_page_salon-settings .select2-container.select2-container--sln .select2-search--dropdown .select2-search__field {
font-size: 1rem; } }
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-dropdown, body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-search--dropdown .select2-search__field {
font-family: "Open Sans", sans-serif;
font-size: 0.75rem;
font-weight: normal;
line-height: 1.16667rem; }
.wp-admin.salon_page_salon-settings .select2-container.select2-container--sln .select2-search--dropdown .select2-search__field {
color: #003553; }
.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, #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, 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 {
color: #0277bd; }
.sln-salon-page .select2-container.select2-container--sln .select2-selection--single .select2-selection__arrow:before, body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-selection--single .select2-selection__arrow:before, .wp-admin.salon_page_salon-settings .select2-container.select2-container--sln .select2-results__option::after, body.post-type-sln_booking:not(.sln-salon-page) .select2-container.select2-container--sln .select2-results__option::after, body.post-type-sln_booking:not(.sln-salon-page) .select2-container.select2-container--sln .select2-results__option.select2-results__option--stl .sln-select__wrn::before {
font-family: "FontAwesome";
font-size: 0.91667rem;
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, #sln-salon.sln-salon--s .sln-thankyou .sln-thankyou--okbox h2 .sln-icon, #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, #sln-salon.sln-salon--s .sln-thankyou .sln-thankyou--okbox h2 .sln-icon, #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; }
@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; }
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: 2.5rem;
line-height: 2.5rem; }
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: #c7dff3;
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: #003553; }
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: #003553; }
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: #003553;
line-height: 2.5rem; }
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-right: 1em;
padding-left: 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 {
height: 1.08333rem;
position: absolute;
top: calc(50% - 7px);
left: 0.83333rem;
width: 0.83333rem;
height: 0.83333rem; }
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.83333rem;
height: 0.83333rem;
content: "\f078";
position: absolute;
top: 0;
right: 0;
line-height: 0.83333rem;
color: #003553; }
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-dropdown {
background-color: #fff;
color: #003553;
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: #c7dff3;
display: inline-block;
width: 24.4%;
text-align: center;
padding: 0.83333rem 0.41667rem;
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.41667rem 0.83333rem;
margin: 0 0 2px 0;
background-color: #c7dff3;
border-top: 2px solid #fff; }
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-search--dropdown {
padding: 0.5% 0.5% 0 1%; }
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-search--dropdown .select2-search__field {
padding: 0.5em 1em;
border: none;
border: 0.125rem 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: #003553;
color: #fff; }
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-results__option--highlighted[aria-selected] {
background-color: #003553;
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.41667rem 0.41667rem 0.20833rem 0.41667rem; }
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: 1.875rem;
margin: 0 0 0.20833rem 0.41667rem; }
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-selection--multiple .select2-selection__choice {
float: right;
background-color: #0277bd;
border: none;
color: #fff;
padding: 0 0.83333rem 0 2.08333rem;
border-radius: 0;
line-height: 1.875rem;
position: relative;
margin: 0 0 0.20833rem 0.41667rem; }
body:not(.sln-salon-page) .select2-container.select2-container--sln .select2-selection--multiple .select2-selection__choice__remove {
position: absolute;
left: 0.20833rem;
top: calc(50% - 8px);
font-size: 16px;
line-height: 8px;
border-radius: 50%;
padding: 0.16667rem;
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 #c7dff3;
font-size: 0.875rem; }
#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: #f1f7fb;
color: #003553; }
#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: #003553; }
#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.33333rem;
line-height: 3.33333rem; }
#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.33333rem; }
#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-right: 1rem;
padding-left: 1rem; }
#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.33333rem; }
@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-right: 1em;
padding-left: 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.375rem 0.41667rem 0.16667rem 0.41667rem; } }
/* 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-left: 2em; }
.wp-admin.salon_page_salon-settings .select2-container.select2-container--sln .select2-dropdown {
border: 1px solid #c7dff3;
background-color: #f1f7fb; }
.wp-admin.salon_page_salon-settings .select2-container.select2-container--sln .select2-results__option {
margin-bottom: 0;
padding: 0.625rem;
background-color: #fff;
border-top: 1px solid #c7dff3;
border: none;
display: grid;
grid-template-columns: auto 1.5rem;
align-items: center; }
.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: 0.83333rem;
line-height: 1.5rem;
text-align: center; }
.wp-admin.salon_page_salon-settings .select2-container.select2-container--sln .select2-results__option--highlighted[aria-selected] {
background-color: #f1f7fb;
color: #003553; }
.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: #c7dff3;
color: #003553; }
.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: #c7dff3;
background-color: #fff;
font-size: 0.875rem;
padding: 0.625rem;
color: #003553;
transition: border-color 100ms, background-color 250ms;
border-top-width: 1px;
border-left-width: 1px;
border-bottom-width: 1px;
border-right-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: #f1f7fb;
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: 0.875rem; }
/* 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 #c7dff3; }
#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: #f1f7fb;
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: #003553; }
#sln-salon--admin #sln_booking-details .select2-container.select2-container--sln .select2-selection--single {
height: 3.33333rem;
line-height: 3.33333rem; }
#sln-salon--admin #sln_booking-details .select2-container.select2-container--sln .select2-selection--single .select2-selection__rendered {
line-height: 3.33333rem;
padding-right: 1rem;
padding-left: 1rem; }
#sln-salon--admin #sln_booking-details .select2-container.select2-container--sln .select2-selection--multiple {
min-height: 3.33333rem; }
#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-left: 1rem; }
@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.33333rem; }
#sln-salon--admin #sln_booking-details .select2-container.select2-container--sln .select2-selection--single .select2-selection__rendered {
padding-right: 1em;
padding-left: 1em; }
#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.375rem 0.41667rem 0.16667rem 0.41667rem; } }
#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.33333rem; }
#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 #004258; }
#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.33333rem; }
#sln-salon--admin #sln_booking-details .sln-booking-service-line {
border-bottom: 1px solid #f0f0f1;
margin-bottom: 0.83333rem; }
#sln-salon--admin #sln_booking-details .sln-booking-service-line .sln-select {
margin-bottom: 0.83333rem; }
#sln-salon--admin #sln_booking-details .sln-booking-service-line .select2-container--sln {
pointer-events: none; }
#sln-salon--admin #sln_booking-details .sln-booking-service-line .select2-container--disabled .select2-selection__rendered span:first-child {
padding-left: 1rem;
font-weight: bold; }
#sln-salon--admin #sln_booking-details .sln-booking-service-line .select2-selection--single,
#sln-salon--admin #sln_booking-details .sln-booking-service-line .select2-selection--multiple {
border-color: transparent; }
#sln-salon--admin #sln_booking-details .sln-booking-service-line .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 #004258;
margin-top: 0.25rem; }
body.post-type-sln_booking:not(.sln-salon-page) .select2-container.select2-container--sln .select2-dropdown .select2-search--dropdown {
padding: 0.29167rem 0.25rem;
background-color: #e7edf2; }
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: #f1f7fb;
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: #003553; }
body.post-type-sln_booking:not(.sln-salon-page) .select2-container.select2-container--sln .select2-results__option {
margin-bottom: 0;
padding: 0.625rem;
background-color: #e7edf2;
border-top: none;
border: none;
display: grid;
grid-template-columns: auto 1.5rem;
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: 0.83333rem;
line-height: 1.5rem;
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: #d6e5ea;
color: #004258; }
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 span[data-value] {
display: grid;
grid-template-columns: 42% 30% 28%;
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:first-child {
padding-left: 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 .sln-select__wrn {
font-size: 0.625rem;
font-weight: bold;
text-transform: uppercase;
color: #f5b025;
display: grid;
grid-template-columns: 20% 80%;
align-items: center;
line-height: 1.2; }
body.post-type-sln_booking:not(.sln-salon-page) .select2-container.select2-container--sln .select2-results__option.select2-results__option--stl .sln-select__wrn::before {
display: inline-block;
padding-left: 0.25rem;
color: currentColor;
content: " \f06a";
backface-visibility: hidden;
opacity: 1;
grid-column: 1;
grid-row: 1;
transition: all 0.15s; }
/* ADMIN BOOKING DETAILS DROPDOWN // END */
/* ADMIN BOOKING DETAILS CUSTOM ICONS */
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: 1.125rem; }
/* ADMIN BOOKING DETAILS CUSTOM ICONS // END */
@media only screen and (min-width: 992px) {
#sln-salon #sln-salon-my-account:not(.mobile-version) .sln-reschedule-form {
width: 200%;
margin-right: -100%; }
#sln-salon #sln-salon-my-account:not(.mobile-version) .sln-reschedule-form .sln-reschedule-form__btnwrp {
float: left; } }
.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-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: #e4e7e7; }
#sln-salon .sln-reschedule-form .sln-reschedule-form_innerwrap .sln-btn.sln-reschedule-form--save-button, #sln-salon.sln-loginform:not(.sln-customcolors) .sln-reschedule-form .sln-reschedule-form_innerwrap #loginform .sln-reschedule-form--save-button#wp-submit, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-reschedule-form .sln-reschedule-form_innerwrap .sln-reschedule-form--save-button#wp-submit {
margin-top: 1em;
margin-bottom: 0; }
#sln-salon .sln-reschedule-form .sln-reschedule-form--cancel-button {
text-align: center; }
.sln-service .sln-service-thumb img {
border-radius: 50%;
border-radius: 9999px;
border-top-right-radius: 50%;
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;
margin-top: 1.5em;
margin-bottom: 1em; }
@media only screen and (min-width: 768px) {
.sln-service .sln-service-thumb img {
margin-bottom: 1.5em; } }
.sln-salon--s .sln-service .sln-service-thumb img {
margin-top: 1.5em;
margin-bottom: 1em; }
@media only screen and (min-width: 768px) {
.sln-service .sln-service-thumb img {
margin-top: 0;
margin-bottom: 0; } }
.sln-step-thankyou .sln-alert.sln-alert--paid {
margin-top: 0; }
#salon-my-account-profile-form .sln-account--last-update {
font-size: 12px;
text-align: center;
margin-top: -15px;
color: #0277bd; }
#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;
left: 0;
bottom: 0;
right: 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; }