/* TrakNGo Bootstrap 5 compatibility preview: TEST ENVIRONMENT ONLY. */
body { padding-top: 62px; }
#nav1 { min-height: 52px; }
#nav1 .navbar-brand { padding: 0 8px 0 0; margin-right: 12px; }
#nav1 .navbar-nav { display: flex; align-items: center; gap: 4px; }
#nav1 .navbar-nav li { list-style: none; }
#nav1 .navbar-nav li a { display: block; padding: 9px 10px; color: #c6c6c6; font-size: 0.84rem; text-decoration: none; }
#nav1 .navbar-nav li a:hover, #nav1 .navbar-nav li a:focus { color: #fff; }
#nav1 .navbar-header { display: flex; align-items: center; justify-content: space-between; }
#nav1 .navbar-toggler { margin-left: auto; }
@media(max-width: 991px) {
 #nav1 .navbar-collapse { padding: 12px 16px; }
 #nav1 .navbar-nav { align-items: stretch; }
}
.panel { border: 1px solid #ddd; border-radius: 4px; margin-bottom: 20px; background: #fff; }
.panel-heading { padding: 10px 15px; background: #f5f5f5; border-bottom: 1px solid #ddd; }
.panel-body { padding: 15px; }
.panel-footer { padding: 10px 15px; background: #f5f5f5; border-top: 1px solid #ddd; }
.btn-default { color: #333; background: #fff; border: 1px solid #ccc; }
.btn-default:hover { background: #e6e6e6; }
.col-xs-12 { flex: 0 0 auto; width: 100%; }
.col-xs-6 { flex: 0 0 auto; width: 50%; }
.col-xs-4 { flex: 0 0 auto; width: 33.333333%; }
.col-xs-3 { flex: 0 0 auto; width: 25%; }
.col-xs-offset-3 { margin-left: 25%; }
@media(min-width:768px) { .col-sm-offset-3 { margin-left: 25%; } }
@media(min-width:992px) { .col-md-offset-2 { margin-left: 16.666667%; } .col-md-offset-1 { margin-left: 8.333333%; } }
.pull-right { float: right !important; }
.pull-left { float: left !important; }
.center-block { display: block; margin-left: auto; margin-right: auto; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.img-responsive { display: block; max-width: 100%; height: auto; }


/* Legacy Bootstrap 3 form helpers retained for sales enquiry pages. */
.form-group { margin-bottom: 1rem; }
.form-group > label { display: inline-block; margin-bottom: .375rem; }
.help-block { display: block; margin-top: .25rem; color: #6c757d; }
@media (max-width: 767.98px) {
  .hidden-xs { display: none !important; }
}