/* saloon booking start */
#sln-salon h2.sln-salon-title {
    font-size: 24px!important;
    background: #f50056;
    color: #fff;
    padding: 10px 15px;
    line-height: 34px;
    width: 100%;
    text-align: center;
    text-transform: capitalize;
    font-weight: 600;
}
#sln-salon {
    border: none;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    background: #fff;
}
#sln-salon .editable {
    position: relative;
}
#sln-salon .editable i.fa-cog,.editable i {
    position: absolute;
    right: 12px;
    top: 13px;
    font-size: 16px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #fff;
    color: #f50056;
}
#sln-salon .salon-step-title {
    margin: 30px 0;
    border: 1px solid #e2eff4;
    padding: 12px;
    width: 100%;
}
#sln-salon .sln-input label {
    padding: 0;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
}
#sln-salon.sln-step-summary .sln-input.sln-input--simple .editable {
    margin-bottom: 15px;
}
#sln-salon.sln-step-summary .sln-input.sln-input--simple .editable label {
    margin-bottom: 0;
}
#sln-salon .sln-box--main {
    margin-top: 0;
    margin-bottom: 0;
}
.sln-text input,#sln-salon textarea,
.sln-input--datepicker input,
#sln-salon:not(.sln-customcolors) .sln-input input {
    border: 1px solid #e2eff4!important;
}
.sln-checkbox input + label:before,
.sln-checkbox input + label:after {
    width: 16px;
    height: 16px;
}
#sln-salon img {
    width: 70px;
}
.row.sln-steps-info {
    align-items: center;
}
.datetimepicker.sln-datetimepicker.datetimepicker-dropdown-bottom-right {
    border: none;
}
.datetimepicker.sln-datetimepicker table tr td.day:not(.disabled),
.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),
#sln-salon .sln-thankyou--okbox.sln-bkg--ok::after {
    background-color: #f9f9f9;
    color: #333;
}
.datetimepicker.sln-datetimepicker table tr td.day:not(.disabled):hover,
.datetimepicker.sln-datetimepicker table tr td.day.active:not(.disabled) {
    background-color: #f50056;
    border: none;
    color: #fff;
}
.datetimepicker.sln-datetimepicker table tr td.day,
.datetimepicker.sln-datetimepicker .prev, 
.datetimepicker.sln-datetimepicker .next,
.datetimepicker.sln-datetimepicker .today,
.datetimepicker.sln-datetimepicker .switch {
    border-color: #e2eff4;
    text-align: center;
}
.editable input {
    border-radius: none;
}
.editable.focus, .editable.focus .input, .editable.focus .input input {
    background-color: transparent;
}
.sln_datepicker:after, .sln_timepicker:after, .sln-alert:after, #sln-salon .alert:after {
    font-size: 20px;
}
.sln-btn {
    background: transparent!important;
}
.sln-btn:hover {
    box-shadow: none!important;
}
.datetimepicker-days,
.datetimepicker.sln-datetimepicker.datetimepicker-dropdown-bottom-right {
    padding: 20px;
}
.datetimepicker.sln-datetimepicker .switch:hover,
.datetimepicker.sln-datetimepicker .prev:hover,
.datetimepicker.sln-datetimepicker .next:hover,
.datetimepicker.sln-datetimepicker table tr td span.minute:not(.disabled):not(.active):hover,
.datetimepicker.sln-datetimepicker .sln-datetimepicker-close:hover,
.datetimepicker.sln-datetimepicker .today:hover,
.datetimepicker.sln-datetimepicker table tr td.day:not(.disabled):hover,
.datetimepicker.sln-datetimepicker table tr td.day.active:not(.disabled):hover {
    background-color: #f50056;
}
.datetimepicker.sln-datetimepicker .sln-datetimepicker-close, 
.sln-alert--problem:after, 
#sln-salon .sln-alert--problem:after, 
#sln-salon .alert-danger:after {
    color: #f50056;
}
.editable.focus, .editable:hover {
    border: 1px solid #f50056;
}
#sln-salon .editable.focus .input input {
    border: none!important;
    height: 50px;
    padding: 0 15px;
}
#sln-salon .sln-service-description .col-sm-offset-1 {
    margin: 0;
    width: 100%!important;
    max-width: 100%;
    flex: auto;
}
.sln-service, #sln-salon .sln-service,.sln-attendant {
    background: #f9f9f9;
    padding: 20px 0;
    border-radius: 10px;
    margin-bottom: 10px!important;
}
#sln-salon .sln-service p {
    margin-bottom: 0;
    display: -webkit-box;	
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;	
	overflow: hidden;
}
#sln-salon .sln-total {
    margin-bottom: 10px;
    margin-top: 30px;
}
.sb-service-list-wrap {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    align-items: center;
    padding: 0 15px;
}
.sln-service-thumb, .sln-service-name,
.sln-service-price,.sln-checkbox {
    display: inline-block;
}
#sln-salon h3.sln-service-name,#sln-salon h3.sln-attendant-name {
    font-size: 20px;
    color: #222;
    padding-left: 10px;
    font-weight: 600;
}
#sln-salon h3.sln-attendant-name  {
	padding-left: 0px;
}
.sb-price-checkbox {
    text-align: right;
    margin-right: 20px;
}
.sln-radiobox input + label:after {
    width: 12px;
    height: 12px;
}
.sln-radiobox input + label:before {
    width: 22px;
    height: 22px;
}
.sln-radiobox input:checked + label:after {
	background-color: #f50056;
}
.sb-price-checkbox .sln-checkbox {
    position: relative;
}
#sln-salon .sln-attendant-list {
    margin-bottom: 0;
}
#sln-salon h3.sln-service-price {
    font-size: 25px;
    color: #f50056;
    font-weight: 600;
    margin-right: 10px;
}
.sln-checkbox input + label:after {
    font-size: 14px;
    left: 0;
}
.sln-checkbox input + label:before,
.sln-checkbox input + label:hover:before {
    border-width: 1px;
    border-color: #e3e3e3;
}
.sln-checkbox input:checked + label:after,
.sln-checkbox input:checked + label:hover:after,
.sln-checkbox input + label:hover:after {
    color: #f50056;
}
.sln-service-description, #sln-salon .sln-service-description,
.sln-summary__terms p,.sln-input--action.sln-form-actions.sln-payment-actions {
    margin-bottom: 0;
}
#sln-salon .sln-total-label {
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
}
#sln-salon .sln-total-price {
    font-weight: 600;
    font-size: 24px;
    color: #f50056;
    line-height: normal;
}
#sln-salon.sln-step-date .sln-btn {
    margin-bottom: 0;
    margin-top: 20px;
}
#sln-salon .sln-btn.sln-icon--back {
    border: none;
    margin: 0;
    padding: 0px 0px 0 30px!important;
    min-width: auto!important;
    font-weight: 600;
    color: #222;
}
#sln-salon .sln-alert.sln-alert--general.sln-alert--problem {
    background-color: #fef5f3;
    margin: 0;
    width: 100%;
}
#sln-salon .sln-box--main--flattop {
    margin-top: 0;
    margin-bottom: 0;
}
#sln-salon > form,
.sln-thankyou .sln-form-actions-wrapper,
.sln-summary {
    margin-top: 0;
}
.sln-step-thankyou .sln-alert {
    margin-top: 15px;
}
#sln-salon .sln-btn {
    margin-bottom: 0!important;
}
#sln-salon .sln-btn:focus {
    box-shadow: none;
}
.sln-summary-row .editable .label, #sln-salon .sln-summary-row .editable .label {
    padding: 15px 10px;
    display: inline-block;
}
#sln-salon .sln-summary-row input {
    padding: 0px 10px!important;
}
#sln-salon .sln-summary-row .editable,
.sln-summary-row ul.sln-list--dashed,
#sln-salon .sln-data-val .sln-list--dashed,
#sln-salon .sln-input.sln-input--simple,
#salon-my-account-profile-form .sln-alert.alert-success,
.sln-summary-row, #sln-salon .sln-summary-row {
    margin-bottom: 0;
}
form .row.sln-summary-row {
    align-items: center;
}
.sln-summary-row hr, #sln-salon .sln-summary-row hr {
    border-color: #ccc;
    margin: 0!important;
}
#sln-salon.sln-step-summary .sln-input.sln-input--simple label {
    padding: 15px;
    border: 1px solid #e2eff4;
    width: 100%;
}
#sln-salon-my-account .sln-salon-title {
    padding: 0;
    font-size: 24px;
    font-weight: 600;
}
#sln-salon-my-account .sln-salon-my-account-tab-nav.nav.nav-tabs li.active a::after,
#sln-salon-my-account .sln-salon-my-account-tab-nav.nav.nav-tabs li a::before,
#sln-salon-my-account .sln-salon-my-account-tab-nav.nav.nav-tabs li a:hover::after {
    display: none;
}
#sln-salon-my-account .sln-salon-my-account-tab-nav.nav.nav-tabs li a {
    border: 1px solid #eee;
    margin-right: 10px;
    text-align: center;
    cursor: pointer;
}
#sln-salon-my-account .sln-salon-my-account-tab-nav.nav.nav-tabs li a:after {
    display: none;
}
#sln-salon-my-account .sln-salon-my-account-tab-nav.nav.nav-tabs li a.active:after {
    border-bottom: 3px solid #333;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    z-index: 1;
    opacity: 1;
}
#sln-salon-my-account .sln-salon-my-account-tab-nav.nav.nav-tabs li:last-child a {
    margin-right: 0;
    border: 1px solid #eee;
}   
#sln-salon .table > tbody > tr > td, 
#sln-salon .table > thead > tr > td {
    text-align: left;
    font-size: 16px;
    padding: 20px;
    border: 1px solid #ececec!important;
}
#sln-salon .table > thead > tr > td {
    font-weight: 600;
    text-transform: capitalize;
    background: #f7f7f7;
}
#salon-my-account-profile-form .sln-account--last-update {
    text-align: left;
    color: #333;
    margin-top: 0px;
}
#sln-salon-my-account #salon-my-account-profile-form,
#sln-salon-my-account .sln-salon-my-account-tab-pane,
#sln-salon .sln-thankyou--okbox {
    padding: 0;
}
#sln-salon .sln-thankyou--okbox h3 {
    padding: 0;
    display: inline-block;
    width: auto;
    border: none;
}
#sln-salon .sln-thankyou--okbox h4 {
    margin-left: 10px;
    display: inline-block;
}
.sln-box--formactions, #sln-salon .sln-box--formactions,
#sln-salon.sln-salon--m .sln-box--formactions {
    text-align: left;
}
#sln-salon.sln-salon--m {
    padding: 30px;
}
.sln-service-list {
    padding: 0 15px;
}
#sln-salon .sln-btn.sln-icon--back {
    max-width: 120px;
}
#sln-salon .mt-btn {
    height: auto;
}
#sln-salon #sln-salon-my-account .modal-body {
    padding: 30px;
}
#sln-salon #sln-salon-my-account .modal-body #step1,
#sln-salon .sln-thankyou--okbox {
    margin-top: 0;
}
#sln-salon .modal-body #step1 p {
    padding-bottom: 1em;
    color: #333;
}
#sln-salon #sln-salon-my-account .modal textarea {
    background: transparent;
    color: #333;
    margin: 0;
}
#sln-salon #sln-salon-my-account .modal textarea::placeholder {
    color: #777;
    font-size: 14px;
}
#sln-salon #sln-salon-my-account .modal-content {
    border-radius: 10px;
}
#sln-salon #sln-salon-my-account .modal-header {
    border-bottom: 1px solid #e2eff4;
}
#sln-salon #sln-salon-my-account .modal button.close:before,
#sln-salon #sln-salon-my-account .modal button.close:hover:before {
    background: #ff5050;
}
#sln-salon #sln-salon-my-account .modal button.close,
#sln-salon #sln-salon-my-account .modal button.close:hover {
    position: absolute;
    top: -8px;
    right: -8px;
    margin: 0;
    width: auto;
    height: auto;
}
#sln-salon #ratingModal .modal-title {
    font-size: 20px;
    font-weight: 600;
}
#sln-salon #sln-salon-my-account .modal .rating,
#sln-salon #sln-salon-my-account .modal-body span {
    display: block!important;
    text-align: center;
}
#sln-salon #sln-salon-my-account .modal .rating i {
    margin: 0 5px;
    color: #FF9800;
}
#sln-salon #sln-salon-my-account .modal-body span {
    color: #333;
}
#sln-salon #sln-salon-my-account .modal-body button.btn-primary {
    background: #8bc34a;
    margin: 0 10px 0 0;
    display: inline-block;
    border: none;
    font-size: 16px;
    margin-top: 10px;
}
#sln-salon #sln-salon-my-account .modal-body button.btn-default {
    color: #ffffff !important;
    background: #ff5050;
    display: inline-block;
    border: none;
    text-decoration: none;
    font-size: 16px;
    margin-top: 10px;
}
#sln-salon #sln-salon-my-account .modal-content {
    padding-bottom: 0;
}
#sln-salon-my-account .sln-rate-service-on,
#sln-salon .sln-thankyou--okbox i.sln-icon.sln-icon--checked--square {
    color: #8bc34a!important;
}
#sln-salon-my-account .rating {
    padding: 0;
    margin-top: 3px;
}
#sln-salon-my-account .feedback {
    text-align: left;
    font-size: 14px;
    color: #8bc34a;
    padding-left: 3px;
    max-width: 250px;
}
#sln-salon #sln-salon-my-account .rating i {
    font-size: 12px;
}
#sln-salon #sln-salon-my-account #step2 p {
    padding: 0;
    margin-top: 10px!important;
    color: #333!important;
    font-size: 16px;
}
#sln-salon #sln-salon-my-account #step2 {
    padding-top: 50px;
}
#sln-salon.sln-salon--m .sln-box--formactions .sln-box--formactions {
    margin-top: 10px;
}
#sln-salon .sln-input .help-block {
    padding: 0;
    margin-bottom: 15px;
}
#sln-salon .sln-summary-row .sln-data-desc {
    margin: 15px 0;
}
.sln-bootstrap .sln-btn {
    z-index: 9;
}
#sln-salon .editable {
    margin-bottom: 30px;
}
#sln-salon .editable .salon-step-title {
    margin: 0;
}
#sln-salon-my-account .hint {
    padding: 20px 0;
    margin-bottom: 0;
}
#sln-salon-my-account .sln-salon-my-account-tab-pane {
    padding-bottom: 0!important;
}
#next_history_page_btn {
    margin-bottom: 15px;
    display: block;
}
#sln-salon #sln-salon-my-account #next_history_page_btn .glyphicon {
    font-size: 10px;
}
#sln-salon.sln-step-date #sln-notifications.sln-notifications--active::before {
    color: #b7a56e;
}
#sln-salon.sln-step-date #sln-notifications.sln-notifications--active .sln-alert.sln-alert--wait {
    background: #f50056;
}
#sln-salon.sln-loginform #loginform .login-remember label:before {
    width:15px;
    height:15px;
    top: 3px;
}
#sln-salon.sln-loginform #loginform .login-remember label:after{
    top: -6px;
}
#sln-salon .sln-panel .sln-panel-heading .sln-btn--borderonly,
.sln-checkbox input + label:before, 
#sln-salon.sln-loginform #loginform .login-remember label:before, 
.sln-radiobox input + label:before {
    border-color: #a49360;
}
#sln-salon .sln-service-list .sln-panel .sln-panel-heading .sln-btn {
    border-bottom: 1px solid rgba(0, 66, 88, 0.3);
}
#sln-salon .login-remember label {
    padding: 0px 0px 0px 20px!important;
}
#sln-salon.sln-loginform {
    margin-left: auto;
    margin-right: auto;
}
#sln-salon.sln-loginform #loginform label {
    padding:0 0 5px;
}
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit {
    transition:0.3s;
}
#sln-salon.sln-loginform #loginform .login-remember label.is-checked:after {
    top: -6px;
    left: 0px;
    color: #a49360;
}
.sln-salon-my-account-tab-pane .sln-btn.sln-btn--emphasis.sln-btn--fullwidth,
.sln-btn input#sln-accout-profile-submit:hover {
    background: #333!important;
}
.sln-btn input#sln-accout-profile-submit {
    max-width: 100%;
}
.sln-salon-my-account-tab-pane .sln-btn--borderonly,
#sln-salon .sln-salon-my-account-tab-pane .sln-btn--borderonly,
.sln-bootstrap .sln-salon-my-account-tab-pane .sln-btn--borderonly {
    border-width: 0;
}
.sln-datalist.sln-datalist--styled {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
    margin: 0;
}
.sln-datalist.sln-datalist--3cols .sln-datalist__item {
    border-radius: 10px;
    box-shadow: 0px 0px 20px 1px rgb(0 0 0 / 7%);
    margin-bottom: 30px;
    background: #fff;
    padding: 30px;
    margin: 0;
    width: auto;
    text-align: center;
}
.sln-datalist.sln-datalist--styled .sln-datalist__item__name {
    margin: 0 0 20px 0;
    font-size: 22px;
    font-weight: 600;
}
#sln-salon .sln-panel .sln-service .sln-alert {
    margin-top: 0;
    margin-bottom: 0;
}
#sln-salon button:hover, #sln-salon .sln-btn--emphasis button:hover {
    transform: translateY(-5px);
}
#sln-salon button, #sln-salon .sln-btn--emphasis button {
    transition: 0.3s;
}
#sln-salon .sln-thankyou--okbox.sln-bkg--ok,
#sln-salon-my-account .sln-rate-service {
    background-color: transparent!important;
}
#sln-salon-my-account .sln-salon-my-account-tab-content {
    border-top: none;
}
/* saloon booking end */

/*responsive start*/
@media only screen and (min-width: 992px){
    #sln-salon.sln-salon--m {
        max-width: 700px;
    }
}
@media only screen and (max-width: 991px){
    .sln-datalist.sln-datalist--styled {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media only screen and (max-width: 767px){
    .sln-datalist.sln-datalist--styled {
        grid-template-columns: repeat(1, 1fr);
    }
}
/*responsive end*/