.dt-sc-reservation-form.dt-sc-scheduler { top:0; }
#dt-sc-ajax-load-image { text-align: center; width: 100%; position:absolute; }

.details-container li { list-style-type: square; }

.dt-sc-available-times { display: block; margin-bottom: 20px; float: left; width: 100%; }
.dt-sc-available-times .time-slots li { display:inline-block; padding:0; margin:0 10px 10px 0; }
.dt-sc-available-times .time-slots li a { display:inline-block; border-radius: 5px; color: #ffffff; font-size: 14px; padding: 12px 11px 13px; line-height:normal; background-color:#e130a7; }
.dt-sc-available-times .time-slots li a:hover, .dt-sc-available-times .time-slots li a.selected { background-color:#89035d; }

.dt-sc-personal-info { float:left; width:100%; }

.dt-sc-goback-box { float:left; width:100%; clear:both; margin-bottom:30px; }
.dt-sc-appointment-scheduler-form label span { margin-right:10px; color:#333; }
.dt-sc-appointment-scheduler-form .generate-schedule { float:right; }
.dt-sc-notification-details { background-color:#dae8ff; padding:25px 20px 20px; border-radius:5px; }
.dt-sc-notification-box .dt-sc-notification-contactbox { background-color:#f5e2d6; }
.dt-sc-notification-box .dt-sc-notification-aboutprojectbox { background-color:#fff7e1; }
.dt-sc-notification-details .dt-sc-contact-info { text-align:left; }
.dt-sc-schedule-details { display:block; clear:both; }
.dt-sc-schedule-details ul li:before { content:"\f0a4"; font-family:fontawesome; position:absolute; left:0; top:0; }
.dt-sc-schedule-details ul li { position:relative; padding-left:23px; }
.dt-sc-notification-details ul { margin-bottom: 0; }


.dt-sc-schedule-progress { float:left; width:100%; position:relative; margin-bottom:20px; width:24%; background-color:#f3f4f6; padding:20px 10px 10px; position:relative; border-radius:5px 0 0 5px; }
.dt-sc-schedule-progress .dt-sc-progress-step { border-radius: 50%; float: left; height: 46px; margin: 15px; text-align: center; color:#fff; width: 46px; background-color:#afb2b7; }
.dt-sc-schedule-progress .dt-sc-progress-step span { line-height:43px; font-size:17px; }
.dt-sc-schedule-progress h4 { font-size:16px; text-transform:uppercase; margin-bottom:5px; }
.dt-sc-schedule-progress p { font-size:13px; line-height:24px; }
.dt-sc-schedule-progress:after { position:absolute; right:0; border-left:40px solid #f3f4f6; border-top:58px solid transparent; border-bottom:58px solid transparent; top:0; content:""; bottom:0; margin:auto; z-index:1; right:-40px; }
.dt-sc-schedule-progress:nth-child(2n) { background-color: #e0e0e0; }
.dt-sc-schedule-progress:nth-child(2n):before { color:#e0e0e0; } 
.dt-sc-schedule-progress:nth-child(2n):after { border-left-color:#e0e0e0; }

.dt-sc-schedule-progress:last-child:before { display:none; }
.dt-sc-schedule-progress.dt-sc-current-step  { background-color:#d6f0ff; }
.dt-sc-schedule-progress.dt-sc-current-step:after { border-left-color:#d6f0ff; }

.dt-sc-schedule-progress.dt-sc-completed-step  { background-color:#e5ffcc; }
.dt-sc-schedule-progress.dt-sc-completed-step:after { border-left-color:#e5ffcc; }

.dt-sc-schedule-progress.step4.dt-sc-current-step, .dt-sc-schedule-progress.step2.dt-sc-completed-step { background-color:#c1f29e; }
.dt-sc-schedule-progress.step4.dt-sc-current-step:after, .dt-sc-schedule-progress.step2.dt-sc-completed-step:after { border-left-color:#c1f29e; }

.dt-sc-schedule-progress.dt-sc-completed-step .dt-sc-progress-step, .dt-sc-schedule-progress.step4.dt-sc-current-step .dt-sc-progress-step { background-color:#9cd574; }

.fullwidth.generate-servicebox { float: right; width: auto; }
input[type="submit"].schedule-it { float: right; }