.hidden {
    display: none;
}

.show {
    display: block;
}

/* CSP: AjaxControlToolkit ModalPopupExtender — visibility controlled via CSS classes
   instead of inline style writes (which violate style-src-attr without unsafe-inline).
   !important overrides ACT's blocked inline style mutations.
   .modalPopupBase carries only the fixed/centered/z-index mechanics that the CSP-patched
   ModalPopupBehavior.show()/hide() in EzyFreight.master relies on (see popup.classList
   add/remove('modal-visible') there). .modalPopup additionally picks up the white/bordered/
   630px visual theme from common-1.5v1.css — popups that want a different visual treatment
   (e.g. "roundedPanel") should use .modalPopupBase instead of .modalPopup so they still get
   centered/stacked above .modalBackground without inheriting that visual override. Without
   either class, a shown popup has position:static/z-index:auto and renders underneath the
   fixed, higher z-index .modalBackground overlay — grey overlay with no visible popup. */
.modalPopup,
.modalPopupBase {
    display: none !important;
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    margin: auto !important;
    height: max-content;
    z-index: 10001 !important;
    max-height: 90vh;
    overflow-y: auto;
}

.modalPopupBase {
    width: max-content;
    max-width: calc(100vw - 80px);
}

.modalPopup.modal-visible,
.modalPopupBase.modal-visible {
    display: block !important;
}

.modalBackground {
    display: none !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 10000 !important;
}

body.modal-open .modalBackground.modal-background-visible {
    display: block !important;
}

.csp-modal-drag-handle {
    cursor: move;
    user-select: none;
    touch-action: none;
}

/* Match the legacy PouchSummary DropShadow appearance without allowing ACT to
   write blocked inline positioning/style attributes. */
.pouch-modal-shell {
    box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.75);
}

.cell-nowrap {
    white-space: nowrap;
}

.pouch-upload-frame {
    max-width: calc(100vw - 120px);
    max-height: calc(100vh - 220px);
}

/* CSP: hover menu — show/hide via CSS class instead of jQuery inline-style .show()/.hide() */
.classSubMenuHorizontal.menu-open,
.classSubMenuVertical.menu-open {
    display: block !important;
    top: 30px;
    left: 0;
}

/* Submenu positioning: use CSS relative/absolute instead of JS pixel calculation */
td.classRootMenuHorizontalItem,
td.classSubMenuHorizontalItem,
td.classRootMenuVerticalItem,
td.classSubMenuVerticalItem {
    position: relative;
}

td.classRootMenuHorizontalItem > .classSubMenuHorizontal,
td.classSubMenuHorizontalItem > .classSubMenuHorizontal {
    top: 100%;
    left: 0;
}

td.classRootMenuVerticalItem > .classSubMenuVertical,
td.classSubMenuVerticalItem > .classSubMenuVertical {
    top: 0;
    left: 100%;
}

.font-small {
    font-size: small;
}

.font-courier {
    font-family: 'Courier New', Courier, monospace;
}

.txt-error {
    color: red;
}

.txt-message {
    color: black;
}

.lnk-plain {
    text-decoration: none;
}

.col-w50 {
    width: 50px;
}

.col-w100 {
    width: 100px;
}

.col-w200 {
    width: 200px;
}

.col-w400 {
    width: 400px;
}

.tbl-full {
    width: 100%;
}

.tbl-bordered {
    border-style: solid;
    border-width: 1px;
    border-collapse: collapse;
}

.cell-bordered {
    border-style: solid;
    border-width: 1px;
}

.lbl-title {
    font-weight: bold;
    font-size: large;
}

.bg-header {
    background-color: RoyalBlue;
    color: white;
    font-weight: bold;
}

.row-even {
    background-color: lightblue;
}

.row-odd {
    background-color: white;
}

.gv-full {
    width: 100%;
    border-collapse: collapse;
}

.show-inline {
    display: inline;
}

.no-wrap {
    white-space: nowrap;
}

[data-csp-nowrap] {
    white-space: nowrap;
}

.visibility-hidden {
    visibility: hidden;
}

.font-large {
    font-size: large;
}

.font-bold {
    font-weight: bold;
}

.txt-white {
    color: white;
}

.lnk-nav {
    color: white;
    text-decoration: underline;
}

.lnk-nav-plain {
    color: white;
    text-decoration: none;
}

.col-w20 {
    width: 20px;
}

.footer-item {
    color: #556565;
    font-size: 11px;
    text-decoration: none;
    position: relative;
    top: -15px;
}

.footer-item:hover {
    color: #556565;
    text-decoration: none;
}

.footer-link {
    color: #00a3c5;
    font-size: 11px;
    text-decoration: none;
    position: relative;
}

.footer-link:hover {
    color: #00a3c5;
    text-decoration: none;
}

.footer-link--email {
    top: -15px;
}

.footer-logo-link {
    position: relative;
    top: -12px;
}

.footer-logo-image {
    border: 0;
}

.cell-h72 {
    height: 72px;
}

.col-w75 {
    width: 75px;
}

.col-w120 {
    width: 120px;
}

.col-w150 {
    width: 150px;
}

.col-w250 {
    width: 250px;
}

.col-w270 {
    width: 270px;
}

.col-w300 {
    width: 300px;
}

.col-w350 {
    width: 350px;
}

.col-w500 {
    width: 500px;
}

.col-w700 {
    width: 700px;
}

.col-w40 {
    width: 40px;
}

.col-w904 {
    width: 904px;
}

.tbl-w984 {
    width: 984px;
}

.tbl-no-border {
    border-style: none;
    border-width: 0;
}

.tbl-header-base {
    font-size: medium;
    font-family: Arial, sans-serif;
    font-weight: bold;
    border-style: none;
    height: 54px;
    background-color: #fff;
}

.cell-h15 {
    height: 15px;
}

.cell-h25 {
    height: 25px;
}

.cell-h54 {
    height: 54px;
}

[data-val-hidden] {
    color: red;
    font-family: Arial, sans-serif;
    display: none;
}

[data-val-err] {
    color: red;
    font-family: Arial, sans-serif;
}

[data-init-hidden] {
    display: none;
}

[data-init-visibility-hidden] {
    visibility: hidden;
    display: block;
}

.tbl-header-box {
    width: 984px;
    height: 60px;
}

.td-header-full {
    width: 100%;
    height: 60px;
}

.td-h50 {
    height: 50px;
}

.td-w10 {
    width: 10%;
}

.w-80pct {
    width: 80%;
}

.tbl-footer-index {
    border-top-width: 0px;
    font-weight: bold;
    border-left-width: 0px;
    font-size: small;
    border-bottom-width: 0px;
    width: 984px;
    font-family: arial;
    border-collapse: collapse;
    border-right-width: 0px;
}

.td-index-right {
    width: 100%;
    height: 25px;
}

.txt-italic {
    font-style: italic;
}

.col-w42 {
    width: 42px;
}

.cell-w42-h25 {
    height: 25px;
    width: 42px;
}

.cell-h22 {
    height: 22px;
}

.cell-h66 {
    height: 66px;
}

.col-w10 {
    width: 10px;
}

.tbl-w964 {
    width: 964px;
}

.box-border-gray-thin-m05 {
    margin-top: 0.5px;
    margin-bottom: 0.5px;
    margin-left: 0.5px;
    margin-right: 0.5px;
    border: solid #cccccc thin;
}

.cell-h10 {
    height: 10px;
}

.col-w140 {
    width: 140px;
}

.col-w60 {
    width: 60px;
}

.max-w150 {
    max-width: 150px;
}

.cell-w320-h40 {
    height: 40px;
    width: 320px;
}

.cell-w420-h40 {
    height: 40px;
    width: 420px;
}

.btn-w110 {
    width: 110px;
}

.cell-h50-middle {
    height: 50px;
    vertical-align: middle;
}

.font-xsmall {
    font-size: x-small;
}

.col-w30 {
    width: 30px;
}

.cell-h16 {
    height: 16px;
}

.pt-8 {
    padding-top: 8px;
}

.bg-black {
    background-color: black;
}

.float-right {
    float: right;
}

.cell-h30 {
    height: 30px;
}

.cell-h38 {
    height: 38px;
}

.grid-pagination-row {
    font-family: Arial, sans-serif;
    font-size: xx-small;
    white-space: nowrap;
}

.valign-middle {
    vertical-align: middle;
}

.cell-h2 {
    height: 2px;
}

.tbl-w960 {
    width: 960px;
}

.display-inline-block {
    display: inline-block;
}

.col-w0 {
    width: 0px;
}

.col-w95 {
    width: 95px;
}

.col-w85 {
    width: 85px;
}

.col-w430 {
    width: 430px;
}

.col-w15 {
    width: 15px;
}

.tbl-w961-h40 {
    height: 40px;
    width: 961px;
}

.cell-h40 {
    height: 40px;
}

.tbl-full-h40 {
    width: 100%;
    height: 40px;
}

.col-w70 {
    width: 70px;
}

.tbl-w984-h5 {
    width: 984px;
    height: 5px;
}

.cell-h18 {
    height: 18px;
}

.cell-h0 {
    height: 0;
}

.cell-h6 {
    height: 6px;
}

.col-w80 {
    width: 80px;
}

.cell-w140-h16 {
    width: 140px;
    height: 16px;
}

.cell-w80-h16 {
    width: 80px;
    height: 16px;
}

.cell-w160-h16 {
    width: 160px;
    height: 16px;
}

.tbl-w984-h10 {
    width: 984px;
    height: 10px;
}

.box-w944-h100 {
    height: 100px;
    width: 944px;
}

.valign-top {
    vertical-align: top;
}

.col-w220 {
    width: 220px;
}

.col-w180 {
    width: 180px;
}

.tbl-w984-h15 {
    width: 984px;
    height: 15px;
}

.px-10 {
    padding: 0 10px;
}

.border-w0 {
    border-width: 0;
}

.border-none {
    border-style: none;
}

.cell-h14 {
    height: 14px;
}

.overflow-auto-important {
    overflow: auto !important;
}

.mx-4-5 {
    margin-left: 4.5px;
    margin-right: 4.5px;
}

.w-98pct {
    width: 98%;
}

.w-85pct {
    width: 85%;
}

.w-15pct {
    width: 15%;
}

.py-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.text-right-pr5 {
    text-align: right;
    padding-right: 5px;
}

.cell-h20 {
    height: 20px;
}

.textarea-scroll-w104 {
    overflow: scroll;
    width: 104px;
    resize: none;
}

.cell-h5 {
    height: 5px;
}

.font-xxsmall {
    font-size: xx-small;
}

.w-20pct {
    width: 20%;
}

.w-30pct {
    width: 30%;
}

.tbl-w961 {
    width: 961px;
}

.w-8pct {
    width: 8%;
}

.w-92pct {
    width: 92%;
}

.tbl-w944 {
    width: 944px;
}

.col-w550 {
    width: 550px;
}

.cell-h24 {
    height: 24px;
}

.w-25pct {
    width: 25%;
}

.w-5pct {
    width: 5%;
}

.h-100pct {
    height: 100%;
}

.file-download-hidden-frame {
    display: none;
}

.ui-scrollbar-measure {
    display: block;
    position: absolute;
    width: 200px;
    height: 200px;
    overflow: hidden;
}

.ui-scrollbar-measure-inner {
    height: 300px;
    width: auto;
}

.ui-datepicker-dialog-input-hidden {
    position: absolute;
    top: -100px;
    width: 0;
}