/* Global responsive fixes for all HTML pages */
* { box-sizing: border-box; }
html, body { width: 100%; overflow-x: hidden; }
body { font-size: 14px; line-height: 1.4; }
img, table, iframe, video { max-width: 100%; }

.container-fluid, .container { width: 100%; max-width: 100%; padding-left: 12px; padding-right: 12px; }

.table-responsive { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.table-excel { min-width: 980px; table-layout: fixed; }
.table-excel th, .table-excel td {
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
}

@media (max-width: 1200px) {
  .container-fluid { padding-left: 10px; padding-right: 10px; }
}

@media (max-width: 992px) {
  body { font-size: 13px; }
  .table-excel { min-width: 920px; font-size: 12px; }
  .btn-sm, .btn, .form-select { font-size: 12px; }
}

@media (max-width: 768px) {
  body { font-size: 12px; }
  .container-fluid { padding-left: 8px; padding-right: 8px; }
  .table-excel { min-width: 860px; font-size: 11px; }
  .table-excel th, .table-excel td { padding: 6px 5px; }
  .btn-sm, .btn { padding: 5px 7px; }
}