/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 21 2026 | 16:14:53 */
/* Global container styles */

/* Resets */
#sln-salon input[type="hidden"] {
	display: none !important;
}

.sln-box--flatbottom--phone:after {
	content: none !important;
}

/* Wrapper */
#sln-salon {
	padding: 2em !important;
	border-radius: 30px;
}

/* Inner */
#sln-salon__content {
	border-radius: 20px !important;
	padding: 20px !important;
}

.sln-step-details form {
	margin-top: 0 !important;
}



/* Title & Subtitle area */
#sln-salon__content .sln-salon-title, #sln-salon__content .salon-step-title {
	padding: 0 !important;
}

#sln-salon .sln-progbar__wrapper {
	margin-block: 1rem !important;
}



/* Main content on steps - changing to flex */
.sln-box--flatbottom--phone, .sln-attendants-wrapper {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

/* Adjusting padding-bottom on all of main content through multiple steps */
#sln-salon .sln-service-list, #sln-salon .sln-attendant-list {
	padding-bottom: 0 !important;	
}

/* Step 1 */
.sln-box--main {
	margin-bottom: 0 !important;
}

/* Step 1 */
.sln-list__item {
	display: flex !important;
	flex-direction: row;
	justify-content: space-between !important;
}

/* Step 1 */
.sln-service__action {
	width: 7rem !important;
}

/* Width edit for content on multiple steps */
.sln-box--flatbottom--phone > div, .sln-box--main > div, .sln-box--flatbottom--phone  .sln-list__item, .sln-box__bottombar, .sln-attendant-list .sln-list__item, .row > .col-xs-12.col-md-8, .sln-summary-row, .sln-summary__list, .sln-data-val {
	width: 100% !important;
	max-width: 100% !important;
}

.sln-service-list, .sln-attendant-lis, .sln_datepicker, .sln_timepicker {
    border-radius: 20px !important;
	overflow: hidden !important;
}

/* Step 2 */
.sln-attendant-list .sln-list__item--icons {
	border-bottom: 1px solid !important;
	padding-block: 0 !important;
}

.sln-attendant-list .sln-list__item {
	margin-bottom: 0 !important;
}

/* Step 3 */
#sln_timepicker_viewdate {
	display: flex !important;
	justify-content: center !important;
	margin: 0 !important;
    padding: 0 !important;
}

.datetimepicker-minutes {
	padding: 2rem !important;
}

.datetimepicker-minutes table.table-condensed * {
	border: none !important;
}

.datetimepicker-minutes .disabled {
	padding: 0 !important;
}

.datetimepicker-days .table-condensed {
	table-layout: unset !important;
}
body .datetimepicker td, body .datetimepicker th {
	height: 10px !important;
}

.datetimepicker .numbg {
	padding: 0 !important;
}

.datetimepicker .day {
	padding: 2rem !important;
    border-radius: 15px !important;
	transition: .2s all ease-in-out !important;
}

.datetimepicker-minutes .minute, .next, .prev {
	border-radius: 20px !important;
	transition: .2s all ease-in-out !important;
}

/* Step 4 */
#sln-salon .sln-input {
	margin-bottom: 1rem !important;
}

#sln-salon .sln-input label {
	margin: 0 !important;
    padding: 0 !important;
    margin-bottom: 5px !important;!important;
}

/* Step 5 */
.sln-summary__tabs__nav {
	display: none !important;
}

.sln-summary__terms {
	margin: 0 !important;
	border-radius: 20px !important;
	overflow: hidden !important;
}

.sln-summary__recap {
	border-radius: 20px !important;
	padding-bottom: 0 !important;
}

.sln-summary__list__item {
	display: flex !important;
	justify-content: space-between !important;
	width: 100% !important;
}

.sln-summary__tabs__pane {
	padding-block: 2rem !important;
	border-radius: 20px !important;
}

#sln-box__bottombar {
	margin-top: 2rem !important
}

body .sln-summary__tabs__pane__content #sln_note {
	margin-bottom: 0 !important;
}
#sln-salon .sln-summary .sln-summary__tabs__pane .sln-summary__tabs__pane__content {
	flex-direction: column;
}

/* Step 6 */
.sln-thankyou__content.sln-list {
	border-radius: 20px !important;
	overflow: hidden !important;
}



/* Bottom - buttons */
.sln-box--formactions  {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 3rem !important;
	margin-bottom: 0 !important;
}

.sln-btn {
	margin-bottom: 0 !important;
}

body .sln-box--formactions .sln-btn--nextstep, .sln-btn.sln-btn--emphasis.sln-btn--medium.sln-btn--fullwidth {
	height: 5rem !important;
	font-size: 15px !important;
	grid-column: 2 !important;
    width: 100% !important;
	left: unset !important;
}

body .sln-box--formactions .sln-btn--prevstep {
	grid-column: 1 !important;
	width: 100% !important;
	height: 5rem !important;
	min-height: 5rem !important;
	font-size: 15px !important;
}

.sln-btn.sln-btn--fullwidth.sln-btn--borderonly.sln-btn--medium {
	height: 5rem !important;
	min-height: 5rem !important;
	font-size: 15px !important;
}

.glyphicon:before {
	margin-inline: 5px;
}

#sln-salon.sln-salon--l {
    max-width: none !important;
}

#sln-salon.sln-customcolors, #sln-salon.sln-customcolors .sln-box__bottombar .sln-box__bottombar__fkbg::before {
    background-color: #fff!important;
}

.text.salon-step-title {
	display: none !important
}

/*Respo*/
@media (max-width: 600px) {
	
	#salon-step-summary .sln-box--formactions {
		display: flex !important;
		gap: 0 !important;
	}
	
	#sln-box__bottombar {
		padding-left: 15px;
		padding-right: 15px;
		margin: 0 !important
	}
	
	.sln-box__bottombar__fkbg--customcolors {
		background: white !important;
	}
	
	.sln-service-list.sln-list {
		border-radius: 5px !important;
	}
	
	#sln-box__bottombar {
		padding-top: 0 !important;
	}
	
	.sln-box__bottombar .sln-box--formactions:not(.sln-box--formactions--summary) .sln-btn--medium, #sln-salon .sln-box__bottombar .sln-box--formactions:not(.sln-box--formactions--summary) .sln-btn--medium {
		height: 5rem !important;
		max-height: 5rem !important;
		justify-content: center !important;
		align-items: center !important;
	}
	
		.sln-box__bottombar .sln-box--formactions:not(.sln-box--formactions--summary) .sln-btn--medium, #sln-salon .sln-box__bottombar .sln-box--formactions:not(.sln-box--formactions--summary) .sln-btn--medium #sln-step-submit {
		max-height: unset !important;
	}
	
	.sln-input--datepicker, .sln-input--datepicker {
		border-bottom: 0 !important;
		margin: 0 !important;
	}
	
	.sln-input {
		width: 100% !important;
	}
}

.col-sm-12.field-address.sln-text.sln-input.sln-input--simple {
	display: none !important
}