img, legend {border: 0;} legend, td, th {padding: 0;} .datetimepicker.sln-datetimepicker .sln-datetimepicker-close, .sln-bootstrap .sln-btn, .sln-btn {-webkit-transition: background-color .2s,color 250ms;-moz-transition: background-color .2s,color 250ms;-o-transition: background-color .2s,color 250ms;text-decoration: none;} .clear:after, .clearfix:after, .sln-datalist_clearfix:after {clear: both;} @font-face {font-family: "Open Sans";font-style: normal;font-weight: 300;src: local("Open Sans Light"),local("OpenSans-Light"),url("https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OUuhs.ttf") format("truetype");} @font-face {font-family: "Open Sans";font-style: normal;font-weight: 400;src: local("Open Sans Regular"),local("OpenSans-Regular"),url("https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0e.ttf") format("truetype");} @font-face {font-family: "Open Sans";font-style: normal;font-weight: 600;src: local("Open Sans SemiBold"),local("OpenSans-SemiBold"),url("https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOUuhs.ttf") format("truetype");} @font-face {font-family: "Open Sans";font-style: normal;font-weight: 700;src: local("Open Sans Bold"),local("OpenSans-Bold"),url("https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUuhs.ttf") format("truetype");} html {font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;} body {margin: 0;} article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;} audio, canvas, progress, video {display: inline-block;vertical-align: baseline;} audio:not([controls]) {display: none;height: 0;} [hidden], template {display: none;} a {background-color: transparent;} a:active, a:hover {outline: 0;} abbr[title] {border-bottom: 1px dotted;} b, optgroup, strong {font-weight: 700;} dfn {font-style: italic;} h1 {font-size: 2em;margin: .67em 0;} mark {background: #ff0;color: #000;} small {font-size: 80%;} sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;} sup {top: -.5em;} sub {bottom: -.25em;} svg:not(:root) {overflow: hidden;} figure {margin: 1em 40px;} hr {box-sizing: content-box;height: 0;} pre, textarea {overflow: auto;} code, kbd, pre, samp {font-family: monospace,monospace;font-size: 1em;} button, input, optgroup, select, textarea {color: inherit;font: inherit;margin: 0;} #sln-salon button, #sln-salon input, #sln-salon li, #sln-salon optgroup, #sln-salon p, #sln-salon select, #sln-salon textarea, #sln-salon ul {font-family: "Open Sans",sans-serif;box-shadow: none;} #sln-salon .alert-warning:before, #sln-salon .alert:after, .sln-alert--warning:before, .sln-alert:after, .sln-btn--icon:after, .sln-icon, .sln_datepicker:after, .sln_timepicker:after {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} button {overflow: visible;} button, select {text-transform: none;} button, html input[type=button], input[type=reset], input[type=submit] {-webkit-appearance: button;cursor: pointer;} button[disabled], html input[disabled] {cursor: default;} button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0;} input {line-height: normal;} input[type=checkbox], input[type=radio] {box-sizing: border-box;padding: 0;} input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {height: auto;} input[type=search] {-webkit-appearance: textfield;box-sizing: content-box;} input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {-webkit-appearance: none;} fieldset {border: 1px solid silver;margin: 0 2px;padding: .35em .625em .75em;} table {border-collapse: collapse;border-spacing: 0;} *, :after, :before {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} :after:focus, :before:focus, :focus {outline: 0 !important;} .clear:after, .clear:before, .clearfix:after, .clearfix:before {content: " ";display: table;} .sln-loader {position: absolute;top: 50%;left: 50%;-webkit-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);} #sln-salon.sln-salon--s .sln-thankyou .sln-icon-wrapper .sln-icon {position: absolute;left: 50%;-webkit-transform: translateX(-50%) translateY(0);-ms-transform: translateX(-50%) translateY(0);transform: translateX(-50%) translateY(0);} #sln-salon .sln-panel .sln-panel-heading .sln-btn--noheight:after, #sln-salon .sln-panel .sln-panel-heading .sln-btn.sln-btn--big:after, #sln-salon .sln-panel .sln-panel-heading .sln-btn.sln-btn--medium:after, .sln-icon-wrapper .sln-icon, .sln_datepicker:after, .sln_timepicker:after {position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} .datetimepicker.sln-datetimepicker.datetimepicker-dropdown-bottom-right, .sln-bootstrap .sln-btn--borderonly:active, .sln-bootstrap .sln-btn--borderonly:focus, .sln-bootstrap .sln-btn--borderonly:hover, .sln-bootstrap .sln-btn--emphasis:active, .sln-bootstrap .sln-btn--emphasis:focus, .sln-bootstrap .sln-btn--emphasis:hover, .sln-bootstrap .sln-btn--nobkg:active, .sln-bootstrap .sln-btn--nobkg:focus, .sln-bootstrap .sln-btn--nobkg:hover, .sln-btn--borderonly:active, .sln-btn--borderonly:focus, .sln-btn--borderonly:hover, .sln-btn--emphasis:active, .sln-btn--emphasis:focus, .sln-btn--emphasis:hover, .sln-btn--nobkg:active, .sln-btn--nobkg:focus, .sln-btn--nobkg:hover {-webkit-box-shadow: 0 3px 10px rgba(0,0,0,.23);-moz-box-shadow: 0 3px 10px rgba(0,0,0,.23);box-shadow: 0 3px 10px rgba(0,0,0,.23);} .sln-bootstrap .sln-btn, .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(.99);} 100% {opacity: 1;transform: scale(1);}} .sln-bootstrap .sln-btn--borderonly:active, .sln-bootstrap .sln-btn--borderonly:active button, .sln-bootstrap .sln-btn--borderonly:active input, .sln-bootstrap .sln-btn--borderonly:focus, .sln-bootstrap .sln-btn--borderonly:focus button, .sln-bootstrap .sln-btn--borderonly:focus input, .sln-bootstrap .sln-btn--borderonly:hover, .sln-bootstrap .sln-btn--borderonly:hover button, .sln-bootstrap .sln-btn--borderonly:hover input, .sln-bootstrap .sln-btn--emphasis, .sln-bootstrap .sln-btn--emphasis a, .sln-bootstrap .sln-btn--emphasis button, .sln-bootstrap .sln-btn--emphasis input, .sln-bootstrap .sln-btn--emphasis:active, .sln-bootstrap .sln-btn--emphasis:active a, .sln-bootstrap .sln-btn--emphasis:active button, .sln-bootstrap .sln-btn--emphasis:active input, .sln-bootstrap .sln-btn--emphasis:focus, .sln-bootstrap .sln-btn--emphasis:focus a, .sln-bootstrap .sln-btn--emphasis:focus button, .sln-bootstrap .sln-btn--emphasis:focus input, .sln-bootstrap .sln-btn--emphasis:hover, .sln-bootstrap .sln-btn--emphasis:hover a, .sln-bootstrap .sln-btn--emphasis:hover button, .sln-bootstrap .sln-btn--emphasis:hover input, .sln-bootstrap .sln-btn--nobkg:active, .sln-bootstrap .sln-btn--nobkg:active button, .sln-bootstrap .sln-btn--nobkg:active input, .sln-bootstrap .sln-btn--nobkg:focus, .sln-bootstrap .sln-btn--nobkg:focus button, .sln-bootstrap .sln-btn--nobkg:focus input, .sln-bootstrap .sln-btn--nobkg:hover, .sln-bootstrap .sln-btn--nobkg:hover button, .sln-bootstrap .sln-btn--nobkg:hover input, .sln-btn--borderonly:active, .sln-btn--borderonly:active button, .sln-btn--borderonly:active input, .sln-btn--borderonly:focus, .sln-btn--borderonly:focus button, .sln-btn--borderonly:focus input, .sln-btn--borderonly:hover, .sln-btn--borderonly:hover button, .sln-btn--borderonly:hover input, .sln-btn--emphasis, .sln-btn--emphasis a, .sln-btn--emphasis button, .sln-btn--emphasis input, .sln-btn--emphasis:active, .sln-btn--emphasis:active a, .sln-btn--emphasis:active button, .sln-btn--emphasis:active input, .sln-btn--emphasis:focus, .sln-btn--emphasis:focus a, .sln-btn--emphasis:focus button, .sln-btn--emphasis:focus input, .sln-btn--emphasis:hover, .sln-btn--emphasis:hover a, .sln-btn--emphasis:hover button, .sln-btn--emphasis:hover input, .sln-btn--nobkg:active, .sln-btn--nobkg:active button, .sln-btn--nobkg:active input, .sln-btn--nobkg:focus, .sln-btn--nobkg:focus button, .sln-btn--nobkg:focus input, .sln-btn--nobkg:hover, .sln-btn--nobkg:hover button, .sln-btn--nobkg:hover input, .sln-stepper .step .step-number, .sln-stepper .step.step--active .step-number, .sln-text--main {color: #fff;} #sln-salon, #sln-salon .alert, #sln-salon .salon-step-title, #sln-salon .sln-attendant-list--multiple .sln-steps-name.sln-service-name, #sln-salon .sln-input .help-block, #sln-salon .sln-input .help-block a, #sln-salon .sln-input .sln-input--addon, #sln-salon .sln-salon-title, #sln-salon .sln-thankyou--okbox .sln-icon-wrapper .sln-icon, #sln-salon .sln-thankyou--okbox h1, #sln-salon .sln-thankyou--okbox h2, #sln-salon .sln-thankyou--okbox h3, .sln-alert, .sln-bootstrap .sln-btn--borderonly, .sln-bootstrap .sln-btn--nobkg, .sln-bootstrap .sln-btn--nobkg button, .sln-bootstrap .sln-btn--nobkg input, .sln-btn--borderonly, .sln-btn--nobkg, .sln-btn--nobkg button, .sln-btn--nobkg input, .sln-payment-actions h4, .sln-stepper .step.step--active .step-label, .sln-steps-price, .sln-text--contrast, .sln_datepicker:after, .sln_timepicker:after {color: #004258;} .sln-text--contrast--alpha {color: rgba(0,66,88,.3);} #sln-salon .sln-data-desc, #sln-salon .sln-data-desc .label, .sln-bootstrap .sln-btn--borderonly button, .sln-bootstrap .sln-btn--borderonly input, .sln-btn--borderonly button, .sln-btn--borderonly input, .sln-steps-description, .sln-summary-row .label, .sln-text--dark, .sln-total-label, .sln-total-price {color: #000;} #sln-salon .alert a, #sln-salon .sln-panel .sln-panel-heading, #sln-salon .sln-panel .sln-panel-heading.collapsed .sln-btn--borderonly, #sln-salon .sln-panel .sln-panel-heading.collapsed .sln-btn--nobkg, .sln-alert a, .sln-alert--wait:after, .sln-alert.sln-alert--wait:after, .sln-checkbox input:checked+label:after, .sln-checkbox input:checked+label:hover:after, .sln-loader:after, .sln-steps-name, .sln-text--emphasis, .sln_datepicker:hover:after, .sln_timepicker:hover:after {color: #0277bd;} #sln-salon .alert a:hover, .sln-alert a:hover, .sln-checkbox input+label:hover:after, .sln-steps-name:hover, .sln-text--emphasis--hoverk {color: #0091ea;} .sln-stepper .step .step-label, .sln-text--grey {color: #888;} .datetimepicker.sln-datetimepicker table tr td.disabled {color: #e4e7e7;} #sln-salon .sln-panel .sln-panel-heading .sln-btn--borderonly, #sln-salon .sln-panel .sln-panel-heading .sln-btn--nobkg, #sln-salon .sln-panel .sln-panel-heading.collapsed .sln-btn--borderonly:hover, #sln-salon .sln-panel .sln-panel-heading.collapsed .sln-btn--nobkg:hover, .datetimepicker.sln-datetimepicker .next:hover, .datetimepicker.sln-datetimepicker .prev:hover, .datetimepicker.sln-datetimepicker .sln-datetimepicker-close:hover, .datetimepicker.sln-datetimepicker .switch:hover, .datetimepicker.sln-datetimepicker .today:hover, .datetimepicker.sln-datetimepicker table tr td span.hour.active:not(.disabled):hover, .datetimepicker.sln-datetimepicker table tr td span.hour:not(.disabled):not(.active), .datetimepicker.sln-datetimepicker table tr td span.hour:not(.disabled):not(.active):hover, .datetimepicker.sln-datetimepicker table tr td span.minute.active:not(.disabled):hover, .datetimepicker.sln-datetimepicker table tr td span.minute:not(.disabled):not(.active), .datetimepicker.sln-datetimepicker table tr td span.minute:not(.disabled):not(.active):hover, .datetimepicker.sln-datetimepicker table tr td span.month.active:not(.disabled):hover, .datetimepicker.sln-datetimepicker table tr td span.month:not(.disabled):not(.active), .datetimepicker.sln-datetimepicker table tr td span.month:not(.disabled):not(.active):hover, .datetimepicker.sln-datetimepicker table tr td span.year.active:not(.disabled):hover, .datetimepicker.sln-datetimepicker table tr td span.year:not(.disabled):not(.active), .datetimepicker.sln-datetimepicker table tr td span.year:not(.disabled):not(.active):hover, .datetimepicker.sln-datetimepicker table tr td.day.active:not(.disabled):hover, .datetimepicker.sln-datetimepicker table tr td.day:not(.disabled), .datetimepicker.sln-datetimepicker table tr td.day:not(.disabled):hover {color: #fff;} #sln-salon .alert-success:after, .sln-alert--success:after, .sln-text--ok {color: #5bc24c;} #sln-salon .alert-danger:after, .datetimepicker.sln-datetimepicker .sln-datetimepicker-close, .sln-alert--problem:after {color: #d22221;} #sln-salon .alert-warning:after, .sln-alert--warning:after {color: #f5b025;} #sln-salon, .datetimepicker.sln-datetimepicker, .datetimepicker.sln-datetimepicker .sln-datetimepicker-close, .sln-checkbox input+label:before, .sln-checkbox input[type=checkbox][disabled]+label:before, .sln-radiobox input+label:after, .sln-radiobox input+label:before, .sln-radiobox input[type=radio][disabled]+label:before {background-color: #fff;} #sln-salon .alert-warning:before, #sln-salon .sln-input .sln-input--addon:after, .datetimepicker.sln-datetimepicker table tr td span.active, .datetimepicker.sln-datetimepicker table tr td span.active.disabled, .datetimepicker.sln-datetimepicker table tr td span.active.disabled:active, .datetimepicker.sln-datetimepicker table tr td span.active.disabled:hover, .datetimepicker.sln-datetimepicker table tr td span.active.disabled:hover:active, .datetimepicker.sln-datetimepicker table tr td span.active.disabled[disabled], .datetimepicker.sln-datetimepicker table tr td span.active.disabled[disabled]:hover, .datetimepicker.sln-datetimepicker table tr td span.active:active, .datetimepicker.sln-datetimepicker table tr td span.active:hover, .datetimepicker.sln-datetimepicker table tr td span.active:hover:active, .datetimepicker.sln-datetimepicker table tr td span.active[disabled], .datetimepicker.sln-datetimepicker table tr td span.active[disabled]:hover, .datetimepicker.sln-datetimepicker table tr td.active, .datetimepicker.sln-datetimepicker table tr td.active.disabled, .datetimepicker.sln-datetimepicker table tr td.active.disabled:active, .datetimepicker.sln-datetimepicker table tr td.active.disabled:hover, .datetimepicker.sln-datetimepicker table tr td.active.disabled:hover:active, .datetimepicker.sln-datetimepicker table tr td.active.disabled[disabled], .datetimepicker.sln-datetimepicker table tr td.active.disabled[disabled]:hover, .datetimepicker.sln-datetimepicker table tr td.active:active, .datetimepicker.sln-datetimepicker table tr td.active:hover, .datetimepicker.sln-datetimepicker table tr td.active:hover:active, .datetimepicker.sln-datetimepicker table tr td.active[disabled], .datetimepicker.sln-datetimepicker table tr td.active[disabled]:hover, .sln-alert--warning:before {background-color: #004258;} .sln-stepper .step .step-number {background-color: rgba(0,66,88,.3);} #sln-salon .sln-panel .sln-panel-heading .sln-btn--borderonly, #sln-salon .sln-panel .sln-panel-heading .sln-btn--nobkg, .datetimepicker.sln-datetimepicker table tr td span.hour.active:not(.disabled), .datetimepicker.sln-datetimepicker table tr td span.minute.active:not(.disabled), .datetimepicker.sln-datetimepicker table tr td span.month.active:not(.disabled), .datetimepicker.sln-datetimepicker table tr td span.year.active:not(.disabled), .datetimepicker.sln-datetimepicker table tr td.day.active:not(.disabled), .sln-bootstrap .sln-btn--emphasis, .sln-btn--emphasis, .sln-radiobox input:checked+label:after, .sln-radiobox input:checked+label:hover:after, .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 .sln-panel .sln-panel-heading.collapsed .sln-btn--borderonly:hover, #sln-salon .sln-panel .sln-panel-heading.collapsed .sln-btn--nobkg:hover, .datetimepicker.sln-datetimepicker .next:hover, .datetimepicker.sln-datetimepicker .prev:hover, .datetimepicker.sln-datetimepicker .switch:hover, .datetimepicker.sln-datetimepicker .today:hover, .datetimepicker.sln-datetimepicker table tr td span.hour.active:not(.disabled):hover, .datetimepicker.sln-datetimepicker table tr td span.hour:not(.disabled):not(.active):hover, .datetimepicker.sln-datetimepicker table tr td span.minute.active:not(.disabled):hover, .datetimepicker.sln-datetimepicker table tr td span.minute:not(.disabled):not(.active):hover, .datetimepicker.sln-datetimepicker table tr td span.month.active:not(.disabled):hover, .datetimepicker.sln-datetimepicker table tr td span.month:not(.disabled):not(.active):hover, .datetimepicker.sln-datetimepicker table tr td span.year.active:not(.disabled):hover, .datetimepicker.sln-datetimepicker table tr td span.year:not(.disabled):not(.active):hover, .datetimepicker.sln-datetimepicker table tr td.day.active:not(.disabled):hover, .datetimepicker.sln-datetimepicker table tr td.day:not(.disabled):hover, .sln-bootstrap .sln-btn--borderonly:active, .sln-bootstrap .sln-btn--borderonly:focus, .sln-bootstrap .sln-btn--borderonly:hover, .sln-bootstrap .sln-btn--emphasis:active, .sln-bootstrap .sln-btn--emphasis:focus, .sln-bootstrap .sln-btn--emphasis:hover, .sln-bootstrap .sln-btn--nobkg:active, .sln-bootstrap .sln-btn--nobkg:focus, .sln-bootstrap .sln-btn--nobkg:hover, .sln-btn--borderonly:active, .sln-btn--borderonly:focus, .sln-btn--borderonly:hover, .sln-btn--emphasis:active, .sln-btn--emphasis:focus, .sln-btn--emphasis:hover, .sln-btn--nobkg:active, .sln-btn--nobkg:focus, .sln-btn--nobkg:hover, .sln-radiobox input+label:hover:after {background-color: #0091ea;} #sln-salon .alert-danger, #sln-salon .alert-success, #sln-salon .sln-attendant-list--multiple .sln-steps-name.sln-service-name, #sln-salon .sln-panel .sln-panel-heading.collapsed .sln-btn--borderonly, #sln-salon .sln-panel .sln-panel-heading.collapsed .sln-btn--nobkg, #sln-salon .sln-thankyou--okbox hr, .sln-alert--problem, .sln-alert--success, .sln-attendant hr, .sln-bootstrap .sln-btn--borderonly, .sln-bootstrap .sln-btn--nobkg, .sln-btn--borderonly, .sln-btn--nobkg, .sln-steps-description hr, .sln-summary-row hr, .sln-total hr {background-color: transparent;} #sln-salon .sln-thankyou--okbox.sln-bkg--ok, .datetimepicker.sln-datetimepicker table tr td span.hour:not(.disabled):not(.active), .datetimepicker.sln-datetimepicker table tr td span.minute:not(.disabled):not(.active), .datetimepicker.sln-datetimepicker table tr td span.month:not(.disabled):not(.active), .datetimepicker.sln-datetimepicker table tr td span.year:not(.disabled):not(.active), .datetimepicker.sln-datetimepicker table tr td.day:not(.disabled) {background-color: #5bc24c;} #sln-salon .sln-thankyou--okbox.sln-bkg--attention {background-color: #f5b025;} .datetimepicker.sln-datetimepicker .sln-datetimepicker-close:hover {background-color: #e63f24;} .sln-attendant:last-child hr, .sln-total hr {border-color: #004258;} #sln-salon, #sln-salon .sln-attendant-list--multiple .sln-steps-name.sln-service-name, #sln-salon .sln-input input, #sln-salon .sln-input textarea, #sln-salon .sln-list--dashed li, #sln-salon .sln-thankyou--okbox hr, #sln-salon ul.sln-list--dashed li, .datetimepicker.sln-datetimepicker.datetimepicker-dropdown-bottom-right, .sln-attendant hr, .sln-bootstrap .sln-btn--borderonly, .sln-btn--borderonly, .sln-list--dashed li, .sln-steps-description hr, .sln-summary-row hr, .snl-error-list-item, ul.sln-list--dashed li {border-color: rgba(0,66,88,.3);} #sln-salon .sln-panel .sln-panel-heading .sln-btn--borderonly, .sln-checkbox input+label:before, .sln-radiobox input+label:before {border-color: #0277bd;} #sln-salon .alert a:hover, #sln-salon .sln-panel .sln-panel-heading .sln-btn--borderonly:hover, .sln-alert a:hover, .sln-bootstrap .sln-btn--borderonly:active, .sln-bootstrap .sln-btn--borderonly:focus, .sln-bootstrap .sln-btn--borderonly:hover, .sln-btn--borderonly:active, .sln-btn--borderonly:focus, .sln-btn--borderonly:hover, .sln-checkbox input+label:hover:before {border-color: #0091ea;} #sln-salon .alert a, .sln-alert a {border-color: transparent;} .sln-checkbox input[type=checkbox][disabled]+label:before, .sln-radiobox input[type=radio][disabled]+label:before {border-color: #888;} .datetimepicker.sln-datetimepicker .next, .datetimepicker.sln-datetimepicker .prev, .datetimepicker.sln-datetimepicker .sln-datetimepicker-close, .datetimepicker.sln-datetimepicker .switch, .datetimepicker.sln-datetimepicker .today, .datetimepicker.sln-datetimepicker table tr td span.hour, .datetimepicker.sln-datetimepicker table tr td span.minute, .datetimepicker.sln-datetimepicker table tr td span.month, .datetimepicker.sln-datetimepicker table tr td span.year, .datetimepicker.sln-datetimepicker table tr td.day {border-color: #e4e7e7;} #sln-salon .sln-input .sln-invalid, #sln-salon .sln-invalid {border-color: #d22221;} #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 li, #sln-salon p, #sln-salon ul {font-weight: 400;} #sln-salon a {box-shadow: none;} #sln-salon h2 {font-size: 1.4em;line-height: 1.8em;} #sln-salon h3 {font-size: 1.2em;line-height: 1.6em;} #sln-salon .alert, #sln-salon .salon-step-title, #sln-salon .sln-btn--big, #sln-salon .sln-btn--big a, #sln-salon .sln-btn--big button, #sln-salon .sln-btn--big input, #sln-salon .sln-btn--medium a, #sln-salon .sln-btn--medium button, #sln-salon .sln-btn--medium input, #sln-salon .sln-btn.sln-btn--noheight a, #sln-salon .sln-btn.sln-btn--noheight button, #sln-salon .sln-btn.sln-btn--noheight input, #sln-salon .sln-input .sln-input--addon, #sln-salon .sln-input input, #sln-salon .sln-input textarea, #sln-salon .sln-panel .sln-panel-heading, #sln-salon .sln-panel .sln-panel-heading .sln-btn--noheight, #sln-salon .sln-panel .sln-panel-heading .sln-btn.sln-btn--big, #sln-salon .sln-panel .sln-panel-heading .sln-btn.sln-btn--medium, #sln-salon .sln-thankyou--okbox h1, #sln-salon p, #sln-salon.sln-salon--s .sln-thankyou .sln-thankyou--okbox h1, .datetimepicker.sln-datetimepicker table, .sln-alert, .sln-stepper .step .step-number, .sln-steps-duration, .sln-summary-row .label {font-size: 1em;} #sln-salon .sln-btn--medium, #sln-salon .sln-btn.sln-btn--noheight, #sln-salon .sln-data-desc, #sln-salon .sln-data-desc .label, #sln-salon .sln-input label, .sln-alert.sln-alert-medium, .sln-checkbox label, .sln-radiobox label, .sln-stepper .step, .sln-steps-duration small, .snl-error-list-item {font-size: .8em;} #sln-salon .alert, #sln-salon .salon-step-title, #sln-salon .sln-btn--big, #sln-salon .sln-btn--big a, #sln-salon .sln-btn--big button, #sln-salon .sln-btn--big input, #sln-salon .sln-btn--medium, #sln-salon .sln-btn--medium a, #sln-salon .sln-btn--medium button, #sln-salon .sln-btn--medium input, #sln-salon .sln-btn.sln-btn--noheight, #sln-salon .sln-btn.sln-btn--noheight a, #sln-salon .sln-btn.sln-btn--noheight button, #sln-salon .sln-btn.sln-btn--noheight input, #sln-salon .sln-data-desc, #sln-salon .sln-data-desc .label, #sln-salon .sln-input .sln-input--addon, #sln-salon .sln-input input, #sln-salon .sln-input label, #sln-salon .sln-input textarea, #sln-salon .sln-panel .sln-panel-heading, #sln-salon .sln-panel .sln-panel-heading .sln-btn--noheight, #sln-salon .sln-panel .sln-panel-heading .sln-btn.sln-btn--big, #sln-salon .sln-panel .sln-panel-heading .sln-btn.sln-btn--medium, #sln-salon .sln-thankyou--okbox h1, #sln-salon p, #sln-salon.sln-salon--s .sln-thankyou .sln-thankyou--okbox h1, .datetimepicker.sln-datetimepicker table, .sln-alert, .sln-alert.sln-alert-medium, .sln-checkbox label, .sln-radiobox label, .sln-stepper .step, .sln-stepper .step .step-number, .sln-steps-duration, .sln-steps-duration small, .sln-summary-row .label, .snl-error-list-item {line-height: 1.4em;} #sln-salon {font-family: "Open Sans",sans-serif;font-weight: 400;font-size: 18px;} #sln-salon .alert:after, .datetimepicker.sln-datetimepicker .next:before, .datetimepicker.sln-datetimepicker .prev:before, .sln-alert:after, .sln-btn--icon.sln-btn--big:after, .sln-btn--icon.sln-btn--medium:after, .sln-btn--icon.sln-btn--noheight:after, .sln-btn--icon:after, .sln-icon, .sln-loader:after, .sln_datepicker:after, .sln_timepicker:after {font-family: FontAwesome;} #sln-salon .salon-step-title {font-weight: 400;} .sln-steps-name, .sln-steps-price {font-size: 2em;} @font-face {font-family: FontAwesome;src: url("../fonts/fontawesome-webfont.eot?v=4.4.0");src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0") format("embedded-opentype"),url("../fonts/fontawesome-webfont.woff2?v=4.4.0") format("woff2"),url("../fonts/fontawesome-webfont.woff?v=4.4.0") format("woff"),url("../fonts/fontawesome-webfont.ttf?v=4.4.0") format("truetype"),url("../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular") format("svg");font-weight: 400;font-style: normal;} .sln-loader {font-size: 1px;} .sln-loader:after {font-size: 75em;line-height: 0;display: block;content: "";-webkit-animation: wait 2s infinite linear;animation: wait 2s infinite linear;} @media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {.sln-loader:after {font-family: FontAwesome;font-size: 75px;line-height: 0;}} #sln-salon .sln-panel:last-child {margin-bottom: 2em;} #sln-salon .sln-panel .sln-panel-heading {margin-bottom: 0;border: none;} #sln-salon .sln-panel .sln-panel-heading .sln-btn--noheight, #sln-salon .sln-panel .sln-panel-heading .sln-btn.sln-btn--big, #sln-salon .sln-panel .sln-panel-heading .sln-btn.sln-btn--medium {display: block;margin-bottom: 0;font-weight: 700;text-align: left;padding-left: calc(16.66666667% + 15px);} @media only screen and (min-width:768px) {#sln-salon .sln-panel .sln-panel-heading .sln-btn--noheight, #sln-salon .sln-panel .sln-panel-heading .sln-btn.sln-btn--big, #sln-salon .sln-panel .sln-panel-heading .sln-btn.sln-btn--medium {padding-left: calc(8.33333333% + 15px);}} #sln-salon .sln-panel .sln-panel-heading .sln-btn--noheight:after, #sln-salon .sln-panel .sln-panel-heading .sln-btn.sln-btn--big:after, #sln-salon .sln-panel .sln-panel-heading .sln-btn.sln-btn--medium:after {bottom: auto;bottom: initial;content: "";left: 12px;} #sln-salon .sln-panel .sln-panel-heading .sln-btn--noheight:hover:after, #sln-salon .sln-panel .sln-panel-heading .sln-btn.sln-btn--big:hover:after, #sln-salon .sln-panel .sln-panel-heading .sln-btn.sln-btn--medium:hover:after {content: "";} #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: 400;} #sln-salon .sln-panel .sln-panel-heading:active, #sln-salon .sln-panel .sln-panel-heading:focus, #sln-salon .sln-panel .sln-panel-heading:hover {text-decoration: none;} #sln-salon .sln-panel .sln-panel-heading.collapsed {margin-bottom: 1em;} #sln-salon .sln-panel .sln-panel-heading.collapsed .sln-btn--noheight:after, #sln-salon .sln-panel .sln-panel-heading.collapsed .sln-btn.sln-btn--medium:after {content: "";} #sln-salon .sln-panel .sln-panel-heading.collapsed .sln-btn--noheight:hover:after, #sln-salon .sln-panel .sln-panel-heading.collapsed .sln-btn.sln-btn--medium:hover:after {content: "";} #sln-salon .sln-panel .sln-panel-heading.collapsed .sln-btn--borderonly {border-bottom-width: 1px;} #sln-salon .sln-panel .sln-panel-content {width: calc(100% - 30px);margin: 0 15px 2em;padding-top: 1em;} #sln-salon .sln-input .sln-invalid::-webkit-input-placeholder, #sln-salon .sln-invalid::-webkit-input-placeholder {color: #d22221;} #sln-salon .sln-input .sln-invalid:-moz-placeholder, #sln-salon .sln-invalid:-moz-placeholder {color: #d22221;} #sln-salon .sln-input .sln-invalid::-moz-placeholder, #sln-salon .sln-invalid::-moz-placeholder {color: #d22221;} #sln-salon .sln-input .sln-invalid:-ms-input-placeholder, #sln-salon .sln-invalid:-ms-input-placeholder {color: #d22221;} #sln-salon .sln-invalid[type=checkbox] {width: auto;vertical-align: middle;} #sln-salon .sln-invalid[type=checkbox]:after {content: attr(placeholder);font-size: 1rem;display: inline-block;margin-left: 21px;color: red;line-height: 1;vertical-align: top;margin-top: -2px;min-width: 95px;} .datetimepicker {padding: 4px;margin-top: 1px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;direction: ltr;} .datetimepicker-inline {width: 220px;} .datetimepicker.datetimepicker-rtl {direction: rtl;} .datetimepicker.datetimepicker-rtl table tr td span {float: right;} .datetimepicker-dropdown, .datetimepicker-dropdown-left {top: 0;left: 0;} [class*=" datetimepicker-dropdown"]:before {content: "";display: inline-block;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid #ccc;border-bottom-color: rgba(0,0,0,.2);position: absolute;} [class*=" datetimepicker-dropdown"]:after {content: "";display: inline-block;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid #fff;position: absolute;} [class*=" datetimepicker-dropdown-top"]:before {content: "";display: inline-block;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid #ccc;border-top-color: rgba(0,0,0,.2);border-bottom: 0;} [class*=" datetimepicker-dropdown-top"]:after {content: "";display: inline-block;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #fff;border-bottom: 0;} .datetimepicker-dropdown-bottom-left:before {top: -7px;right: 6px;} .datetimepicker-dropdown-bottom-left:after {top: -6px;right: 7px;} .datetimepicker-dropdown-bottom-right:before {top: -7px;left: 6px;} .datetimepicker-dropdown-bottom-right:after {top: -6px;left: 7px;} .datetimepicker-dropdown-top-left:before {bottom: -7px;right: 6px;} .datetimepicker-dropdown-top-left:after {bottom: -6px;right: 7px;} .datetimepicker-dropdown-top-right:before {bottom: -7px;left: 6px;} .datetimepicker-dropdown-top-right:after {bottom: -6px;left: 7px;} .datetimepicker>div {display: none;} .datetimepicker.days div.datetimepicker-days, .datetimepicker.hours div.datetimepicker-hours, .datetimepicker.minutes div.datetimepicker-minutes, .datetimepicker.months div.datetimepicker-months, .datetimepicker.years div.datetimepicker-years {display: block;} .datetimepicker table {margin: 0;} .datetimepicker td, .datetimepicker th {text-align: center;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.day:hover, .datetimepicker table tr td.hour:hover, .datetimepicker table tr td.minute:hover {background: #eee;cursor: pointer;} .datetimepicker table tr td.new, .datetimepicker table tr td.old {color: #999;} .datetimepicker table tr td.disabled, .datetimepicker table tr td.disabled:hover {background: 0;color: #999;cursor: default;} .datetimepicker table tr td.today, .datetimepicker table tr td.today.disabled, .datetimepicker table tr td.today.disabled:hover, .datetimepicker table tr td.today: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;border-color: #fdf59a #fdf59a #fbed50;border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);} .datetimepicker table tr td.today.active, .datetimepicker table tr td.today.disabled, .datetimepicker table tr td.today.disabled.active, .datetimepicker table tr td.today.disabled.disabled, .datetimepicker table tr td.today.disabled:active, .datetimepicker table tr td.today.disabled:hover, .datetimepicker table tr td.today.disabled:hover.active, .datetimepicker table tr td.today.disabled:hover.disabled, .datetimepicker table tr td.today.disabled:hover:active, .datetimepicker table tr td.today.disabled:hover:hover, .datetimepicker table tr td.today.disabled:hover[disabled], .datetimepicker table tr td.today.disabled[disabled], .datetimepicker table tr td.today:active, .datetimepicker table tr td.today:hover, .datetimepicker table tr td.today:hover.active, .datetimepicker table tr td.today:hover.disabled, .datetimepicker table tr td.today:hover:active, .datetimepicker table tr td.today:hover:hover, .datetimepicker table tr td.today:hover[disabled], .datetimepicker table tr td.today[disabled] {background-color: #fdf59a;} .datetimepicker table tr td.today.active, .datetimepicker table tr td.today.disabled.active, .datetimepicker table tr td.today.disabled:active, .datetimepicker table tr td.today.disabled:hover.active, .datetimepicker table tr td.today.disabled:hover:active, .datetimepicker table tr td.today:active, .datetimepicker table tr td.today:hover.active, .datetimepicker table tr td.today:hover:active {background-color: #fbf069;} .datetimepicker table tr td.active, .datetimepicker table tr td.active.disabled, .datetimepicker table tr td.active.disabled:hover, .datetimepicker table tr td.active: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;border-color: #04c #04c #002a80;border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);color: #fff;text-shadow: 0 -1px 0 rgba(0,0,0,.25);} .datetimepicker table tr td.active.active, .datetimepicker table tr td.active.disabled, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled.disabled, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover, .datetimepicker table tr td.active.disabled:hover.active, .datetimepicker table tr td.active.disabled:hover.disabled, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active.disabled:hover:hover, .datetimepicker table tr td.active.disabled:hover[disabled], .datetimepicker table tr td.active.disabled[disabled], .datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover, .datetimepicker table tr td.active:hover.active, .datetimepicker table tr td.active:hover.disabled, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td.active:hover:hover, .datetimepicker table tr td.active:hover[disabled], .datetimepicker table tr td.active[disabled] {background-color: #04c;} .datetimepicker table tr td.active.active, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover.active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover.active, .datetimepicker table tr td.active:hover:active {background-color: #039;} .datetimepicker table tr td span {display: block;width: 23%;height: 54px;line-height: 54px;float: left;margin: 1%;cursor: pointer;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} .datetimepicker .datetimepicker-hours span {height: 26px;line-height: 26px;} .datetimepicker .datetimepicker-hours table tr td span.hour_am, .datetimepicker .datetimepicker-hours table tr td span.hour_pm {width: 14.6%;} .datetimepicker .datetimepicker-hours fieldset legend, .datetimepicker .datetimepicker-minutes fieldset legend {margin-bottom: inherit;line-height: 30px;} .datetimepicker .datetimepicker-minutes span {height: 26px;line-height: 26px;} .datetimepicker table tr td span:hover {background: #eee;} .datetimepicker table tr td span.disabled, .datetimepicker table tr td span.disabled:hover {background: 0;color: #999;cursor: default;} .datetimepicker table tr td span.active, .datetimepicker table tr td span.active.disabled, .datetimepicker table tr td span.active.disabled:hover, .datetimepicker table tr td span.active: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;border-color: #04c #04c #002a80;border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);color: #fff;text-shadow: 0 -1px 0 rgba(0,0,0,.25);} .datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active.disabled, .datetimepicker table tr td span.active.disabled.active, .datetimepicker table tr td span.active.disabled.disabled, .datetimepicker table tr td span.active.disabled:active, .datetimepicker table tr td span.active.disabled:hover, .datetimepicker table tr td span.active.disabled:hover.active, .datetimepicker table tr td span.active.disabled:hover.disabled, .datetimepicker table tr td span.active.disabled:hover:active, .datetimepicker table tr td span.active.disabled:hover:hover, .datetimepicker table tr td span.active.disabled:hover[disabled], .datetimepicker table tr td span.active.disabled[disabled], .datetimepicker table tr td span.active:active, .datetimepicker table tr td span.active:hover, .datetimepicker table tr td span.active:hover.active, .datetimepicker table tr td span.active:hover.disabled, .datetimepicker table tr td span.active:hover:active, .datetimepicker table tr td span.active:hover:hover, .datetimepicker table tr td span.active:hover[disabled], .datetimepicker table tr td span.active[disabled] {background-color: #04c;} .datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active.disabled.active, .datetimepicker table tr td span.active.disabled:active, .datetimepicker table tr td span.active.disabled:hover.active, .datetimepicker table tr td span.active.disabled:hover:active, .datetimepicker table tr td span.active:active, .datetimepicker table tr td span.active:hover.active, .datetimepicker table tr td span.active:hover:active {background-color: #039;} .datetimepicker table tr td span.old {color: #999;} .datetimepicker th.switch {width: 145px;} .datetimepicker th span.glyphicon {pointer-events: none;} .datetimepicker tfoot th, .datetimepicker thead tr:first-child th {cursor: pointer;} .datetimepicker tfoot th:hover, .datetimepicker thead tr:first-child th:hover {background: #eee;} .input-append.date .add-on i, .input-group.date .input-group-addon span, .input-prepend.date .add-on i {cursor: pointer;width: 14px;height: 14px;} .datetimepicker.sln-datetimepicker {display: none;border-radius: 0;width: 360px;padding: 20px;} .datetimepicker.sln-datetimepicker table {border-top: none;width: 100%;line-height: 3em;} .datetimepicker.sln-datetimepicker table tr td span, .datetimepicker.sln-datetimepicker td, .datetimepicker.sln-datetimepicker th {border-radius: 0;padding: 0;} .datetimepicker.sln-datetimepicker.datetimepicker-dropdown-bottom-right {border-width: 10px;} .datetimepicker.sln-datetimepicker.datetimepicker-dropdown-bottom-right:after, .datetimepicker.sln-datetimepicker.datetimepicker-dropdown-bottom-right:before {left: 10%;} .datetimepicker.sln-datetimepicker .sln-datetimepicker-close {display: block;width: 100%;height: 40px;text-align: center;line-height: 40px;cursor: pointer;font-style: normal;font-weight: 700;margin: 20px 0 10px;border-style: solid;border-width: 1px;transition: background-color .2s,color 250ms;} .datetimepicker.sln-datetimepicker .datetimepicker-hours thead, .datetimepicker.sln-datetimepicker .datetimepicker-minutes thead {display: none;} @media only screen and (max-width:767px) {.datetimepicker.sln-datetimepicker {left: 0 !important;width: 100%;max-width: 100%;height: auto;padding: 20px 10px;margin-top: 0;-webkit-backface-visibility: hidden;backface-visibility: hidden;} .datetimepicker.sln-datetimepicker .sln-datetimepicker-close {display: block;height: 60px;line-height: 60px;} .datetimepicker.sln-datetimepicker.datetimepicker-dropdown-bottom-right {border-width: 10px 0 0;} .datetimepicker.sln-datetimepicker.datetimepicker-dropdown-bottom-right:after, .datetimepicker.sln-datetimepicker.datetimepicker-dropdown-bottom-right:before {left: 20%;}} .datetimepicker.sln-datetimepicker table tr td span.active, .datetimepicker.sln-datetimepicker table tr td span.active.disabled, .datetimepicker.sln-datetimepicker table tr td span.active.disabled:hover, .datetimepicker.sln-datetimepicker table tr td span.active:hover, .datetimepicker.sln-datetimepicker table tr td.active, .datetimepicker.sln-datetimepicker table tr td.active.disabled, .datetimepicker.sln-datetimepicker table tr td.active.disabled:hover, .datetimepicker.sln-datetimepicker table tr td.active:hover, .datetimepicker.sln-datetimepicker table tr td.today, .datetimepicker.sln-datetimepicker table tr td.today.disabled, .datetimepicker.sln-datetimepicker table tr td.today.disabled:hover, .datetimepicker.sln-datetimepicker table tr td.today:hover {background-image: none;border: none;text-shadow: none;} .datetimepicker.sln-datetimepicker table tr td span.hour:not(.disabled):not(.active), .datetimepicker.sln-datetimepicker table tr td span.minute:not(.disabled):not(.active), .datetimepicker.sln-datetimepicker table tr td span.month:not(.disabled):not(.active), .datetimepicker.sln-datetimepicker table tr td span.year:not(.disabled):not(.active), .datetimepicker.sln-datetimepicker table tr td.day:not(.disabled) {font-weight: 700;} .datetimepicker.sln-datetimepicker table tr td span.hour.red:not(.disabled):not(.active), .datetimepicker.sln-datetimepicker table tr td span.minute.red:not(.disabled):not(.active), .datetimepicker.sln-datetimepicker table tr td span.month.red:not(.disabled):not(.active), .datetimepicker.sln-datetimepicker table tr td span.year.red:not(.disabled):not(.active), .datetimepicker.sln-datetimepicker table tr td.day.red:not(.disabled), .select2-results__option.red {color: red !important;} .datetimepicker.sln-datetimepicker table tr td span.hour.red:not(.disabled):not(.active):hover, .datetimepicker.sln-datetimepicker table tr td span.minute.red:not(.disabled):not(.active):hover, .datetimepicker.sln-datetimepicker table tr td span.month.red:not(.disabled):not(.active):hover, .datetimepicker.sln-datetimepicker table tr td span.year.red:not(.disabled):not(.active):hover, .datetimepicker.sln-datetimepicker table tr td.day.red:not(.disabled):hover, .select2-results__option.red:hover {color: #fff !important;background-color: red !important;} .datetimepicker.sln-datetimepicker table tr td span.hour, .datetimepicker.sln-datetimepicker table tr td span.minute, .datetimepicker.sln-datetimepicker table tr td span.month, .datetimepicker.sln-datetimepicker table tr td span.year, .datetimepicker.sln-datetimepicker table tr td.day {border-style: solid;border-width: 1px;min-width: 3em;} .datetimepicker.sln-datetimepicker table tr td span.hour, .datetimepicker.sln-datetimepicker table tr td span.minute, .datetimepicker.sln-datetimepicker table tr td span.month, .datetimepicker.sln-datetimepicker table tr td span.year {width: 25%;height: auto;height: initial;line-height: 3em;border-top: 0;margin: 0 -.05em;} .datetimepicker.sln-datetimepicker table tr td span.hour, .datetimepicker.sln-datetimepicker table tr td span.minute, .datetimepicker.sln-datetimepicker table tr td span.month, .datetimepicker.sln-datetimepicker table tr td span.year, .datetimepicker.sln-datetimepicker table tr td.day, .datetimepicker.sln-datetimepicker td, .datetimepicker.sln-datetimepicker th {font-size: 1em;} .sln_datepicker #sln_date.form-control[readonly], .sln_timepicker #sln_time.form-control[readonly] {cursor: pointer;} .datetimepicker.sln-datetimepicker .next, .datetimepicker.sln-datetimepicker .prev, .datetimepicker.sln-datetimepicker .switch, .datetimepicker.sln-datetimepicker .today {border-style: solid;border-width: 1px;} .datetimepicker.sln-datetimepicker .next, .datetimepicker.sln-datetimepicker .prev {position: relative;padding: 0;min-width: 3em;} .datetimepicker.sln-datetimepicker .next:before, .datetimepicker.sln-datetimepicker .prev:before {display: block;font-size: 60;line-height: 0;} .datetimepicker.sln-datetimepicker .next i, .datetimepicker.sln-datetimepicker .prev i {display: none;} .datetimepicker.sln-datetimepicker .prev:before {content: "";} .datetimepicker.sln-datetimepicker .next:before {content: "";} #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_datepicker, .sln_timepicker {margin-bottom: 2em;position: relative;cursor: pointer;} .sln_datepicker:after, .sln_timepicker:after {line-height: 0;display: inline-block;right: .4em;font-style: normal;border-radius: 50%;-webkit-transition: color 250ms;-moz-transition: color 250ms;-o-transition: color 250ms;transition: color 250ms;pointer-events: none;} @media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {.datetimepicker.sln-datetimepicker .next:before, .datetimepicker.sln-datetimepicker .prev:before {font-family: FontAwesome;font-size: 18px;line-height: 0;} .sln_datepicker:after, .sln_timepicker:after {font-size: 30px;right: 16px;}} #sln-salon.sln-salon--m .sln_datepicker, #sln-salon.sln-salon--m .sln_timepicker {margin-bottom: 0;} .sln-icon {position: relative;top: 1px;display: inline-block;font-size: 60;font-style: normal;font-weight: 400;line-height: 3.33333rem;} .sln-icon:after {content: "";display: inline-block;text-align: center;-webkit-transition: background-color .2s,color .3s;-moz-transition: background-color .2s,color .3s;-o-transition: background-color .2s,color .3s;transition: background-color .2s,color .3s;z-index: 200;} .sln-icon--checked--square:after {content: "";} .sln-icon--calendar:after, .sln_datepicker:after {content: "";} .sln-icon--booking:after, .sln-icon--time:after, .sln_timepicker:after {content: "";} .sln-btn--icon.sln-icon--back:after, .sln-btn--icon.sln-icon--left:after, .sln-btn--icon.sln-icon--prev:after, .sln-icon--back:after, .sln-icon--left:after, .sln-icon--prev:after {content: "";} .sln-icon--forward:after, .sln-icon--next:after, .sln-icon--right:after {content: "";} #sln-salon .sln-input {margin-bottom: .8em;} #sln-salon .sln-input input, #sln-salon .sln-input textarea {width: 100%;border-radius: 0;-webkit-box-shadow: none;box-shadow: none;border: solid;padding: .5em .8em;line-height: 1.8em;height: auto;border-width: 1px;} #sln-salon .sln-input label {padding: .5em 1.2em;font-weight: 400;} #sln-salon .sln-input .help-block {padding: 0 .8em;margin-bottom: 0;} #sln-salon.sln-salon--s .sln-input input[type=text] {margin-bottom: 2em;} #sln-salon .sln-input-group .sln-input, #sln-salon.sln-salon--s .sln-input .sln-input-group input[type=text] {margin-bottom: 0;} #sln-salon .sln-input-group {padding-bottom: .8em;} #sln-salon.sln-salon--s .sln-input .sln-input-group {padding-bottom: 2em;} #sln-salon label {cursor: pointer;} .sln-checkbox label, .sln-radiobox label {font-weight: 400;padding: .8em 1.2em .8em 0;margin-bottom: 0;} .sln-checkbox input {position: absolute;width: 1.6em;z-index: 2;background: red;height: 1.6em;opacity: 0;} .sln-checkbox input+label {margin: .2em 0;position: relative;cursor: pointer;outline: 0;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:after, .sln-checkbox input+label:before {display: block;position: absolute;top: 0;left: 0;width: 1.8em;height: 1.76em;} .sln-checkbox input+label:before {content: "";transition: transform .5s;backface-visibility: hidden;border-style: solid;border-width: .2em;} @media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {.sln-checkbox input+label:after, .sln-checkbox input+label:before {width: 24px;height: 24px;} .sln-checkbox input+label:before {border-width: 3px;}} .sln-checkbox input+label:after {background-color: transparent;content: " ";transition: all .15s;backface-visibility: hidden;opacity: 0;font-family: FontAwesome;font-size: 1.4em;line-height: 0;line-height: 1.2em;top: .05em;left: .15em;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-size: 18px;line-height: 0;top: 12px;left: 3px;width: 16px;height: 16px;} .sln-radiobox input+label:before {border-width: .2em;}} .sln-checkbox input+label:hover:after {opacity: 1;} .sln-checkbox input:checked+label:after, .sln-checkbox input:checked+label:hover:after {opacity: 1;} .sln-checkbox label span {display: inline-block;padding-left: .6em;font-weight: 700;} .sln-checkbox input[type=checkbox][disabled]+label, .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-radiobox input {position: absolute;margin-left: -9999px;visibility: hidden;} .sln-radiobox input+label {position: relative;cursor: pointer;outline: 0;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:after, .sln-radiobox input+label:before {content: " ";display: block;position: absolute;top: 0;left: 0;padding: 1px;width: 28px;height: 28px;border-radius: 50%;} .sln-radiobox input+label:before {transition: transform .5s;backface-visibility: hidden;border-style: solid;border-width: .2em;} .sln-radiobox input+label:after {width: 18px;height: 18px;top: 5px;left: 5px;transition: background .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, .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: .5em .8em;border-radius: 0;border: 0;font-weight: 700;line-height: 1.8em;background: 0 0;position: relative;} @media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {#sln-salon .sln-input .sln-input--addon {padding: 7px .8em;line-height: 32px;}} #sln-salon .sln-input .sln-input--addon:after {content: " ";display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;opacity: .25;} #sln-salon-my-account .tooltip.in, .sln-stepper .step.step--active {opacity: 1;} #sln-salon .sln-checkbox label:first-child {font-size: .8em;line-height: 1.4em;padding: .5em 1.2em;font-weight: 400;} .sln-bootstrap .sln-btn, .sln-btn {text-align: center;border: none;cursor: pointer;transition: background-color .2s,color 250ms;position: relative;} .sln-btn--icon, .sln-btn--icon button, .sln-btn--icon input {text-align: left;} .sln-bootstrap .sln-btn a, .sln-bootstrap .sln-btn button, .sln-bootstrap .sln-btn input, .sln-btn a, .sln-btn button, .sln-btn input {width: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: 0;z-index: 500;border: none;background-color: transparent;cursor: pointer;-webkit-transition: background-color .2s,color 250ms;-moz-transition: background-color .2s,color 250ms;-o-transition: background-color .2s,color 250ms;transition: background-color .2s,color 250ms;} .sln-bootstrap .sln-btn:active, .sln-bootstrap .sln-btn:focus, .sln-bootstrap .sln-btn:hover, .sln-btn:active, .sln-btn:focus, .sln-btn:hover {text-decoration: none;text-shadow: none;} #sln-salon .sln-btn--big, #sln-salon .sln-btn--big a, #sln-salon .sln-btn--big button, #sln-salon .sln-btn--big input {display: inline-block;padding: 0 .5em;line-height: 4em;height: 4em;text-transform: uppercase;font-weight: 400;} #sln-salon .sln-btn--big a.sln-btn--block, #sln-salon .sln-btn--big button.sln-btn--block, #sln-salon .sln-btn--big input.sln-btn--block, #sln-salon .sln-btn--big.sln-btn--block {display: block;} #sln-salon .sln-btn.sln-btn--noheight {display: inline-block;position: relative;top: initial;top: auto;right: initial;right: auto;bottom: initial;bottom: auto;left: initial;left: auto;padding: 1em .5em;text-transform: uppercase;} #sln-salon .sln-btn.sln-btn--noheight.sln-btn--block {display: block;} #sln-salon .sln-btn.sln-btn--noheight a, #sln-salon .sln-btn.sln-btn--noheight button, #sln-salon .sln-btn.sln-btn--noheight input {display: inline-block;position: relative;top: initial;top: auto;right: initial;right: auto;bottom: initial;bottom: auto;left: initial;left: auto;padding: 1em .5em;text-transform: uppercase;} #sln-salon .sln-btn.sln-btn--noheight a.sln-btn--block, #sln-salon .sln-btn.sln-btn--noheight button.sln-btn--block, #sln-salon .sln-btn.sln-btn--noheight input.sln-btn--block {display: block;} #sln-salon .sln-btn--medium {display: inline-block;padding: 0 .5em;line-height: 3.6em;height: 3.6em;font-weight: 400;text-transform: uppercase;} #sln-salon .sln-btn--medium.sln-btn--icon--left {padding-right: 1em;padding-left: 2em;} #sln-salon .sln-btn--medium a, #sln-salon .sln-btn--medium button, #sln-salon .sln-btn--medium input {display: inline-block;padding: 0 .5em !important;line-height: 3.6em;font-weight: 400;height: 3.6em;text-transform: uppercase;} #sln-salon .sln-btn--medium a.sln-btn--block, #sln-salon .sln-btn--medium button.sln-btn--block, #sln-salon .sln-btn--medium input.sln-btn--block {display: block;} #sln-salon .sln-btn--medium a.sln-btn--icon--left, #sln-salon .sln-btn--medium button.sln-btn--icon--left, #sln-salon .sln-btn--medium input.sln-btn--icon--left {padding-right: 1em;padding-left: 2em;} .sln-btn--minwidth {min-width: 10em;} .sln-btn--fullwidth {width: 100%;} #sln-salon.sln-salon--m .sln-btn--big, #sln-salon.sln-salon--m .sln-btn--big a, #sln-salon.sln-salon--m .sln-btn--big button, #sln-salon.sln-salon--m .sln-btn--big input {padding: 0 .5em;line-height: 4em;height: 4em;} #sln-salon.sln-salon--m .sln-btn--big a.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 input.sln-btn--icon--left, #sln-salon.sln-salon--m .sln-btn--big.sln-btn--icon--left {padding-right: 1em;padding-left: 4em;} .sln-bootstrap .sln-btn--emphasis:active a, .sln-bootstrap .sln-btn--emphasis:active button, .sln-bootstrap .sln-btn--emphasis:active input, .sln-bootstrap .sln-btn--emphasis:focus a, .sln-bootstrap .sln-btn--emphasis:focus button, .sln-bootstrap .sln-btn--emphasis:focus input, .sln-bootstrap .sln-btn--emphasis:hover a, .sln-bootstrap .sln-btn--emphasis:hover button, .sln-bootstrap .sln-btn--emphasis:hover input, .sln-btn--emphasis:active a, .sln-btn--emphasis:active button, .sln-btn--emphasis:active input, .sln-btn--emphasis:focus a, .sln-btn--emphasis:focus button, .sln-btn--emphasis:focus input, .sln-btn--emphasis:hover a, .sln-btn--emphasis:hover button, .sln-btn--emphasis:hover input {text-decoration: none;} .sln-bootstrap .sln-btn--borderonly, .sln-btn--borderonly {border-style: solid;border-width: 1px;} .sln-btn--icon {position: relative;background-color: #fff;} #sln-salon .stripe-button-el, #sln-salon .stripe-button-el span {background-color: transparent;background-image: none;} .sln-btn--icon:after {content: "";display: inline-block;position: absolute;top: 0;right: 0;bottom: 0;text-align: center;font-size: 1em;font-style: normal;font-weight: 400;line-height: 4em;-webkit-transition: background-color .2s;-moz-transition: background-color .2s;-o-transition: background-color .2s;transition: background-color .2s;z-index: 200;} @media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {.sln-btn--icon:after {font-family: FontAwesome;font-size: 16px;line-height: 0;line-height: 50px;}} .sln-btn--icon.sln-btn--big {padding-right: 2.6em;} .sln-btn--icon.sln-btn--big:after {font-size: 1.2em;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 {padding-right: 1em;padding-left: 2em;} .sln-btn--icon.sln-btn--medium:after {font-size: 1em;padding: 0 .5em;line-height: 3.6em;} @media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {.sln-btn--icon.sln-btn--medium:after {font-size: 16px;padding: 0 9px;line-height: 50px;}} .sln-btn--icon.sln-btn--noheight {padding-right: 1em;padding-left: 2em;} .sln-btn--icon.sln-btn--noheight:after {font-size: 1em;padding: 0 .5em;line-height: 3.6em;} @media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {.sln-btn--icon.sln-btn--noheight:after {font-size: 16px;padding: 0 9px;line-height: 50px;}} .sln-btn--icon.sln-btn--icon--left {text-align: right;} .sln-btn--icon.sln-btn--icon--left.sln-btn--fullwidth, .sln-btn--icon.sln-btn--icon--left.sln-btn--fullwidth button {text-align: left;} .sln-btn--icon.sln-btn--icon--left button {text-align: right;} .sln-btn--icon.sln-btn--icon--left:after {top: 0;right: auto;right: initial;bottom: 0;left: 0;} .sln-btn--icon.sln-btn--icon--left.sln-btn--big {padding-right: 4em;padding-left: 4em;} #sln-salon .stripe-button-el span {height: auto;line-height: inherit;min-height: auto !important;text-shadow: none;box-shadow: none;} #sln-salon .alert, .sln-alert {display: inline-block;position: relative;border: none;padding: 2.6em 1em .6em;margin: 1em 0;text-align: center;border-radius: 0;} #sln-salon .alert:after, .sln-alert:after {line-height: 0;display: inline-block;content: "";position: absolute;top: .6em;left: 50%;-webkit-transform: translateX(-50%) translateY(0);-ms-transform: translateX(-50%) translateY(0);transform: translateX(-50%) translateY(0);font-style: normal;border-radius: 50%;} @media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {#sln-salon .alert:after, .sln-alert:after {font-size: 18px;left: 16px;}} #sln-salon .alert a, .sln-alert a {display: inline-block;font-weight: 700;border-bottom-style: solid;border-bottom-width: .15em;} #sln-salon .alert a:hover, .sln-alert a:hover {text-decoration: none;} @media only screen and (min-width:768px) {#sln-salon .alert, .sln-alert {padding: .6em 1.6em .6em 3em;text-align: left;} #sln-salon .alert:after, .sln-alert:after {font-family: FontAwesome;font-size: 2em;line-height: 0;display: inline-block;content: "";position: absolute;top: 50%;left: .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%;} #sln-salon .alert.sln-alert--topicon:after, .sln-alert.sln-alert--topicon:after {top: .8em;left: .4em;}} #sln-salon .sln-alert p:last-of-type, #sln-salon .sln-alert p:only-of-type {margin-bottom: 0;} #sln-salon .alert-warning:before, .sln-alert--warning:before {display: inline-block;content: "";position: absolute;top: .8em;left: 50%;-webkit-transform: translateX(-50%) translateY(0);-ms-transform: translateX(-50%) translateY(0);transform: translateX(-50%) translateY(0);font-style: normal;border-radius: 50%;width: 1.1em;height: 1.1em;} @media only screen and (min-width:768px) {#sln-salon .alert-warning:before, .sln-alert--warning:before {top: 50%;left: .6em;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}} @media only screen and (min-width:768px) and (-ms-high-contrast:active),only screen and (min-width:768px) and (-ms-high-contrast:none) {#sln-salon .alert-warning:before, .sln-alert--warning:before {left: 16px;}} @media only screen and (min-width:992px) {#sln-salon .alert-warning:before, .sln-alert--warning:before {width: .9em;height: .9em;}} @media only screen and (min-width:768px) {#sln-salon .sln-alert--topicon.alert-warning:before, .sln-alert--topicon.sln-alert--warning:before {top: 1.2em;left: .65em;}} @media only screen and (min-width:992px) {#sln-salon .sln-alert--topicon.alert-warning:before, .sln-alert--topicon.sln-alert--warning:before {top: 1em;left: .6em;}} @media only screen and (min-width:992px) and (-ms-high-contrast:active),only screen and (min-width:992px) and (-ms-high-contrast:none) {#sln-salon .alert-warning:before, .sln-alert--warning:before {width: 28px;height: 28px;} #sln-salon .sln-alert--topicon.alert-warning:before, .sln-alert--topicon.sln-alert--warning:before {top: 1rem;left: .6rem;}} .sln-alert.sln-alert-medium {display: block;padding: .5em 1.6em .5em 3.2em;margin: .4em 0;font-weight: 700;text-align: left;} .sln-alert.sln-alert-medium:after {left: .6em;} #sln-salon .alert-success:after, .sln-alert--success:after {content: "";} #sln-salon .alert-danger:after, .sln-alert--problem:after {content: "";} #sln-salon .alert-warning:after, .sln-alert--warning:after {content: "";} .sln-alert--wait:after, .sln-alert.sln-alert--wait:after {content: "";font-size: 1.9em;-webkit-animation: wait 2s infinite linear;animation: wait 2s infinite linear;} @media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {.sln-alert--wait:after, .sln-alert.sln-alert--wait:after {font-size: 30px;}} @-webkit-keyframes wait {0% {-moz-transform: rotate(0);-webkit-transform: rotate(0);transform: rotate(0);} 100% {-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);transform: rotate(360deg);}} @keyframes wait {0% {-moz-transform: rotate(0);-webkit-transform: rotate(0);transform: rotate(0);} 100% {-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);transform: rotate(360deg);}} .snl-error-list-item {display: block;font-weight: 700;border-bottom-style: solid;border-bottom-width: .05em;padding-bottom: .5em;margin-bottom: .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: 700;text-align: center;font-family: Arial;border-radius: 50%;} .sln-stepper .step .step-label {text-transform: capitalize;padding-left: .5em;} #sln-salon-my-account button, #sln-salon-my-account h1 {text-transform: uppercase;} #sln-salon.sln-salon--m .sln-stepper, #sln-salon.sln-salon--s .sln-stepper {width: calc(100% + 4em);margin: -1em -2em -2em;} #sln-salon.sln-salon--m .sln-stepper .step-label, #sln-salon.sln-salon--s .sln-stepper .step-label {display: none;} #sln-salon-my-account .status, #sln-salon.sln-salon--m .sln-stepper .step--active .step-label, #sln-salon.sln-salon--s .sln-stepper .step--active .step-label {display: inline-block;} #sln-salon.sln-salon--s .sln-stepper .step {padding: 1em 0 1em 1em;} #sln-salon.sln-step-details .sln-stepper, #sln-salon.sln-step-summary .sln-stepper, #sln-salon.sln-step-thankyou .sln-stepper {margin-top: 1em;} #sln-salon-my-account h1 {color: #333;text-align: center;font-size: 1.1em;margin: 1em 0 2em;} #sln-salon-my-account h1 .icocal {margin-left: 30px;margin-top: 0;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 .nav li {padding: 0 !important;} #sln-salon-my-account .nav li.active a {background-color: #f4f4f4 !important;} #sln-salon-my-account .nav li:not(.active) a {background-color: #d6d6d6 !important;} #sln-salon-my-account .nav li a, #sln-salon-my-account .nav li div {border-radius: 0;padding: 20px 15px;font-weight: 400;color: #555 !important;} #sln-salon-my-account .nav li div {margin-right: 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 {background-color: #f4f4f4;} #sln-salon-my-account .sln-salon-my-account-tab-pane {padding: 20px !important;} #sln-salon-my-account .hint {font-size: larger;color: #b9b9b9;text-align: center;padding: 20px 20%;} #sln-salon-my-account .table, #sln-salon-my-account .table tr {border: none !important;} #sln-salon-my-account .table td {color: #555;text-align: center;} #sln-salon-my-account .table thead td {text-align: center;text-transform: uppercase;border: none !important;border-bottom: 2px solid #4c4c4c !important;font-size: .7em;} #sln-salon-my-account .table tbody td {border: none !important;border-bottom: 2px solid #4c4c4c !important;font-size: 13px !important;} #sln-salon-my-account .table tbody tr td:nth-child(6) {text-transform: uppercase;} #sln-salon-my-account h3 {color: #000;margin: 20px 0;} #sln-salon-my-account .success {background-color: #5bc24c;} #sln-salon-my-account .info, #sln-salon-my-account .warning {background-color: #f5b025;} #sln-salon-my-account .danger {background-color: red;} #sln-salon-my-account .disabled {background-color: grey;} #sln-salon-my-account .tooltip.right .tooltip-inner {box-shadow: 1px 1px #cdcdcd,2px 2px #cdcdcd,3px 3px #cdcdcd,-1px -1px #cdcdcd;color: #000;background-color: #ebebeb !important;padding: 10px;border: 3px;min-width: 100px;width: auto;} #sln-salon-my-account .tooltip.right .tooltip-inner strong {color: #000;} #sln-salon-my-account .tooltip.right .tooltip-arrow {border-right-color: #cdcdcd !important;} #sln-salon-my-account .tooltip.top .tooltip-inner {background-color: #919fa7 !important;max-width: 160px;text-transform: none;text-align: left;} #sln-salon-my-account .tooltip.top .tooltip-arrow {border-top-color: #919fa7 !important;} #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 {background-color: #f5b025 !important;} #sln-salon-my-account .sln-rate-service-on {margin: 0 3px;color: #e8d826 !important;} #sln-salon-my-account .sln-rate-service-off {margin: 0 3px;color: #d6d6d6 !important;} #sln-salon-my-account .rating {width: auto;padding: 4px 8px 6px;border-radius: 3px;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: 1px solid #ddd;min-height: 52px;line-height: 52px;padding: 0 1em;margin: 1em 0 0;text-transform: uppercase;font-size: .7em;color: #076b9d;} #sln-salon-my-account.mobile-version .sln-my-account-message {margin: 1em 0 0;} #sln-salon-my-account.mobile-version>div:first-child {margin-bottom: 2em;} #sln-salon-my-account.mobile-version 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 tr {display: block;margin: 1em 0 2em;} #sln-salon-my-account.mobile-version .table tbody tr td {width: 100%;display: block;text-align: left;border: none;padding-right: 10px;padding-left: 10em;position: relative;min-height: 52px;border-bottom: solid 1px #ddd;} #sln-salon-my-account.mobile-version .table tbody tr td:last-child {border-bottom: none;} #sln-salon-my-account.mobile-version .table tbody tr {border: 1px solid #ddd;} #sln-salon-my-account.mobile-version td:last-child, #sln-salon-my-account.mobile-version td:nth-child(2) {max-width: auto;max-width: initial !important;width: 100% !important;} #sln-salon-my-account.mobile-version td:before {content: attr(data-th) ": ";font-weight: 700;text-transform: uppercase;color: #0073a4;max-width: 10em;display: inline-block;position: absolute;left: 1em;} @media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {#sln-salon-my-account.mobile-version td:before {max-width: 12rem;left: 1.4rem;}} #sln-salon-my-account.mobile-version .status {margin-right: 80% !important;} #sln-salon-my-account.mobile-version .status~div {display: inline-block;} #sln-salon-my-account.mobile-version div {padding: 0;} #sln-salon-my-account.mobile-version .table-bordered {border: none;} @media screen and (max-width:767px) {#sln-salon-my-account h1 .icocal {display: none;}} @media (min-width:768px) {#sln-salon #sln-salon-my-account .modal-dialog {width: 560px;}} #sln-salon #sln-salon-my-account .modal-dialog {margin: 20% 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,.3);padding-bottom: 4em;} #sln-salon #sln-salon-my-account.mobile-version div.modal-content {padding: 0 0 8em;} @media only screen and (min-width:768px) {#sln-salon #sln-salon-my-account.mobile-version div.modal-content {padding: 0 0 4em;}} #sln-salon #sln-salon-my-account #step1 {margin-top: 40px;} #sln-salon #sln-salon-my-account #step1 p, #sln-salon #sln-salon-my-account #step2 p {margin: 0;} #sln-salon #sln-salon-my-account #step2 {padding-top: 100px;} #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 50px;height: 400px;} #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;} #sln-salon #sln-salon-my-account .modal-body button.btn-primary {background: #0083c3;margin-top: 50px;} #sln-salon #sln-salon-my-account .modal-body button.btn-default {background: 0 0;color: #0083c3 !important;text-decoration: underline;margin-bottom: 20px;} #sln-salon #sln-salon-my-account .modal {background-color: rgba(220,220,220,.4);} #sln-salon #sln-salon-my-account .modal button.close, #sln-salon #sln-salon-my-account .modal button.close:hover {background: 0 0;border: none;position: relative;color: #fff;opacity: auto;opacity: initial;text-shadow: none;margin: 10px 20px 0 0;} #sln-salon #sln-salon-my-account .modal button.close:before, #sln-salon #sln-salon-my-account .modal button.close:hover:before {content: "×";border-radius: 50%;background: #555;border: none;width: 20px;height: 20px;position: absolute;top: 0;left: 0;z-index: 0;line-height: 16px;font-size: 20px;} #sln-salon #sln-salon-my-account .modal textarea {width: 100%;resize: none;margin: 20px 0;border: none;background: #d2e5f6;padding: 16px;color: #36aee8;border-radius: 2px;height: 140px;} #sln-salon #sln-salon-my-account .modal textarea::-webkit-input-placeholder {color: #36aee8;} #sln-salon #sln-salon-my-account .modal textarea::-moz-placeholder {color: #36aee8;} #sln-salon #sln-salon-my-account .modal textarea:-moz-placeholder {color: #36aee8;} #sln-salon #sln-salon-my-account .modal textarea:-ms-input-placeholder {color: #36aee8;} #sln-salon #sln-salon-my-account .modal textarea::placeholder {color: #36aee8;} #sln-salon #sln-salon-my-account .modal textarea::input-placeholder {color: #36aee8;} #sln-salon #sln-salon-my-account .modal .rating {display: inline-block !important;background: 0 0;} #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: .9em;} #sln-salon #sln-salon-my-account .glyphicon {font-family: FontAwesome;font-size: 1em;} #sln-salon #sln-salon-my-account .glyphicon:before {content: "";} #sln-salon #sln-salon-my-account .glyphicon.glyphicon-clock:before {content: "";} #sln-salon #sln-salon-my-account .glyphicon.glyphicon-trash:before {content: "";} #sln-salon #sln-salon-my-account .glyphicon.glyphicon-ban-circle:before {content: "";} #sln-salon #sln-salon-my-account .glyphicon.glyphicon-plus:before {content: "";} #sln-salon #sln-salon-my-account .glyphicon.glyphicon-minus:before {content: "";} #sln-salon #sln-salon-my-account .glyphicon.glyphicon-star:before {content: "";} #sln-salon #sln-salon-my-account .glyphicon.glyphicon-star-empty:before {content: "";} #sln-salon #sln-salon-my-account .glyphicon.glyphicon-thumbs-up:before {content: "";} #sln-salon #sln-salon-my-account .glyphicon.glyphicon-warning-sign:before {content: "";} #sln-salon #sln-salon-my-account .glyphicon.glyphicon-ok-sign:before {content: "";} #sln-salon #sln-salon-my-account .glyphicon.glyphicon-hourglass:before {content: "";} #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;left: 0;background-color: currentColor;opacity: .25;} .sln-datalist.sln-datalist--styled .sln-datalist__item__name {margin: 0 0 1em;} .sln-datalist.sln-datalist--styled .sln-datalist__item__image img {max-width: 25%;margin: 0;border-radius: 9999px;border-radius: 50%;} .sln-datalist.sln-datalist--styled .sln-datalist__item__description, .sln-datalist.sln-datalist--styled .sln-datalist__item__list {margin: 2em 0;} .sln-datalist.sln-datalist--styled .sln-datalist__item__list h5 {margin-bottom: .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: .85;} .sln-datalist.sln-datalist--styled .sln-datalist__item__actions a {display: inline-block;padding: .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:active, .sln-datalist.sln-datalist--styled .sln-datalist__item__actions a:focus, .sln-datalist.sln-datalist--styled .sln-datalist__item__actions a:hover {text-decoration: none;text-shadow: none;} @media only screen and (min-width:768px) {.sln-datalist.sln-datalist--2cols .sln-datalist__item {width: 50%;float: left;padding: 0 5% 5rem 0;} .sln-datalist.sln-datalist--2cols .sln-datalist__item:nth-child(odd) {clear: both;} .sln-datalist.sln-datalist--2cols.sln-datalist--styled .sln-datalist__item__image img {max-width: 50%;} .sln-datalist.sln-datalist--3cols .sln-datalist__item {width: 33.3333%;float: left;padding: 0 5% 5rem 0;} .sln-datalist.sln-datalist--3cols .sln-datalist__item:nth-child(3n+4) {clear: both;} .sln-datalist.sln-datalist--3cols.sln-datalist--styled .sln-datalist__item__image img {max-width: 75%;} .sln-datalist.sln-datalist--4cols .sln-datalist__item {width: 25%;float: left;padding: 0 5% 5rem 0;} .sln-datalist.sln-datalist--4cols .sln-datalist__item:nth-child(4n+5) {clear: both;} .sln-datalist.sln-datalist--4cols.sln-datalist--styled .sln-datalist__item__image img {max-width: 90%;}} #sln-salon.sln-salon--l, #sln-salon.sln-salon--m, #sln-salon.sln-salon--s, .editable.focus .input input {width: 100%;} .sln-datalist_clearfix:after, .sln-datalist_clearfix:before {content: " ";display: table;} #sln-salon {position: relative;margin-top: 2em;margin-bottom: 2em;padding: 1em;} #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 {border-width: 1px;border-style: solid;padding: 2em;} .sln-steps-price {text-align: right;}} 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-description label, .sln-steps-info label {font-weight: 400;width: 100%;display: block;} .sln-steps-description hr {margin: .6em 0;border: 0;border-top-style: dashed;border-top-width: .05em;background-image: none;} .sln-steps-price {display: block;} #sln-salon .sln-list--dashed, #sln-salon ul.sln-list--dashed, .sln-list--dashed, ul.sln-list--dashed {list-style: none;display: inline-block;margin-bottom: 1em;margin-left: 0;padding-left: 0;} #sln-salon .sln-list--dashed li, #sln-salon ul.sln-list--dashed li, .sln-list--dashed li, ul.sln-list--dashed li {padding-bottom: .4em;margin-bottom: .75em;border-bottom-style: dotted;border-bottom-width: .05em;} #sln-salon .sln-list--dashed li:last-child, #sln-salon ul.sln-list--dashed li:last-child, .sln-list--dashed li:last-child, ul.sln-list--dashed li:last-child {padding-bottom: 0;margin-bottom: 0;border-bottom: 0;} #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: 400;text-align: left;} .sln-data-val {text-align: right;} #sln-salon.sln-salon--s .sln-data-val {text-align: left;padding-top: .2em;padding-bottom: .6em;} .sln-salon--l.sln-step-date .sln-box--main:last-child {margin-bottom: 0;} .sln-service {margin-bottom: 4em;} @media only screen and (min-width:768px) {.sln-service {margin-bottom: 2em;}} .sln-steps-duration {display: block;text-transform: uppercase;font-weight: 700;} #sln-salon .sln-attendant-list--multiple .sln-steps-name.sln-service-name {border-bottom-style: solid;border-bottom-width: 2px;margin-bottom: 1em;} @media only screen and (max-width:767px) {.sln-attendants-wrapper .sln-attendant-description {margin-top: 1em;}} .sln-attendant {margin-bottom: 2em;} .sln-attendant hr {margin: 2em 0 0;border: 0;border-top-style: dashed;border-top-width: 1px;background-image: none;} .sln-attendant:last-child hr {border-top-style: solid;border-top-width: .16em;padding-top: .5em;margin-top: 1.5em;} .sln-attendant .sln-attendant-thumb img {border-radius: 9999px;border-radius: 50%;} @media only screen and (min-width:992px) {#sln-salon.sln-salon--l {max-width: 900px;} #sln-salon.sln-salon--m {max-width: 600px;} #sln-salon.sln-salon--s {max-width: 400px;} .sln-attendant {margin-bottom: 3em;} .sln-attendant:last-child {margin-bottom: 2em;} #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-summary {margin-top: 2em;} .sln-summary-row {padding: 0;margin-bottom: 1em;} .sln-summary-row .label {font-weight: 400;padding: 0;} .sln-summary-row .sln-steps-name, .sln-summary-row .sln-steps-price {margin-bottom: 0;} .sln-summary-row hr {margin: 1em 0 0;border: 0;border-bottom-style: solid;border-bottom-width: .05em;background-image: none;} .sln-summary-row:last-child {margin-bottom: 0;padding-bottom: 0;} .sln-summary-row:last-child hr {display: none;} .sln-step-summary .sln-total {margin-bottom: 2em;} @media only screen and (max-width:767px) {.sln-step-summary .sln-total {margin-top: 2em;}} #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;margin-bottom: 0;} #sln-salon.sln-salon--s .sln-summary-row .sln-steps-price {text-align: left;margin: .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: 3em 1em;} #sln-salon .sln-thankyou--okbox h2 {padding: 0 .5em 0 3em;} #sln-salon .sln-thankyou--okbox h2, #sln-salon .sln-thankyou--okbox h3 {font-weight: 700;display: inline-block;} #sln-salon .sln-thankyou--okbox hr {margin: 1em 0 .5em;border: 0;border-bottom-style: solid;border-bottom-width: .05em;background-image: none;} #sln-salon .sln-thankyou--okbox .sln-icon-wrapper {padding-left: 3em;} #sln-salon .sln-thankyou--okbox .sln-icon-wrapper .sln-icon {font-size: 2em;line-height: 2em;} .sln-form-actions, .sln-payment-actions .sln-btn.sln-btn--noheight {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: 3em 0;} #sln-salon.sln-salon--s .sln-thankyou .sln-thankyou--okbox h1, #sln-salon.sln-salon--s .sln-thankyou .sln-thankyou--okbox h2, #sln-salon.sln-salon--s .sln-thankyou .sln-thankyou--okbox h3 {text-align: center;} #sln-salon.sln-salon--s .sln-thankyou .sln-thankyou--okbox h2, #sln-salon.sln-salon--s .sln-thankyou .sln-thankyou--okbox h3 {display: block;} #sln-salon.sln-salon--s .sln-thankyou .sln-thankyou--okbox h2 {padding-left: 0;} #sln-salon.sln-salon--s .sln-thankyou .sln-thankyou--okbox hr {margin: 1.5em 0 1em;} #sln-salon.sln-salon--s .sln-thankyou .sln-icon-wrapper {padding-top: 3em;padding-left: 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 0 2em;} #sln-salon .sln-thankyou .sln-thankyou--okbox h1, #sln-salon .sln-thankyou .sln-thankyou--okbox h2, #sln-salon .sln-thankyou .sln-thankyou--okbox h3 {text-align: center;} #sln-salon .sln-thankyou .sln-thankyou--okbox h2, #sln-salon .sln-thankyou .sln-thankyou--okbox h3 {display: block;} #sln-salon .sln-thankyou .sln-thankyou--okbox h1 {font-size: .9em;} #sln-salon .sln-thankyou .sln-thankyou--okbox h1 .sln-icon {font-size: 2em;} #sln-salon .sln-thankyou .sln-thankyou--okbox h2 {padding-left: 0;font-size: .8em;} #sln-salon .sln-thankyou .sln-thankyou--okbox h3 {font-size: 2em;} #sln-salon .sln-thankyou .sln-thankyou--okbox hr {margin: 1.5em 0 1em;} #sln-salon .sln-thankyou .sln-icon-wrapper {padding-top: 4em;padding-left: 0;text-align: center;} #sln-salon .sln-thankyou .sln-icon-wrapper .sln-icon {top: 0;left: 50%;-webkit-transform: translateX(-50%) translateY(0);-ms-transform: translateX(-50%) translateY(0);transform: translateX(-50%) translateY(0);}} #sln-salon.sln-salon--m .sln-box--formactions, .sln-total-price {text-align: right;} .sln-box--formactions {text-align: right;margin-bottom: 0;} .sln-box--formactions.sln-box--main {margin-bottom: 0;margin-top: 0;} .sln-box--formactions .sln-icon--back {float: left;} .sln-box--formactions .sln-btn {margin-bottom: 1em;} @media only screen and (min-width:768px) {.sln-box--formactions .sln-icon--back {float: right;} .sln-box--formactions .sln-btn {margin-bottom: 0;}} .sln-icon-wrapper {position: relative;padding-left: 3.5em;} .sln-icon-wrapper .sln-icon {position: absolute;left: 0;} .sln-icon-wrapper .sln-icon-wrapper--right {padding-right: 3.5em;padding-left: 0;} #sln-salon.sln-salon--l .sln-attendants-wrapper {margin-bottom: 0;} @media only screen and (min-width:992px) {#sln-salon.sln-salon--l .sln-attendants-wrapper {margin-bottom: 1.5em;}} .sln-total {margin-bottom: 3em;} @media only screen and (min-width:992px) {.sln-total {margin-bottom: 0;}} .sln-total hr {margin: 0 0 .6em;border: 0;border-top-style: solid;border-top-width: .16em;background-image: none;} #sln-notifications .sln-loader-wrapper {position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: #fff;opacity: .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;} .editable input {background-color: #fff;border: none;padding: 10px 0 10px 5px;} .editable .text {padding: 5px 0 5px 5px;} .editable {border: 1px solid transparent;} .editable.focus, .editable:hover {border: 1px solid orange;} .editable .fa-gear {font-size: 25px;vertical-align: middle;color: orange;} .select2-container.select2-container--sln .select2-selection--multiple:focus .select2-selection__arrow:before, .select2-container.select2-container--sln .select2-selection--multiple:focus .select2-selection__rendered, .select2-container.select2-container--sln .select2-selection--multiple:hover .select2-selection__arrow:before, .select2-container.select2-container--sln .select2-selection--multiple:hover .select2-selection__rendered, .select2-container.select2-container--sln .select2-selection--single:focus .select2-selection__arrow:before, .select2-container.select2-container--sln .select2-selection--single:focus .select2-selection__rendered, .select2-container.select2-container--sln .select2-selection--single:hover .select2-selection__arrow:before, .select2-container.select2-container--sln .select2-selection--single:hover .select2-selection__rendered, .select2-container.select2-container--sln.select2-container--open .select2-selection--multiple .select2-selection__arrow:before, .select2-container.select2-container--sln.select2-container--open .select2-selection--multiple .select2-selection__rendered, .select2-container.select2-container--sln.select2-container--open .select2-selection--single .select2-selection__arrow:before, .select2-container.select2-container--sln.select2-container--open .select2-selection--single .select2-selection__rendered, td.day.disabled.full {color: #fff;} .editable .fa-gear, .editable .input, .editable.focus .text {display: none;} .editable .text, .editable.focus .fa-gear, .editable.focus .input, .editable:hover .fa-gear {display: inline-block;} .editable.focus, .editable.focus .input, .editable.focus .input input {background-color: #ccc;} .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: red;} td.day.disabled.full:hover {background: #f66;color: #fff;} .select2-container.select2-container--sln .select2-selection--multiple, .select2-container.select2-container--sln .select2-selection--single {font-family: "Open Sans",sans-serif;font-size: .83333rem;font-weight: 400;border: none;border-radius: 0;background-color: #c7dff3;transition: all 150ms;} .select2-container.select2-container--sln .select2-selection--multiple:focus, .select2-container.select2-container--sln .select2-selection--multiple:hover, .select2-container.select2-container--sln .select2-selection--single:focus, .select2-container.select2-container--sln .select2-selection--single:hover, .select2-container.select2-container--sln.select2-container--open .select2-selection--multiple, .select2-container.select2-container--sln.select2-container--open .select2-selection--single {background-color: #003553;} @media only screen and (min-width:768px) {.select2-container.select2-container--sln .select2-selection--multiple, .select2-container.select2-container--sln .select2-selection--single {font-size: 1rem;}} .select2-container.select2-container--sln .select2-dropdown, .select2-container.select2-container--sln .select2-search--dropdown .select2-search__field {font-family: "Open Sans",sans-serif;font-size: .75rem;line-height: 1.16667rem;font-weight: 400;} .select2-container.select2-container--sln .select2-selection--single .select2-selection__arrow:before {font-family: FontAwesome;font-size: .91667rem;} #sln-salon .alert-warning:before, #sln-salon .alert:after, #sln-salon h1, #sln-salon.sln-salon--s .sln-thankyou .sln-thankyou--okbox h1 .sln-icon, #sln-salon.sln-salon--s .sln-thankyou .sln-thankyou--okbox h3, .sln-alert--warning:before, .sln-alert:after, .sln_datepicker:after, .sln_timepicker:after {font-size: 1.4em;} @media only screen and (min-width:992px) {#sln-salon .alert-warning:before, #sln-salon .alert:after, #sln-salon h1, #sln-salon.sln-salon--s .sln-thankyou .sln-thankyou--okbox h1 .sln-icon, #sln-salon.sln-salon--s .sln-thankyou .sln-thankyou--okbox h3, .sln-alert--warning:before, .sln-alert:after, .sln_datepicker:after, .sln_timepicker:after {font-size: 1.6em;}} @font-face {font-family: FontAwesome;src: url("../fonts/fontawesome-webfont.eot?v=4.4.0");src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0") format("embedded-opentype"),url("../fonts/fontawesome-webfont.woff2?v=4.4.0") format("woff2"),url("../fonts/fontawesome-webfont.woff?v=4.4.0") format("woff"),url("../fonts/fontawesome-webfont.ttf?v=4.4.0") format("truetype"),url("../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular") format("svg");font-weight: 400;font-style: normal;} .wrap h2.nav-tab-wrapper {font-size: 1em;} .select2-container.select2-container--sln .select2-selection--single {height: 2.5rem;line-height: 2.5rem;} .select2-container.select2-container--sln .select2-selection--multiple {line-height: 0 !important;} .select2-container.select2-container--sln .select2-selection--single .select2-selection__rendered {color: #003553;line-height: 2.5rem;display: block;padding-left: 1em;padding-right: 1em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .select2-container.select2-container--sln .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {color: #4c7186;} .select2-container.select2-container--sln .select2-selection--single .select2-selection__rendered:hover .select2-selection__arrow:before {color: #fff;} .select2-container.select2-container--sln .select2-selection--single .select2-selection__arrow {position: absolute;top: calc(50% - 7px);right: .83333rem;width: .83333rem;height: .83333rem;} .select2-container.select2-container--sln .select2-selection--single .select2-selection__arrow b {display: none;} .select2-container.select2-container--sln .select2-selection--single .select2-selection__arrow:before {display: block;width: .83333rem;height: .83333rem;content: "";position: absolute;top: 0;left: 0;line-height: .83333rem;color: #003553;} .select2-container.select2-container--sln .select2-dropdown {background-color: #fff;color: #003553;border: 2px solid rgba(12,110,182,.5);padding: .2%;border-radius: 0;} .select2-container.select2-container--sln .sln-select-wrapper-no-search .select2-search {display: none;} .select2-container.select2-container--sln .sln-select-dropdown--boxedoptions {width: 400px !important;} .select2-container.select2-container--sln .sln-select-dropdown--boxedoptions .select2-results__options {padding: .5%;margin: 0;} .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: .83333rem .41667rem;margin: .3%;} .select2-container.select2-container--sln .select2-results__options {padding: .5%;background-color: #fff;max-height: 200px;overflow-y: auto;} .select2-container.select2-container--sln .select2-results__option {padding: .41667rem .83333rem;margin: 0 0 2px;background-color: #c7dff3;border-top: 2px soldi #fff;} .select2-container.select2-container--sln .select2-search--dropdown {padding: .5% 1% 0 .5%;} .select2-container.select2-container--sln .select2-search--dropdown .select2-search__field {padding: .5em 1em;border: none;border: .125rem solid rgba(12,110,182,.5);} .select2-container.select2-container--sln .select2-search--dropdown .select2-search__field:focus, .select2-container.select2-container--sln .select2-search--dropdown .select2-search__field:hover {outline: #0c6eb6 solid 2px;background-color: #003553;color: #fff;} .select2-container.select2-container--sln .select2-results__option--highlighted[aria-selected] {background-color: #003553;color: #fff;} .select2-container.select2-container--sln .select2-results__option[aria-selected=true] {background-color: #4c7186;color: #fff;} .select2-container.select2-container--sln .select2-selection--multiple .select2-selection__rendered {margin: 0;padding: .41667rem .41667rem .20833rem;} .select2-container.select2-container--sln .select2-selection--multiple .select2-search__field::-webkit-input-placeholder {color: #4c7186;} .select2-container.select2-container--sln .select2-selection--multiple .select2-search__field:-moz-placeholder {color: #4c7186;} .select2-container.select2-container--sln .select2-selection--multiple .select2-search__field::-moz-placeholder {color: #4c7186;} .select2-container.select2-container--sln .select2-selection--multiple .select2-search__field:-ms-input-placeholder {color: #4c7186;} .select2-container.select2-container--sln .select2-selection--multiple .select2-search__field:not([placeholder=""]) {min-width: 170px !important;} .select2-container.select2-container--sln .select2-selection--multiple .select2-search--inline .select2-search__field {line-height: 1.875rem;margin: 0 .41667rem .20833rem 0;} .select2-container.select2-container--sln .select2-selection--multiple .select2-selection__choice {float: left;background-color: #0c6eb6;border: none;color: #fff;padding: 0 2.08333rem 0 .83333rem;border-radius: 0;line-height: 1.875rem;position: relative;margin: 0 .41667rem .20833rem 0;} .select2-container.select2-container--sln .select2-selection--multiple .select2-selection__choice__remove {position: absolute;right: .20833rem;top: calc(50% - 8px);font-size: 16px;line-height: 8px;border-radius: 50%;padding: .16667rem;background-color: #fff;color: #d22221;opacity: .75;transition: opacity .2s;} .select2-container.select2-container--sln .select2-selection--multiple .select2-selection__choice__remove:hover {color: #d22221;opacity: 1;} .select2-container.select2-container--sln .select2-selection--single:focus {outline: 0;} #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;padding-left: 1rem;padding-right: 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, .sln-calendar--wrapper .select2-container.select2-container--sln .select2-selection--single {height: 2.5rem;line-height: 2.5rem;} #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: 2.5rem;padding-left: 1em;padding-right: 1em;} #sln-salon--admin .select2-container.select2-container--sln .select2-selection--multiple, .sln-calendar--wrapper .select2-container.select2-container--sln .select2-selection--multiple {min-height: .83333rem;} #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: .375rem .41667rem .16667rem;}} .select2-container--default .select2-results>.select2-results__options {max-height: 200px;overflow-y: auto;} .wp-admin.salone_page_salon-settings .select2-container.select2-container--sln .select2-selection--single .select2-selection__rendered {padding-right: 2em;}