:root {
  --portal-sidebar-width: 15rem;
  --portal-topbar-height: 3.5rem;
}

html, body { height: auto; min-height: 100%; }
body { background: var(--tblr-bg-surface-secondary, #f1f5f9); }

.portal-topbar { position: sticky; top: 0; z-index: 1020; background: var(--tblr-bg-surface, #fff); border-bottom: 1px solid var(--tblr-border-color); min-height: var(--portal-topbar-height); }
.portal-topbar .navbar-nav .nav-link { color: var(--tblr-body-color); }
.portal-topbar .navbar-nav { flex-wrap: nowrap; }
.portal-topbar .portal-clock { display: inline-flex; align-items: center; gap: .35rem; font-size: .8125rem; color: var(--tblr-secondary); white-space: nowrap; margin: 0 1rem 0 .75rem; }
.portal-topbar-row { display: flex !important; flex-wrap: nowrap !important; align-items: center; gap: .5rem; }
.portal-topbar-tools { display: flex; align-items: center; gap: .35rem; flex-shrink: 0; }
.portal-help-btn { display: inline-flex !important; align-items: center; gap: .4rem; background: #2fb344; border-color: #2fb344; color: #fff; font-weight: 700; padding: .35rem .75rem; border-radius: 999px; white-space: nowrap; flex-shrink: 0; }
.portal-help-btn:hover, .portal-help-btn:focus { background: #27963a; border-color: #27963a; color: #fff; }
.portal-chat-btn { position: relative; margin: 0; flex-shrink: 0; display: inline-flex !important; align-items: center; gap: .4rem; background: #0084ff; border-color: #0084ff; color: #fff; font-weight: 700; padding: .35rem .75rem; border-radius: 999px; visibility: visible !important; overflow: visible; }
.portal-chat-badge { display: none; position: absolute; top: -7px; right: -7px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: #e41e3f; color: #fff; font-size: 11px; line-height: 18px; font-weight: 800; text-align: center; box-shadow: 0 0 0 2px #fff; z-index: 2; }
.portal-chat-badge.is-on { display: inline-flex !important; align-items: center; justify-content: center; }
.portal-chat-btn:hover, .portal-chat-btn:focus { background: #006fe0; border-color: #006fe0; color: #fff; }
@media (max-width: 767.98px) {
  .portal-topbar-right { margin-left: auto; }
  .portal-btn-label { display: none !important; }
  .portal-help-btn, .portal-chat-btn { width: 36px; height: 36px; padding: 0; justify-content: center; gap: 0; font-size: 16px; overflow: visible; }
  .fb-list { left: .5rem; right: .5rem; width: auto; top: 3.6rem; }
  .fb-box { left: 0; right: 0; width: 100%; max-width: 100%; height: min(72vh, 480px); }
}
.portal-help-modal .modal-body { padding: 0; }
.portal-help-layout { display: flex; min-height: 420px; max-height: 70vh; }
.portal-help-nav { width: 15.5rem; flex: 0 0 15.5rem; overflow-y: auto; background: #f8fafc; border-right: 1px solid var(--tblr-border-color); }
.portal-help-tab { display: block; padding: .7rem 1rem; color: var(--tblr-body-color); text-decoration: none; border-left: 3px solid transparent; font-size: .8125rem; font-weight: 600; }
.portal-help-tab:hover { background: #eef3f8; color: var(--tblr-primary); }
.portal-help-tab.active { background: #fff; color: var(--tblr-primary); border-left-color: var(--tblr-primary); }
.portal-help-body { flex: 1; min-width: 0; overflow-y: auto; padding: 1.25rem 1.5rem; }
.portal-help-pane { display: none; }
.portal-help-pane.active { display: block; }
.portal-help-pane h3 { font-size: 1.2rem; margin: 0 0 1rem; font-weight: 700; }
.portal-help-html { font-size: .9rem; line-height: 1.6; color: #1d273b; }
.portal-help-html h4 { font-size: .95rem; font-weight: 700; color: #206bc4; margin: 1.15rem 0 .45rem; }
.portal-help-html h4:first-child { margin-top: 0; }
.portal-help-html p, .portal-help-html ul, .portal-help-html ol { margin: 0 0 .75rem; }
.portal-help-html ul, .portal-help-html ol { padding-left: 1.2rem; }
.portal-help-html li { margin: .28rem 0; }
.portal-help-html code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .8rem; background: #f1f5f9; border: 1px solid #e2e8f0; border-radius: 4px; padding: .12rem .4rem; color: #c92a2a; word-break: break-word; }
.portal-help-html .help-box { background: #f8fafc; border: 1px solid #e7ebef; border-radius: 8px; padding: .75rem 1rem; margin: 0 0 .85rem; }
.portal-help-html .help-warn { background: #fff8e1; border: 1px solid #ffe066; border-radius: 8px; padding: .75rem 1rem; margin: 0 0 .85rem; }
.portal-help-html .help-danger { background: #fff5f5; border: 1px solid #ffc9c9; border-radius: 8px; padding: .75rem 1rem; margin: 0 0 .85rem; }
.portal-help-html table { width: 100%; margin: 0 0 1rem; }
.portal-help-html table td { vertical-align: top; padding: .65rem .75rem; background: #f8fafc; border: 1px solid #edf0f3; }
.portal-help-html a { color: #206bc4; }
.portal-help-html hr { border: 0; border-top: 1px solid #edf0f3; margin: 1rem 0; }
.portal-help-html strike { color: #868e96; }
@media (max-width: 767.98px) {
  .portal-help-layout { flex-direction: column; max-height: 80vh; }
  .portal-help-nav { width: 100%; flex-basis: auto; max-height: 10rem; border-right: 0; border-bottom: 1px solid var(--tblr-border-color); }
}

.wrapper { position: relative; }
.left-side.navbar-vertical .navbar-brand { padding: 1rem 1.25rem; font-weight: 700; letter-spacing: .01em; }
.left-side.navbar-vertical .navbar-brand a { color: inherit; text-decoration: none; }
.left-side .portal-user { display: flex; align-items: center; gap: .75rem; padding: .75rem 1.25rem 0; }
.left-side .portal-user .avatar { flex: 0 0 auto; }
.left-side .portal-user .name { font-weight: 600; font-size: .875rem; line-height: 1.2; }
.left-side .portal-user .meta { font-size: .75rem; opacity: .7; }
.left-side .portal-user .meta a { color: inherit; }
.sidebar-menu { visibility: visible; }
.portal-topbar a:link, .portal-topbar a:visited { color: var(--tblr-body-color); }
.left-side.navbar-vertical .navbar-brand a:link, .left-side.navbar-vertical .navbar-brand a:visited, .left-side .portal-user a:link, .left-side .portal-user a:visited { color: #fff; }
.left-side .navbar-nav .nav-link:link, .left-side .navbar-nav .nav-link:visited, .left-side .navbar-nav .dropdown-item:link, .left-side .navbar-nav .dropdown-item:visited { color: rgba(255,255,255,.75); }
.left-side .navbar-nav .nav-link:hover, .left-side .navbar-nav .nav-link.active, .left-side .navbar-nav .nav-item.active > .nav-link, .left-side .navbar-nav .dropdown-item:hover, .left-side .navbar-nav .dropdown-item.active { color: #fff; }
.left-side .navbar-nav .nav-link-icon { width: 1.25rem; text-align: center; }
.left-side .navbar-nav .dropdown-menu { position: static; float: none; border: 0; box-shadow: none; background: transparent; padding: 0 0 .25rem; }
.left-side .navbar-nav .dropdown-item { white-space: normal; padding-left: 3rem; font-size: .8125rem; }

.right-side { min-height: calc(100vh - var(--portal-topbar-height)); padding: 0; }
.right-side > .content, .right-side > .content-header { padding: 1.25rem 1.5rem 0; }
.right-side > .content-header + .content { padding-top: .5rem; }
.right-side > .content-header > h1 { font-size: 1.375rem; font-weight: 600; margin: 0 0 .25rem; }
.right-side > .content-header > h1 > small { font-size: .875rem; color: var(--tblr-secondary); margin-left: .5rem; }
.right-side > .content-header > .breadcrumb { background: transparent; padding: 0; margin: 0; font-size: .8125rem; }
.breadcrumb > li { display: inline-block; }
.breadcrumb > li + li:before { content: "/"; padding: 0 .5rem; color: var(--tblr-secondary); }
.breadcrumb > li > a { color: var(--tblr-secondary); text-decoration: none; }
.right-side > .content > .row:last-child { padding-bottom: 1.5rem; }

.portal-sidebar-backdrop { display: none; }
@media (max-width: 991.98px) {
  .left-side.navbar-vertical {
    position: fixed !important;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1055;
    width: min(17.5rem, 86vw);
    max-width: 17.5rem;
    margin: 0;
    transform: translateX(-105%);
    transition: transform .2s ease;
    overflow: hidden;
    box-shadow: 8px 0 28px rgba(15, 23, 42, .28);
  }
  .left-side.navbar-vertical .container-fluid {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 100% !important;
    height: 100%;
    overflow-y: auto;
    padding: 0;
  }
  .left-side .navbar-brand { width: 100%; flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; }
  .left-side .navbar-collapse {
    display: block !important;
    width: 100% !important;
    flex: 1 1 auto !important;
    min-height: 0;
    visibility: visible !important;
    height: auto !important;
  }
  .left-side .sidebar-menu, .left-side .navbar-nav { display: flex !important; flex-direction: column !important; width: 100%; visibility: visible !important; }
  .portal-sidebar-close { display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; margin-right: .5rem; border: 0; background: transparent; color: #fff; font-size: 1.5rem; line-height: 1; }
  body.portal-sidebar-open { overflow: hidden; }
  body.portal-sidebar-open .left-side.navbar-vertical { transform: translateX(0); }
  .portal-sidebar-backdrop {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, .45);
    z-index: 1050;
  }
  body.portal-sidebar-open .portal-sidebar-backdrop { display: block; }
}
@media (min-width: 992px) {
  .portal-topbar, .wrapper > .right-side, .navbar-vertical.navbar-expand-lg ~ .right-side { margin-left: var(--portal-sidebar-width); }
  .navbar-vertical.navbar-expand-lg.left-side { top: 0; }
  .portal-sidebar-backdrop { display: none !important; }
}

h1.page-header, h2.page-header, h3.page-header { display: block; font-size: 1.375rem; font-weight: 600; margin: 0 0 1.25rem; padding-bottom: .75rem; border-bottom: 1px solid var(--tblr-border-color); color: var(--tblr-body-color); }

.box { position: relative; background: var(--tblr-card-bg, #fff); border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius-lg, 8px); box-shadow: var(--tblr-card-box-shadow, 0 1px 2px rgba(15,23,42,.04)); margin-bottom: 1.5rem; }
.box > .box-header { display: flex; align-items: center; gap: .5rem; padding: .875rem 1.25rem; border-bottom: 1px solid var(--tblr-border-color); }
.box > .box-header .box-title, .box > .box-header h3, .box > .box-header h4 { margin: 0; font-size: .9375rem; font-weight: 600; color: var(--tblr-body-color); }
.box > .box-header > .fa, .box > .box-header > .fas, .box > .box-header > .far, .box > .box-header > .fab, .box > .box-header > .glyphicon, .box > .box-header > i { color: var(--tblr-primary); }
.box > .box-header .box-tools { margin-left: auto; display: flex; gap: .25rem; align-items: center; }
.btn-box-tool { padding: .125rem .5rem; font-size: .75rem; background: transparent; color: var(--tblr-secondary); border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); cursor: pointer; }
.btn-box-tool:hover { color: var(--tblr-primary); border-color: var(--tblr-primary); }
.box.collapsed-box > .box-header { border-bottom: 0; }
.box .box-body > pre.prettyprint { max-height: 480px; overflow: auto; white-space: pre-wrap; word-break: break-all; }
.modal-body img[src*="/carriers/"] { max-height: 28px; width: auto; }
.box > .box-body { padding: 1.25rem; }
.box > .box-footer { padding: .875rem 1.25rem; border-top: 1px solid var(--tblr-border-color); background: var(--tblr-bg-surface-tertiary, #f8fafc); border-radius: 0 0 var(--tblr-border-radius-lg, 8px) var(--tblr-border-radius-lg, 8px); }
.box.box-primary { border-top: 3px solid var(--tblr-primary); }
.box.box-info { border-top: 3px solid var(--tblr-info); }
.box.box-success { border-top: 3px solid var(--tblr-success); }
.box.box-warning { border-top: 3px solid var(--tblr-warning); }
.box.box-danger { border-top: 3px solid var(--tblr-danger); }
.box.box-secondary { border-top: 3px solid var(--tblr-secondary); }
.box.box-solid.box-primary > .box-header, .box.box-solid.box-info > .box-header, .box.box-solid.box-success > .box-header, .box.box-solid.box-warning > .box-header, .box.box-solid.box-danger > .box-header { color: #fff; border-radius: var(--tblr-border-radius-lg, 8px) var(--tblr-border-radius-lg, 8px) 0 0; }
.box.box-solid.box-primary > .box-header { background: var(--tblr-primary); }
.box.box-solid.box-info > .box-header { background: var(--tblr-info); }
.box.box-solid.box-success > .box-header { background: var(--tblr-success); }
.box.box-solid.box-warning > .box-header { background: var(--tblr-warning); }
.box.box-solid.box-danger > .box-header { background: var(--tblr-danger); }
.box.box-solid.box-primary > .box-header *, .box.box-solid.box-info > .box-header *, .box.box-solid.box-success > .box-header *, .box.box-solid.box-warning > .box-header *, .box.box-solid.box-danger > .box-header * { color: #fff; }
.box.box-solid[class*='box-'] { border-top-width: 1px; }
.box.box-solid.box-primary, .box.box-solid.box-info, .box.box-solid.box-success, .box.box-solid.box-warning, .box.box-solid.box-danger { border-top-width: 1px; }
.box .table { margin-bottom: 0; }
.box .box-body > .table:first-child, .box .box-body > form > .table:first-child { margin-top: -.25rem; }

.small-box { position: relative; display: block; border-radius: var(--tblr-border-radius-lg, 8px); margin-bottom: 1.5rem; color: #fff; overflow: hidden; box-shadow: var(--tblr-card-box-shadow); }
.small-box > .inner { padding: 1rem 1.25rem; }
.small-box h3 { font-size: 2rem; font-weight: 700; margin: 0 0 .25rem; white-space: nowrap; }
.small-box p { margin: 0; font-size: .875rem; opacity: .9; }
.small-box .icon { position: absolute; top: .5rem; right: .75rem; font-size: 4rem; opacity: .2; transition: transform .2s; }
.small-box:hover .icon { transform: scale(1.1); }
.small-box .small-box-footer { display: block; text-align: center; padding: .5rem; font-size: .8125rem; color: rgba(255,255,255,.85); background: rgba(0,0,0,.12); text-decoration: none; }
.small-box .small-box-footer:hover { background: rgba(0,0,0,.2); color: #fff; }

.bg-aqua, .bg-light-blue, .bg-blue, .bg-blue-gradient { background: var(--tblr-primary) !important; color: #fff; }
.bg-green, .bg-olive, .bg-green-gradient { background: var(--tblr-success) !important; color: #fff; }
.bg-yellow, .bg-orange, .bg-yellow-gradient { background: var(--tblr-warning) !important; color: #fff; }
.bg-red, .bg-maroon, .bg-red-gradient { background: var(--tblr-danger) !important; color: #fff; }
.bg-purple, .bg-purple-gradient { background: var(--tblr-purple) !important; color: #fff; }
.bg-navy, .bg-black, .bg-gray-dark { background: var(--tblr-dark) !important; color: #fff; }
.bg-teal { background: var(--tblr-teal) !important; color: #fff; }
.bg-gray { background: var(--tblr-secondary) !important; color: #fff; }
.btn.bg-blue-gradient, .btn.bg-red-gradient, .btn.bg-green-gradient, .btn.bg-yellow-gradient, .btn.bg-purple-gradient { border-color: transparent; }
.btn.bg-blue-gradient:hover { filter: brightness(.95); }

.pull-right { float: right !important; }
.pull-left { float: left !important; }
.text-bold { font-weight: 600; }
.text-light-blue { color: var(--tblr-primary); }
.text-aqua { color: var(--tblr-azure); }
.text-red { color: var(--tblr-danger); }
.text-green { color: var(--tblr-success); }
.text-yellow { color: var(--tblr-warning); }
.hidden { display: none !important; }
.hide { display: none !important; }
.show-inline { display: inline-block !important; }
.center-block { display: block; margin-left: auto; margin-right: auto; }
.img-circle { border-radius: 50%; }
.img-responsive { max-width: 100%; height: auto; }
.well { padding: 1rem 1.25rem; background: var(--tblr-bg-surface-tertiary, #f8fafc); border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); margin-bottom: 1.25rem; }
.caret { display: inline-block; width: 0; height: 0; margin-left: .25rem; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; }

.btn-default { --tblr-btn-color: var(--tblr-body-color); --tblr-btn-bg: var(--tblr-bg-surface, #fff); --tblr-btn-border-color: var(--tblr-border-color); --tblr-btn-hover-bg: var(--tblr-bg-surface-tertiary, #f8fafc); --tblr-btn-hover-border-color: var(--tblr-border-color); --tblr-btn-hover-color: var(--tblr-body-color); --tblr-btn-active-bg: var(--tblr-bg-surface-tertiary, #f8fafc); --tblr-btn-active-color: var(--tblr-body-color); --tblr-btn-active-border-color: var(--tblr-border-color); }
.btn-xs { --tblr-btn-padding-y: .125rem; --tblr-btn-padding-x: .5rem; --tblr-btn-font-size: .75rem; --tblr-btn-icon-size: .875rem; }
.btn-flat { border-radius: var(--tblr-border-radius); }
.btn-block { display: block; width: 100%; }
.btn-group-xs > .btn { padding: .125rem .5rem; font-size: .75rem; }

.table-scroll { width: 100%; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; display: block; }
.table-scroll > .table { width: max-content !important; min-width: 100%; margin-bottom: 0; table-layout: auto !important; }
.table-scroll > .table th, .table-scroll > .table td { white-space: nowrap !important; vertical-align: middle; word-break: keep-all; }
.table-scroll > .table th { font-size: .75rem; font-weight: 650; letter-spacing: .01em; background: #f8fafc; }
.table-scroll td br { display: none; }
.table-scroll td .label { display: inline-block !important; width: auto !important; margin: 0 0 0 .3rem; }
.table-hover > tbody > tr:hover > td { background-color: #f4f8fc; }
.table-hover > tbody > tr.danger:hover > td { background-color: #fff5f5; }
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > td, .table-condensed > tr > td, .table-condensed > tr > th, .table-condensed td, .table-condensed th { padding: .375rem .5rem; }
.table > tbody > tr > td, .table > tbody > tr > th { vertical-align: middle; }
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > td { border: 1px solid var(--tblr-border-color); }
.table .success td, .table > tbody > tr.success > td { background: rgba(var(--tblr-success-rgb), .08); }
.table .danger td, .table > tbody > tr.danger > td { background: rgba(var(--tblr-danger-rgb), .08); }
.table .warning td, .table > tbody > tr.warning > td { background: rgba(var(--tblr-warning-rgb), .08); }
.table .info td, .table > tbody > tr.info > td { background: rgba(var(--tblr-info-rgb), .08); }

.form-group { margin-bottom: 1rem; }
.form-group label, label.control-label { display: block; font-size: .875rem; font-weight: 500; margin-bottom: .375rem; }
.form-group .checkbox label, .form-group .radio label, .checkbox label, .radio label { display: inline-flex; align-items: center; gap: .375rem; font-weight: 400; }
.form-inline .form-group { display: inline-block; vertical-align: middle; margin: 0 .5rem .5rem 0; }
.form-inline .form-control, .form-inline select { display: inline-block; width: auto; vertical-align: middle; }
.form-horizontal .control-label { text-align: right; padding-top: .5rem; }
.has-feedback .form-control-feedback { position: absolute; right: .75rem; top: .625rem; color: var(--tblr-secondary); pointer-events: none; }
.has-feedback { position: relative; }
.help-block { display: block; margin-top: .25rem; font-size: .8125rem; color: var(--tblr-secondary); }
.has-error .form-control { border-color: var(--tblr-danger); }
.has-error .help-block, .has-error .control-label { color: var(--tblr-danger); }
.input-sm, .form-control.input-sm { padding: .25rem .5rem; font-size: .8125rem; min-height: auto; }
.input-lg, .form-control.input-lg { padding: .625rem .875rem; font-size: 1.0625rem; }
.input-group-addon { display: flex; align-items: center; padding: .4375rem .75rem; font-size: .875rem; color: var(--tblr-secondary); background: var(--tblr-bg-surface-tertiary, #f8fafc); border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); }
.input-group > .input-group-addon:first-child { border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.input-group > .input-group-addon:last-child { border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.input-group-btn { display: flex; }
.input-group-btn > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; }
select.form-control { appearance: auto; }
.form-control[style*="background-color:yellow"], .form-control[style*="background-color: yellow"], input[style*="background-color:yellow"] { background-color: #fff8e1 !important; border-color: #f2c94c; }
.form-control[style*="yellow"]:focus, input[style*="yellow"]:focus { box-shadow: 0 0 0 .25rem rgba(242,201,76,.25); }
.inner-content > b { display: inline-block; font-size: .75rem; letter-spacing: .02em; text-transform: uppercase; margin-bottom: .375rem; }
.inner-content.text-red > b { color: var(--tblr-danger); }
.inner-content .form-group { margin-bottom: 1rem; }
textarea.form-control { min-height: 4.5rem; }

.label { display: inline-block; padding: .25em .6em; font-size: 75%; font-weight: 600; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 4px; background: var(--tblr-secondary); }
.label-default { background: var(--tblr-secondary); }
.label-primary { background: var(--tblr-primary); }
.label-success { background: var(--tblr-success); }
.label-info { background: var(--tblr-info); }
.label-warning { background: var(--tblr-warning); }
.label-danger { background: var(--tblr-danger); }
.badge.bg-yellow, .badge.bg-red, .badge.bg-green, .badge.bg-blue, .badge.bg-aqua, .badge.bg-light-blue { color: #fff; }

.callout { padding: 1rem 1.25rem; margin-bottom: 1.25rem; border: 1px solid var(--tblr-border-color); border-left-width: 4px; border-radius: var(--tblr-border-radius); background: var(--tblr-bg-surface, #fff); }
.callout h4 { margin-top: 0; font-size: 1rem; font-weight: 600; }
.callout p:last-child { margin-bottom: 0; }
.callout.callout-info { border-left-color: var(--tblr-info); }
.callout.callout-warning { border-left-color: var(--tblr-warning); }
.callout.callout-danger { border-left-color: var(--tblr-danger); }
.callout.callout-success { border-left-color: var(--tblr-success); }

.alert-box.alert { display: block; }
.alert .close { float: right; border: 0; background: transparent; font-size: 1.25rem; line-height: 1; opacity: .6; }

.nav-tabs { margin-bottom: 1rem; }
.nav-tabs > li > a:not(.nav-link) { display: block; padding: .5rem 1rem; color: var(--tblr-secondary); text-decoration: none; }
.nav-tabs-custom { background: var(--tblr-card-bg, #fff); border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius-lg, 8px); margin-bottom: 1.5rem; }
.nav-tabs-custom > .nav-tabs { margin: 0; padding: 0 .75rem; border-bottom: 1px solid var(--tblr-border-color); }
.nav-tabs-custom > .tab-content { padding: 1.25rem; }
.tab-content > .tab-pane { display: none; }
.tab-content > .tab-pane.active { display: block; }

.modal-header { align-items: center; }
.modal-header .close { order: 2; margin-left: auto; border: 0; background: transparent; font-size: 1.5rem; line-height: 1; color: var(--tblr-secondary); }
.modal-header .close:hover { color: var(--tblr-body-color); }
.modal-title { font-size: 1rem; font-weight: 600; }

.dropdown-menu > li > a:not(.dropdown-item) { display: block; padding: .5rem 1rem; color: var(--tblr-body-color); text-decoration: none; white-space: nowrap; }
.dropdown-menu > li > a:not(.dropdown-item):hover { background: var(--tblr-bg-surface-tertiary, #f8fafc); }
.dropdown-menu > li.divider { height: 0; margin: .5rem 0; border-top: 1px solid var(--tblr-border-color); }

.progress { height: .75rem; }
.progress-bar-success { background: var(--tblr-success); }
.progress-bar-danger { background: var(--tblr-danger); }
.progress-bar-warning { background: var(--tblr-warning); }

.pagination > li > a, .pagination > li > span { position: relative; display: block; padding: .375rem .75rem; margin-left: -1px; border: 1px solid var(--tblr-border-color); color: var(--tblr-body-color); text-decoration: none; background: var(--tblr-bg-surface, #fff); }
.pagination > li:first-child > a { border-radius: var(--tblr-border-radius) 0 0 var(--tblr-border-radius); }
.pagination > li:last-child > a { border-radius: 0 var(--tblr-border-radius) var(--tblr-border-radius) 0; }
.pagination > .active > a, .pagination > .active > span { background: var(--tblr-primary); border-color: var(--tblr-primary); color: #fff; }

pre { font-size: .8125rem; background: var(--tblr-bg-surface-tertiary, #f8fafc); border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); padding: .75rem 1rem; }
.prettyprint { background: var(--tblr-bg-surface-tertiary, #f8fafc) !important; }

.fa-dashboard:before { content: "\f3fd"; }
.fa-clock-o:before { content: "\f017"; }
.fa-pencil-square-o:before { content: "\f044"; }
.fa-refresh:before { content: "\f021"; }
.fa-sign-out:before { content: "\f2f5"; }
.fa-sort-amount-asc:before { content: "\f160"; }
.fa-sort-numeric-desc:before { content: "\f163"; }
.fa-warning:before { content: "\f071"; }
.glyphicon { display: inline-block; font-family: "Font Awesome 5 Free"; font-weight: 900; font-style: normal; line-height: 1; -webkit-font-smoothing: antialiased; }
.glyphicon-cloud-download:before { content: "\f381"; }
.glyphicon-cloud-upload:before { content: "\f382"; }
.glyphicon-ok-sign:before { content: "\f058"; }
.glyphicon-ok:before { content: "\f00c"; }
.glyphicon-th-list:before { content: "\f00b"; }
.glyphicon-th:before { content: "\f00a"; }
.glyphicon-list:before { content: "\f03a"; }
.glyphicon-remove:before { content: "\f00d"; }
.glyphicon-remove-sign:before { content: "\f057"; }
.glyphicon-info-sign:before { content: "\f05a"; }
.glyphicon-warning-sign:before { content: "\f071"; }
.glyphicon-question-sign:before { content: "\f059"; }
.glyphicon-pencil:before { content: "\f303"; }
.glyphicon-edit:before { content: "\f044"; }
.glyphicon-search:before { content: "\f002"; }
.glyphicon-signal:before { content: "\f012"; }
.glyphicon-export:before { content: "\f56e"; }
.glyphicon-import:before { content: "\f56f"; }
.glyphicon-user:before { content: "\f007"; }
.glyphicon-plus:before { content: "\f067"; }
.glyphicon-minus:before { content: "\f068"; }
.glyphicon-header:before { content: "\f1dc"; }
.glyphicon-envelope:before { content: "\f0e0"; }
.glyphicon-refresh:before { content: "\f021"; }
.glyphicon-time:before { content: "\f017"; }
.glyphicon-calendar:before { content: "\f073"; }
.glyphicon-trash:before { content: "\f1f8"; }
.glyphicon-download:before, .glyphicon-download-alt:before { content: "\f019"; }
.glyphicon-print:before { content: "\f02f"; }
.glyphicon-eye-open:before { content: "\f06e"; }
.glyphicon-lock:before { content: "\f023"; }
.glyphicon-cog:before { content: "\f013"; }
.glyphicon-file:before { content: "\f15b"; }
.glyphicon-usd:before { content: "\f155"; }
.glyphicon-credit-card:before { content: "\f09d"; }
.glyphicon-phone:before, .glyphicon-earphone:before { content: "\f095"; }
.glyphicon-flag:before { content: "\f024"; }
.glyphicon-star:before { content: "\f005"; }
.glyphicon-home:before { content: "\f015"; }
.glyphicon-tags:before, .glyphicon-tag:before { content: "\f02c"; }
.glyphicon-bell:before { content: "\f0f3"; }
.glyphicon-comment:before { content: "\f075"; }
.glyphicon-plane:before { content: "\f072"; }
.glyphicon-chevron-left:before { content: "\f053"; }
.glyphicon-chevron-right:before { content: "\f054"; }
.glyphicon-chevron-up:before { content: "\f077"; }
.glyphicon-chevron-down:before { content: "\f078"; }
.glyphicon-arrow-left:before { content: "\f060"; }
.glyphicon-arrow-right:before { content: "\f061"; }
.glyphicon-link:before { content: "\f0c1"; }
.glyphicon-save:before, .glyphicon-floppy-disk:before { content: "\f0c7"; }
.glyphicon-send:before { content: "\f1d8"; }
.glyphicon-log-out:before { content: "\f2f5"; }
.glyphicon-log-in:before { content: "\f2f6"; }

.row > form { display: contents; }
.row > form > [class^="col-"], .row > form > [class*=" col-"] { position: relative; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--tblr-gutter-x, 1.5rem) * .5); padding-left: calc(var(--tblr-gutter-x, 1.5rem) * .5); margin-top: var(--tblr-gutter-y, 0); }
@media (min-width: 768px) {
  .row > form > .col-md-1 { width: 8.3333%; } .row > form > .col-md-2 { width: 16.6667%; } .row > form > .col-md-3 { width: 25%; } .row > form > .col-md-4 { width: 33.3333%; } .row > form > .col-md-5 { width: 41.6667%; } .row > form > .col-md-6 { width: 50%; } .row > form > .col-md-7 { width: 58.3333%; } .row > form > .col-md-8 { width: 66.6667%; } .row > form > .col-md-9 { width: 75%; } .row > form > .col-md-10 { width: 83.3333%; } .row > form > .col-md-11 { width: 91.6667%; } .row > form > .col-md-12 { width: 100%; }
}
:not(.row):not(form) > [class^="col-md-"]:not(td):not(th), :not(.row):not(form) > [class*=" col-md-"]:not(td):not(th), :not(.row):not(form) > [class^="col-lg-"]:not(td):not(th), :not(.row):not(form) > [class*=" col-lg-"]:not(td):not(th) { float: left; padding-right: calc(var(--tblr-gutter-x, 1.5rem) * .5); padding-left: calc(var(--tblr-gutter-x, 1.5rem) * .5); }
@media (max-width: 767.98px) { :not(.row):not(form) > [class^="col-md-"]:not(td):not(th), :not(.row):not(form) > [class*=" col-md-"]:not(td):not(th) { float: none; width: 100%; } }
.table td[class*="col-"], .table th[class*="col-"] { float: none !important; display: table-cell !important; width: auto !important; flex: none !important; position: static; }
.box-body::after, .box-footer::after, .modal-body::after, form::after, .tab-pane::after { content: ""; display: table; clear: both; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
.no-padding { padding: 0 !important; }
.no-margin { margin: 0 !important; }
.pl-1 { padding-left: 10px; }
.pl-2 { padding-left: 20px; }
td.p-1, th.p-1 { padding: .5rem !important; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { position: relative; flex: 0 0 auto; padding-right: calc(var(--tblr-gutter-x, 1.5rem) * .5); padding-left: calc(var(--tblr-gutter-x, 1.5rem) * .5); }
@media (max-width: 767.98px) {
  .col-xs-1 { width: 8.3333%; } .col-xs-2 { width: 16.6667%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.3333%; } .col-xs-5 { width: 41.6667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.3333%; } .col-xs-8 { width: 66.6667%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.3333%; } .col-xs-11 { width: 91.6667%; } .col-xs-12 { width: 100%; }
}
@media (min-width: 768px) {
  .col-xs-1:not([class*="col-sm"]):not([class*="col-md"]):not([class*="col-lg"]) { width: 8.3333%; } .col-xs-2:not([class*="col-sm"]):not([class*="col-md"]):not([class*="col-lg"]) { width: 16.6667%; } .col-xs-3:not([class*="col-sm"]):not([class*="col-md"]):not([class*="col-lg"]) { width: 25%; } .col-xs-4:not([class*="col-sm"]):not([class*="col-md"]):not([class*="col-lg"]) { width: 33.3333%; } .col-xs-5:not([class*="col-sm"]):not([class*="col-md"]):not([class*="col-lg"]) { width: 41.6667%; } .col-xs-6:not([class*="col-sm"]):not([class*="col-md"]):not([class*="col-lg"]) { width: 50%; } .col-xs-7:not([class*="col-sm"]):not([class*="col-md"]):not([class*="col-lg"]) { width: 58.3333%; } .col-xs-8:not([class*="col-sm"]):not([class*="col-md"]):not([class*="col-lg"]) { width: 66.6667%; } .col-xs-9:not([class*="col-sm"]):not([class*="col-md"]):not([class*="col-lg"]) { width: 75%; } .col-xs-10:not([class*="col-sm"]):not([class*="col-md"]):not([class*="col-lg"]) { width: 83.3333%; } .col-xs-11:not([class*="col-sm"]):not([class*="col-md"]):not([class*="col-lg"]) { width: 91.6667%; } .col-xs-12:not([class*="col-sm"]):not([class*="col-md"]):not([class*="col-lg"]) { width: 100%; }
}
@media (max-width: 767px) { .hidden-xs { display: none !important; } }
@media (min-width: 768px) { .visible-xs { display: none !important; } }
.list-inline { padding-left: 0; list-style: none; margin-left: -5px; }
.list-inline > li { display: inline-block; padding: 0 5px; }
.ticket-box.box { margin-bottom: .75rem; }
.ticket-box > .ticket-header { padding: 0 .5rem 0 0; gap: 0; }
.ticket-toggle { flex: 1; display: flex; align-items: center; gap: .625rem; min-width: 0; padding: .75rem 1rem; color: var(--tblr-body-color) !important; text-decoration: none; }
.ticket-toggle:hover .ticket-subject { color: var(--tblr-primary); }
.ticket-caret { font-size: .75rem; color: var(--tblr-secondary); transition: transform .15s; flex: 0 0 auto; }
.ticket-toggle.collapsed .ticket-caret, .ticket-toggle[aria-expanded="false"] .ticket-caret { transform: rotate(-90deg); }
.ticket-subject { flex: 1; min-width: 0; font-weight: 600; font-size: .875rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ticket-date { flex: 0 0 auto; font-size: .75rem; color: var(--tblr-secondary); white-space: nowrap; }
.ticket-status { flex: 0 0 auto; text-transform: uppercase; }
.ticket-open { flex: 0 0 auto; }
.ticket-body { font-size: .875rem; white-space: normal; word-break: break-word; max-height: 320px; overflow: auto; }
.ticket-box .box-footer { padding: .5rem 1rem; }
.panel.box:not(.ticket-box) .box-header a { color: inherit; text-decoration: none; display: block; }
.panel.box:not(.ticket-box) .box-header a:hover { color: var(--tblr-primary); }
.panel.box .box-header h4 { width: 100%; }

.table-fixed thead { width: 97%; }
.table-fixed tbody { overflow-y: auto; width: 100%; }
.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th { display: block; }
.table-fixed tbody td, .table-fixed thead > tr > th { float: left; border-bottom-width: 0; }
.axis path, .axis line { fill: none; stroke: #000; shape-rendering: crispEdges; }
.bar { fill: var(--tblr-primary); }
.bar:hover { fill: orangered; }
.x.axis path { display: none; }
.d3-tip { line-height: 1; font-weight: bold; padding: 12px; background: rgba(0,0,0,.8); color: #fff; border-radius: 4px; }
.d3-tip:after { box-sizing: border-box; display: inline; font-size: 10px; width: 100%; line-height: 1; color: rgba(0,0,0,.8); content: "\25BC"; position: absolute; text-align: center; }
.d3-tip.n:after { margin: -1px 0 0 0; top: 100%; left: 0; }

.dropbtn { font-size: .875rem; cursor: pointer; border: 1px solid var(--tblr-border-color); background: var(--tblr-bg-surface, #fff); color: var(--tblr-secondary); border-radius: var(--tblr-border-radius); padding: .25rem .5rem; line-height: 1.2; }
td > .dropdown { position: relative; display: inline-block; }
.dropdown-content { display: none; position: absolute; left: 0; top: 100%; background: var(--tblr-bg-surface, #fff); min-width: 200px; border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius-lg, 8px); box-shadow: 0 8px 24px rgba(15,23,42,.15); z-index: 1030; padding: .25rem 0; }
.dropdown-content a { color: var(--tblr-body-color); padding: .5rem .875rem; text-decoration: none; display: block; font-size: .8125rem; cursor: pointer; white-space: nowrap; }
.dropdown-content a .glyphicon, .dropdown-content a .fa, .dropdown-content a .fas { width: 1.125rem; text-align: center; color: var(--tblr-secondary); }
.dropdown-content a:hover { background: var(--tblr-bg-surface-tertiary, #f8fafc); color: var(--tblr-primary); }
.dropdown:hover .dropdown-content { display: block; }
.dropdown:hover .dropbtn { background: var(--tblr-primary); border-color: var(--tblr-primary); color: #fff; }

.pnr-tabs { text-align: center; font-size: 12px; }
.pnr-tabs a { color: var(--tblr-primary) !important; cursor: pointer; }
.pnr-tabs a:hover { color: var(--tblr-body-color) !important; }
.pnr-list-head { flex-wrap: wrap; align-items: flex-start; }
.pnr-list-head > .row { flex: 1 1 100%; width: 100%; max-width: 100%; margin: 0; }
.pnr-list-head > .row > [class*="col-"] { width: 100%; max-width: 100%; padding: 0; }
.pnr-tools { width: auto; }
.pnr-tools td { padding: 0 .75rem 0 0; vertical-align: middle; white-space: nowrap; }
.pnr-comm { flex: 1 1 100%; color: #2fb344 !important; font-size: .8125rem !important; line-height: 1.55; word-break: break-word; }
.pnr-export { margin-left: auto; }
.portal-chart { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.portal-chart svg { display: block; min-width: 100%; }
.analytics-mco { margin-left: auto; text-align: right; }
.analytics-mco small { display: block; }

body.login-page { min-height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 1.5rem; background: var(--tblr-bg-surface-secondary, #f1f5f9); }
.login-box { width: 100%; max-width: 400px !important; margin: 0 auto; }
.login-logo { text-align: center; font-size: 1.5rem; font-weight: 700; margin-bottom: 1.5rem; color: var(--tblr-body-color); }
.login-logo a { color: inherit; text-decoration: none; }
.login-box-body { background: var(--tblr-card-bg, #fff); border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius-lg, 8px); box-shadow: var(--tblr-card-box-shadow); padding: 2rem; }
.login-box-msg { text-align: center; color: var(--tblr-secondary); margin: 0 0 1.5rem; }
.login-box-body .form-control { padding-right: 2.25rem; }
.login-box-body .has-feedback .form-control-feedback { top: .6875rem; }
.login-box-body .btn-block { margin-top: .5rem; }
.login-box-body .g-recaptcha { display: flex; justify-content: center; }
.login-box-body .text-danger, .login-box-body .error { display: block; margin-top: .25rem; font-size: .8125rem; color: var(--tblr-danger); }
.login-box-body a { color: var(--tblr-primary) !important; }

.flatpickr-calendar { font-family: inherit; border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius-lg, 8px); box-shadow: 0 8px 24px rgba(15,23,42,.15); width: 320px; padding-bottom: .25rem; }
.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after, .flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after { display: none; }
.flatpickr-months { padding: .5rem .5rem 0; }
.flatpickr-months .flatpickr-month, .flatpickr-current-month { height: 2.25rem; }
.flatpickr-current-month { font-size: .9375rem; font-weight: 600; padding-top: .35rem; }
.flatpickr-current-month .flatpickr-monthDropdown-months { font-weight: 600; border-radius: var(--tblr-border-radius); }
.flatpickr-current-month input.cur-year { font-weight: 600; }
.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month { top: .5rem; padding: .5rem; color: var(--tblr-secondary); }
.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg { fill: var(--tblr-primary); }
.flatpickr-innerContainer { padding: 0 .5rem; }
.flatpickr-rContainer, .flatpickr-days, .dayContainer { width: 100%; min-width: 0; max-width: none; }
span.flatpickr-weekday { color: var(--tblr-secondary); font-weight: 600; font-size: .75rem; text-transform: uppercase; }
.flatpickr-day { border-radius: var(--tblr-border-radius); font-size: .875rem; color: var(--tblr-body-color); max-width: none; height: 38px; line-height: 38px; flex-basis: 14.2857%; }
.flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover { background: var(--tblr-bg-surface-tertiary, #f1f5f9); border-color: transparent; }
.flatpickr-day.today { border-color: var(--tblr-primary); }
.flatpickr-day.today:hover { background: var(--tblr-bg-surface-tertiary, #f1f5f9); color: var(--tblr-body-color); }
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover { background: var(--tblr-primary); border-color: var(--tblr-primary); color: #fff; }
.flatpickr-day.inRange, .flatpickr-day.inRange:hover { background: rgba(var(--tblr-primary-rgb), .12); border-color: rgba(var(--tblr-primary-rgb), .12); box-shadow: -5px 0 0 rgba(var(--tblr-primary-rgb), .12), 5px 0 0 rgba(var(--tblr-primary-rgb), .12); color: var(--tblr-body-color); }
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) { box-shadow: -10px 0 0 var(--tblr-primary); }
.flatpickr-day.startRange:not(.endRange) { border-radius: var(--tblr-border-radius) 0 0 var(--tblr-border-radius); }
.flatpickr-day.endRange:not(.startRange) { border-radius: 0 var(--tblr-border-radius) var(--tblr-border-radius) 0; }
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay { color: var(--tblr-disabled-color, #b8c4d4); }
.portal-fp-presets { display: flex; flex-wrap: wrap; gap: .375rem; padding: .625rem .75rem .25rem; border-top: 1px solid var(--tblr-border-color); margin-top: .5rem; }
.portal-fp-preset { border: 1px solid var(--tblr-border-color); background: var(--tblr-bg-surface, #fff); color: var(--tblr-body-color); border-radius: 999px; padding: .2rem .625rem; font-size: .75rem; line-height: 1.2; cursor: pointer; }
.portal-fp-preset:hover { background: var(--tblr-primary); border-color: var(--tblr-primary); color: #fff; }
.portal-fp-hint { padding: .25rem .75rem .375rem; font-size: .6875rem; color: var(--tblr-secondary); }
.flatpickr-calendar:not(.rangeMode) .portal-fp-presets, .flatpickr-calendar:not(.rangeMode) .portal-fp-hint { display: none; }

.msg-page { max-width: 1180px; }
.msg-toolbar { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0 0 1rem; }
.msg-toolbar .btn { min-width: 5.5rem; }
.msg-compose-grid { display: grid; grid-template-columns: minmax(0, 1fr) 17rem; gap: 1rem; align-items: start; }
.msg-compose-main, .msg-compose-side { background: #fff; border: 1px solid var(--tblr-border-color); border-radius: 10px; padding: 1rem 1.15rem 1.15rem; }
.msg-fields { display: grid; grid-template-columns: 1fr 1fr; gap: .85rem 1rem; }
.msg-field { display: flex; flex-direction: column; gap: .4rem; min-width: 0; }
.msg-field-full { grid-column: 1 / -1; }
.msg-field label { display: block; position: static; float: none; width: auto; margin: 0; font-size: .78rem; font-weight: 650; color: #3b4a63; }
.msg-field .form-control, .msg-field select.form-control { width: 100%; }
.msg-field + .msg-field input[name="pnr"], #msg-pnr { margin-top: 0; }
.msg-editor { min-height: 180px; resize: vertical; }
.msg-compose-actions { margin-top: 1rem; }
.msg-compose-actions .btn { min-width: 6.5rem; }
.msg-compose-side { display: flex; flex-direction: column; gap: .85rem; }
.msg-user-panel h3 { margin: 0 0 .5rem; font-size: .8rem; font-weight: 700; color: #3b4a63; }
.msg-user-list { max-height: 180px; overflow: auto; border: 1px solid #edf0f3; border-radius: 8px; background: #f8fafc; padding: .45rem .55rem; }
.msg-user { display: flex; align-items: center; gap: .45rem; margin: 0; padding: .28rem .2rem; font-size: .8rem; font-weight: 600; }
.msg-user input { margin: 0; }
.msg-body { background: #fff; border: 1px solid var(--tblr-border-color); border-radius: 8px; padding: 1rem; }
.staff-msg-users { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; margin: .75rem 0; }
.staff-msg-users .form-label { display: block; margin: 0 0 .35rem; font-size: .78rem; font-weight: 650; }
.staff-msg-users .msg-user-list { max-height: 160px; }
.staff-msg-thread { max-height: 220px; overflow: auto; margin-top: .85rem; }
.staff-msg-item { border-bottom: 1px dotted #e0e0e0; padding: .5rem 0; }
.staff-msg-item:last-child { border-bottom: 0; }
.msg-page .table-scroll { background: #fff; border: 1px solid var(--tblr-border-color); border-radius: 10px; }
@media (max-width: 991.98px) {
  .msg-compose-grid, .msg-fields { grid-template-columns: 1fr; }
}
@media (max-width: 767.98px) {
  .right-side > .content, .right-side > .content-header { padding: .75rem .75rem 0; overflow-x: hidden; }
  .box > .box-header { flex-wrap: wrap; align-items: flex-start; }
  .box > .box-header > .row { flex: 1 1 100%; width: 100%; max-width: 100%; }
  .box > .box-header > h3, .box > .box-header > h4 { flex: 1 1 100%; float: none !important; width: 100%; }
  .box > .box-body { padding: .85rem; overflow-x: auto; }
  .pnr-tools, .pnr-tools tbody, .pnr-tools tr { display: block; width: 100%; }
  .pnr-tools td { display: inline-flex; align-items: center; gap: .35rem; padding: .2rem .5rem .2rem 0; }
  .pnr-tools td:has(form), .pnr-tools td:has(select) { display: flex; width: 100%; }
  .pnr-tools form { width: 100%; margin: 0; }
  .pnr-tools select.form-control { width: 100% !important; max-width: 100%; }
  .pnr-tools label { margin: 0; }
  .pnr-export { margin-left: 0; }
  .pnr-tabs { display: flex; flex-wrap: wrap; justify-content: flex-start; text-align: left; gap: .35rem; margin: 0 0 .65rem; }
  .pnr-tabs > li { display: none; padding: 0; }
  .pnr-tabs > li:has(a), .pnr-tabs > li:has(b) { display: block; }
  .pnr-tabs a { display: inline-flex; align-items: center; padding: .28rem .6rem; border-radius: 999px; background: #eef3f8; font-weight: 600; }
  .pnr-tabs b { display: block; padding: .2rem 0; }
  .analytics-mco { width: 100%; text-align: left; margin: .15rem 0 0; }
  .table-scroll > .table th:nth-child(n+5),
  .table-scroll > .table td:nth-child(n+5) { display: none; }
}

@media print {
  .portal-topbar, .left-side { display: none !important; }
  .right-side { margin-left: 0 !important; }
}