Salon Booking System - CSS style

/*MAIN CONTAINER*/

.page-id-10 #sln-salon{ font-family: 'Roboto', sans-serif; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;-webkit-box-shadow: 1px 2px 6px 2px rgba(219,219,219,0.77); box-shadow: 1px 2px 6px 2px rgba(219,219,219,0.77);background: #fbfdff; border:none;}

/*form container*/
.page-id-10 #sln-salon > form{margin-top:0px;}

/*Step title*/

.page-id-10 #sln-salon h2.sln-salon-title{font-family: 'Open Sans', sans-serif; font-weight:600; font-size:1.6rem;}

/*Step sub-title*/

.page-id-10 #sln-salon .salon-step-title{font-family: 'Open Sans', sans-serif; font-weight:300; font-size:1rem;}

/*Services list container*/

.sln-service-list{margin-bottom:30px;}

/*Service card*/

.page-id-10 #sln-salon .sln-service{margin-top:0; margin-bottom:0px;    border-bottom: 1px solid #dedede; padding: 30px 0 30px 0px;}


/*Service name*/

#sln-salon h3.sln-steps-name.sln-service-name{font-weight:600; font-size:1em;margin-bottom: 3px; color: #054A91;}

/*Service price*/

.page-id-10 #sln-salon h3.sln-steps-price.sln-service-price{color: #054A91; font-weight:600; font-size:1em;}

/*Service description*/

.page-id-10 #sln-salon .sln-service-description{margin-top:0; margin-bottom:0px;}

#sln-salon .sln-service-description p{color: #3E7CB1; font-size:0.9rem; margin-block-start: 0em;}

/*Service duration*/

.page-id-10 #sln-salon .sln-steps-duration{    font-weight: 600;     font-family: 'Open Sans';    font-size: 01rem; color: #81A4CD;}

/*Subtotal label*/

.page-id-10 #sln-salon h3.sln-total-label{color: #81A4CD; font-weight:600;}


/*Subtotal value*/

.page-id-10 #sln-salon .sln-total-price{color: #054A91; font-weight:700;}


/*“Next step” button*/

.page-id-10 #sln-salon .sln-btn--emphasis{    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.page-id-10 #sln-salon .sln-btn--medium button{font-weight:600;}

/*“Back” button*/

#sln-salon .sln-box--formactions .sln-btn--medium.sln-btn--icon--left{}

/*Error alert message*/

#sln-salon .sln-alert.sln-alert--general.sln-alert--problem{}




/*ASSISTANT SELECTION*/

/*Assistant list container*/

#sln-salon .sln-attendant-list{}

/*Assistant card container*/

.page-id-10 #sln-salon .sln-attendant{margin-top:0; margin-bottom:0px;    border-bottom: 1px solid #dedede; padding: 10px 0 10px 0px;}


/*Assistant name*/

#sln-salon  h3.sln-steps-name.sln-attendant-name{font-weight:600; font-size:1em; color: #054A91;}

/*Assistant description*/

.page-id-10 #sln-salon .sln-attendant-list .sln-attendant-description{margin-top:0; margin-bottom:0px;}

.page-id-10 .sln-attendant .sln-attendant-description p, #sln-salon .sln-attendant .sln-attendant-description p{color: #3E7CB1; font-size:0.9rem; margin-block-start: 0em;}




/*DATE AND TIME SELECTION*/


/*Calendar container*/

.page-id-10 #sln-salon .datetimepicker.sln-datetimepicker{background:transparent;}


/*Time picker container*/

#sln-salon .sln-input--datepicker{}

/*Day, Month, date, year*/

#sln-salon #sln_timepicker_viewdate{}

/*Slots container*/

#sln-salon #sln_time{}


/*CHECKOUT FORM*/

/* login block*/

.page-id-10 #sln-salon #salon-step-details{border-bottom: 1px solid #dedede;}

/* new user fields block */
.page-id-10 #sln-salon #salon-step-details-new{margin-top:40px;}

/*Input label*/

.page-id-10 #sln-salon .sln-input label{font-family: 'Open Sans'; font-weight: 400; padding:0px; color:#81A4CD;}

/*Input text field*/

.page-id-10 #sln-salon .sln-input input[type="text"],.page-id-10 #sln-salon .sln-input input[type="password"],.page-id-10 #sln-salon .sln-input input[type="email"] {    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

/*Forgot password*/


#sln-salon .sln-input .help-block{}

/* SUMMARY STEP*/


/*Booking details labels*/


.page-id-10 #sln-salon .sln-summary-row .label{font-family: 'Open Sans'; font-weight: 400; color:#609bbd;}


/*Booking details values*/

.page-id-10 #sln-salon .sln-summary-row .sln-data-val{color:#054A91;}

/* Booked services list*/

.page-id-10 #sln-salon .sln-summary  ul.sln-list--dashed li{font-weight:700;}

/*Booking total amount label*/

.sln-total-label{}

/*Booking total amount value*/

.sln-total-price{}


/*Terms & Condition text block*/

.page-id-10 #sln-salon .sln-summary__terms p{color:#3E7CB1;}


/*LAST STEP*/

/*Booking confirmation block*/

#sln-salon .sln-thankyou--okbox{}

/*Booking status message block*/

h2.sln-icon-wrapper{}


/*Booking status icon*/

#sln-salon .sln-thankyou--okbox .sln-icon-wrapper .sln-icon{}

/*Booking number text*/

#sln-salon .sln-thankyou--okbox h3{}

/*Booking number value*/

#sln-salon .sln-thankyou--okbox h4{}

/*Booking final notes*/

.page-id-10 #sln-salon .sln-alert p{font-family:'Open Sans'; font-size:0.8em; line-height:1.8em; color:#3E7CB1;}