Corrections for the new bootstrap version and theme.

src/application/views/appointments/book.php

@@ -235,10 +235,10 @@
                                     <strong><?php echo $this->lang->line('select_provider'); ?></strong>
                                 </label>
                                 
-                                <select id="select-provider" class="cold-md-4 form-control"></select>
+                                <select id="select-provider" class="col-md-4 form-control"></select>
                             </div>
                             
-                            <div id="service-description" style="display:none;"></div>
+                            <div id="service-description" class="well" style="display:none;"></div>
                         </div>
                     </div>
                     

src/assets/css/frontend.css

@@ -110,7 +110,7 @@ body {
 }
 
 #book-appointment-wizard .book-step strong {
-    font-size: 15px;
+    font-size: 12px;
     display: block;
     text-align: center;
     color: #A9C5BB;
@@ -130,7 +130,7 @@ body {
 
 #book-appointment-wizard .active-step strong {
     color: #38A07A;
-    font-size: 22px;
+    font-size: 18px;
 }
 
 #book-appointment-wizard #frame-footer {

src/assets/css/general.css

@@ -27,6 +27,7 @@ body .ui-dialog {
 
 body .ui-dialog .ui-dialog-buttonpane {
     padding: .3em 1em .3em .4em;
+    border: none;
 }
 
 .breaks tr:hover td {

src/assets/js/frontend_book.js

@@ -335,7 +335,7 @@ var FrontendBook = {
                 $('#available-hours').html('<div style="width:50px; float:left;"></div>');
 
                 $.each(response, function(index, availableHour) {
-                    if ((currColumn * 13) < (index + 1)) {
+                    if ((currColumn * 10) < (index + 1)) {
                         currColumn++;
                         $('#available-hours').append('<div style="width:50px; float:left;"></div>');
                     }
@@ -427,7 +427,7 @@ var FrontendBook = {
         $('#appointment-details').html(
             '<h4>' + $('#select-service option:selected').text() + '</h4>' +  
             '<p>' 
-        		+ '<strong class="text-info">' 
+        		+ '<strong class="text-primary">' 
                     + $('#select-provider option:selected').text() + '<br>'
         			+ selectedDate + ' ' +  $('.selected-hour').text() 
                     + servicePrice + ' ' + serviceCurrency