/* Responsive layout for the classic ASP appointment flow. */
html, body { max-width: 100%; overflow-x: hidden; }
#example, #vertical, #horizontal { max-width: 100%; box-sizing: border-box; }
img { max-width: 100%; height: auto; }
@media screen and (max-width: 768px) {
  body { margin: 0; padding: 0 8px; }
  #example { width: 100% !important; margin: 0 auto; }
  [style*="width:725px"], [style*="width:700px"], [style*="width:550px"] { width: 100% !important; height: auto !important; }
  #vertical, #horizontal, .k-splitter { width: 100% !important; height: auto !important; min-height: 0 !important; }
  #horizontal { display: block !important; }
  .k-splitbar { display: none !important; }
  .k-pane { position: relative !important; inset: auto !important; float: none !important; display: block !important; width: 100% !important; height: auto !important; min-width: 0 !important; box-sizing: border-box; }
  #left-pane, #center-pane, #right-pane, #middle-pane, #bottom-pane { width: 100% !important; height: auto !important; min-width: 0 !important; }
  .pane-content { padding: 8px !important; }
  table { max-width: 100%; }
  #center-pane table, table[width="80%"], table[width="82%"] { display: block; overflow-x: auto; white-space: nowrap; }
  input, select, button, .k-button, .k-dropdown, .k-dropdown-wrap { max-width: 100% !important; box-sizing: border-box; }
  input, select, button, .k-button { min-height: 40px; }
}