.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: 80px; 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: 2px; color: #ffffff; font-size: 14px; padding: 12px 11px 13px; line-height:normal; background-color:#222222; }

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

.dt-sc-goback-box { float:left; width:100%; clear:both; margin-bottom: 80px; text-align: center; }
.dt-sc-goback-box span
.dt-sc-appointment-scheduler-form label span { margin-right:10px; color:#333; }
.dt-sc-appointment-scheduler-form .generate-schedule { float:right; }
.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-notification-details ul { margin-bottom: 0; }

.dt-sc-appointment-scheduler-form .hasDatepicker { margin-bottom: 0; min-height:50px; }

.dt-sc-schedule-progress { float:left; width:100%; position:relative; margin-bottom:20px; width:25%; padding:0 10px; position:relative; }
.dt-sc-schedule-progress .dt-sc-progress-step { border-radius: 50%; float: left; height: 40px; margin: 0 15px 10px 0; text-align: center; border: 3px solid rgba(0,0,0,0.2); width: 40px; color: #222; }
.dt-sc-schedule-progress .dt-sc-progress-step span { line-height:32px; font-size:16px; }
.dt-sc-schedule-progress h4 { font-size: 18px; margin-bottom: 5px; margin-top: 10px; text-transform: capitalize; }
.dt-sc-schedule-progress p { width: 100%; float: left; }
.dt-sc-schedule-progress.dt-sc-completed-step .dt-sc-progress-step { color:#fff; }
.fullwidth.generate-servicebox { float: right; width: auto; }
input[type="submit"].schedule-it { float: right; }

.dt-sc-payment-box { float: left; background: #fff; width: 100%; border: none; padding: 50px; position: relative; }

.dt-sc-service-box, .dt-sc-appointment-scheduler-form, .dt-sc-instant-notification-box, .dt-sc-instant-schedule-details, .dt-sc-instant-contact-info, .dt-sc-schedule-details { float:left; width:100%; }
.dt-sc-instant-schedule-details ul li, .dt-sc-instant-contact-info ul li, .dt-sc-schedule-details ul li, .dt-sc-notification-details .dt-sc-contact-info ul li { list-style: none; }
input[type="button"].generate-timeslot, input[type="button"].fullwidth generate-paymentbox { width:100%; margin-top: 0; }
.dt-sc-goback-box .appointment-goback { background-color: inherit; float: left; padding: 0; font-size:16px; -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; font-size:12px; text-transform:uppercase; padding:8px 15px; line-height:normal; display:inline-block; margin:10px 0px 0px; cursor:pointer; outline:none; position:relative; z-index:1; }
.fullwidth { width:100%; }
.dt-sc-goback-box .appointment-goback { float: none; display: inline-block; margin-top: 0; }
.dt-sc-appointment-payment-form > label input { display: inline-block; margin-right: 6px; position: relative; top: -2px; }
.dt-sc-appointment-payment-form > label { display: inline-block; margin:0 10px; }
.dt-sc-appointment-payment-form { float: left; text-align: center; width: 100%; }
.dt-sc-appointment-payment-form .make-payment { float:left; width:100%; margin-top:50px; }
.dt-sc-available-times .dt-sc-notification-box:before, .dt-sc-appointment-notification-box .dt-sc-notification-box:before { font-size:27px; line-height:30px; }
.dt-sc-available-times .dt-sc-notification-box, .dt-sc-appointment-notification-box .dt-sc-notification-box { padding: 15px 15px 15px 65px; }
.steps, .dt-sc-instant-notification-box, .dt-sc-goback-box { padding:0 10%; }
.steps h2 { font-size:32px; }
.dt-sc-service-box label, .dt-sc-appointment-contactdetails-form label { color: #666; }
.dt-sc-appointment-under-process:after { float:left; background-color: #fff; position:absolute; height:100%; content:""; left:0; top:0; right:0; }
.dt-sc-appointment-under-process { position:relative; float:left; width:100%; }
#dt-sc-ajax-load-image { display: block; z-index: 99; height: 21px; left: 0; margin: auto; position: absolute; right: 0; text-align: center; top: 50%; width: 100%; height: 100%; transform: translateY(-50%);	-moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.dt-sc-instant-notification-details label, .dt-sc-notification-details label { float: left; font-weight: bold; margin-right: 20px; min-width: 70px; }


.dt-sc-appointment-notification-box .dt-sc-apt-success-box, .dt-sc-appointment-notification-box .dt-sc-apt-error-box { margin-bottom: 80px; }