.FromTovisible {
    display: none;
}

.padding-top-20 {
    padding-top: 20px;
}
td.td-padding-top-left-5 {
    padding-left: 5px;
    padding-top: 5px;
}
.content-panel-div {
    margin-top: 3px;
    margin-left: 3px;
}

.padding-left-4px-block {
    padding-left: 4px;
}
.website-textbox-width span.RadInput {
    width: 225px !important;
}
.fit-content-width{
    width:fit-content !important;
}

/* UI Revamp — global RadComboBox dropdown auto-width.
   Pairs with DropDownAutoWidth="Enabled" on the RadComboBox skins in Faster.skin.
   Telerik adds the .rcbAutoWidth class but still pins the popup to DropDownWidth
   (e.g. 300px on the search skins), clipping long items behind a horizontal
   scrollbar. These rules let the popup shrink-to-fit its content (capped at 90vw)
   so items are fully visible; the scrollbar only returns past the 90vw cap. */
div.rcbSlide:has(.RadComboBoxDropDown.rcbAutoWidth) {
    width: auto !important;
    max-width: 90vw !important;
}
.RadComboBoxDropDown.rcbAutoWidth {
    width: auto !important;
    max-width: 90vw !important;
}
.RadComboBoxDropDown.rcbAutoWidth .rcbScroll {
    width: auto !important;
    overflow-x: auto !important;
}
.RadComboBoxDropDown.rcbAutoWidth .rcbList {
    width: auto !important;
}

.hamburger-btn {
    display: none;
    background: none;
    border: none;
    color: black;
    font-size: 1rem;
    font-family: "segoe ui",verdana, arial, sans-serif,Trebuchet MS;
    cursor: pointer;
}

.menu-close {
    display: none;
    position: absolute;
    right: 5px;
    font-size: 1rem;
    background: none;
    border: none;
    color: black;
    cursor: pointer;
}

.BetweenDepartments tr:first-child .FieldRadWindowLabel:first-child {
    padding-bottom: 4px;
}

span:has(.assetNumberTxt) {
    margin-left: 32px;
}

span:has(.HoursTextbox) {
    margin-right: 25px;
}

.orgReassign > tbody > tr:last-child .FieldHeaderLabel,
.SearchHistoryRow .FieldRadWindowLabel {
    padding-bottom: 4px;
}

.display-block {
    display: block;
}

.ViewKpiSettingsRadAjaxPanel td:has(br:only-child),
.EditKpiSettingsRadAjaxPanel td:has(br:only-child) {
    display: none;
}

.otherCombobox {
    padding-top: 14px;
    padding-bottom: 10px;
}

span:has(.Width-94vw) {
    width: 94vw !important;
}

/* Dock title siblings a and div*/
.RadDockTitleLabelTd:has(a),
.RadDockTitleLabelTd:has(div) {
    display: flex;
}

/* FASPD-52474: Increased from 110px to 140px to prevent date value cropping (MM/DD/YYYY needs minimum 140px) */
.inlineDatetinput div.fixed-width-datepicker {
    width: 140px !important;
}

/* FASPD-52474: The Start/End date table inherits table-layout:fixed from
   TwoColumnMediumLarge, which forced the tiny "Start:"/"End:" label columns to
   the same ~134px width as the picker columns — creating large gaps and pushing
   the End picker to overflow its cell (misaligned right column). Let this inner
   table size its columns to content so the labels hug their pickers. Scoped to
   .inlineDatetinput (used only on Vendor Returns > Search Returns). */
.inlineDatetinput {
    table-layout: auto !important;
    width: auto !important;
}

    .inlineDatetinput td {
        width: auto !important;
    }

td.verticalAlign {
    vertical-align: bottom;
}

.UpdateAssetFixWidthButton a {
    display: inline-block;
    width: 150px;
}

.PickListOverflowFirstChild > div {
    overflow-x: auto !important;
}

.padding-bottom-6 {
    padding-bottom: 6px !important;
}

.remove-empty-br td:has(br:only-child) br {
    display: none;
}

.barcode-preview input {
    width: 100%;
}
.grid-320 a {
    padding-left:15px;
}

.hide-scrollbar:has(.maintenance-shop-panel) {
    overflow-x: hidden;
}

.hide-overflow-x {
    overflow-x: hidden !important;
}
.report-builder-word-wrap {
    display: inline !important;
}
    .report-builder-word-wrap span.rbText.rbPrimary {
        white-space: normal !important;
        display: inline !important;
    }

.map-checkbox-td span.rbText {
    display: inline !important;
}

.map-checkbox-td span.RadButton {
    white-space: normal !important;
}

@media screen and (max-width: 1200px) {
    .topRadPane {
        height: max-content !important;
    }

    .AdvanceSearchThreeColumnExtraLarge > tbody > tr {
        display: grid !important;
    }

        .AdvanceSearchThreeColumnExtraLarge > tbody > tr span {
            width: 150px !important;
        }

    .AdvanceSearchThreeColumnExtraLarge .AdvanceSearchTableContentTd {
        padding: 0 !important;
    }

    .Relative,
    .assignAssetGrid {
        overflow: unset !important;
    }

    .alert-code-mapping-imported {
        width: 93vw !important;
        overflow-x: auto;
    }

    .RadAjaxPanel:has(.setup-radgrid-width) {
        width: 98%;
    }

    .alert-code-mapping-imported > .rgMasterTable {
        table-layout: unset !important;
    }
}


@media screen and (max-width: 1100px) {
    .incoming-asset-row {
        display: grid;
    }

    .DropDownScroll {
        width: 280px !important;
        overflow: auto !important;
    }

        .DropDownScroll .rcbScroll {
            overflow: unset !important;
        }

        .DropDownScroll .rcbHeader {
            width: max-content !important;
        }

    div.rcbSlide:has(.DropDownScroll) {
        width: auto !important;
    }

    div:has(> .RadGrid) {
        width: 100%;
    }

    /* FASPD-51552 — .remove-width-600 grids (repair group/component/action) live in
       popup iframes whose viewport is always under 1100px; unsetting their fixed
       table layout lets the table outgrow the popup and adds a horizontal
       scrollbar. They handle their own narrow-screen sizing at 600px below. */
    .rgMasterTable:not(.technician-grid .rgMasterTable):not(.remove-width-600) {
        overflow: auto hidden !important;
        table-layout: unset !important;
    }

    .rgDetailTable {
        table-layout: unset !important;
        overflow: auto hidden !important;
    }

    .detail-menu-link > tbody > tr.incoming-asset-row td {
        padding-left: 0px;
        text-align: left !important;
        display: flex;
        align-items: center; /* vertically centers them */
        gap: 8px; /* space between the image and link, adjust as needed */
    }
    .image-with-text.detail-menu-link > tbody > tr.incoming-asset-row td a {
        margin-top: -4px !important;
    }

    .customer-portal-one-column {
        display: grid !important;
        justify-content: flex-start !important;
    }

    .decrease-width .ruFakeInput {
        width: 100px !important;
    }

    .user-list-rad-grid > .rgMasterTable {
        table-layout: unset !important;
    }
}

@media screen and (min-width: 1026px) {
    .thumbnailViewMainTable .thumbsViewer,
    .thumbnailViewMainTable .RadRotator,
    .thumbnailViewMainTable .rrRelativeWrapper,
    .thumbnailViewMainTable .rrItemsList,
    .thumbnailViewMainTable .rrClipRegion {
        width: 580px !important;
    }
}

@media screen and (max-width: 1025px) {
    .thumbnailViewMainTable {
        width: fit-content;
    }

        .thumbnailViewMainTable .infoAndPreviewContainer {
            display: grid;
        }

        .thumbnailViewMainTable .thumbsViewer,
        .thumbnailViewMainTable .RadRotator,
        .thumbnailViewMainTable .rrRelativeWrapper,
        .thumbnailViewMainTable .rrItemsList,
        .thumbnailViewMainTable .rrClipRegion {
            width: 272px !important;
        }

        .thumbnailViewMainTable .fullHeightImage img {
            height: 440px;
        }

        .thumbnailViewMainTable .hideElement {
            display: none;
        }

    .FlexRow-1025 {
        display: grid;
    }

    .InventoryDetailtr {
        display: grid;
    }

    .FlexColumn-1025 {
        display: flex;
        flex-direction: column;
    }

        .FlexColumn-1025 .ruUploadProgress {
            width: 200px !important;
        }
}



@media screen and (max-width: 900px) {
    .block-900 td,
    .block-900 tr,
    .block-900 span,
    .block-900 div {
        display: block !important;
    }

    .one-column-900 > tbody > tr {
        display: grid;
    }

        .one-column-900 > tbody > tr .RadInput {
            width: 196px !important;
        }

    .one-column-900 {
        display: grid;
    }

    .map-align-left {
        text-align: left;
    }
}

@media screen and (min-width: 1025px) {
    div.WorderOtherDiv {
        position: absolute !important;
    }

    .AdvanceSearchDiv:has(div.WorderOtherDiv) {
        min-height: 160px;
    }
}

@media screen and (max-width: 1024px) {
    .AdvanceSearchThreeColumnLarge {
        display: block !important;
    }

        .AdvanceSearchThreeColumnLarge > tbody > tr {
            display: grid !important;
        }

        .AdvanceSearchThreeColumnLarge .AdvanceSearchTableContentTd {
            padding: 0 !important;
        }

        .AdvanceSearchThreeColumnLarge .AdvanceSearchTableTd {
            padding: 7px 0 0 0 !important;
            /* FASPD-51508 — the base .AdvanceSearchTableTd max-height: 20px is inert in
               table layout but applies once rows switch to display: grid here, clamping
               cells below the ~34px toggle buttons so Search/checkbox controls overlap
               at high zoom. Let grid cells size to their content. */
            max-height: none !important;
        }

        /* FASPD-51474 — same max-height clamp causes Search button to overlap
           Exact Match checkbox on the Vendors Search page, which uses
           .AdvanceSearchTwoColumn. Apply the same fix. */
        .AdvanceSearchTwoColumn .AdvanceSearchTableTd {
            max-height: none !important;
        }

        .AdvanceSearchThreeColumnLarge input[type=checkbox] {
            width: 0 !important;
            padding: 0 8px 0 10px !important;
        }

        .AdvanceSearchThreeColumnLarge .AssetNumberLabel {
            padding-bottom: 14px !important;
        }

        .AdvanceSearchThreeColumnLarge .otherCombobox {
            padding-top: 0;
        }

    .PanelHeight {
        max-height: 80px !important;
    }

    div.otherDiv, .div.WorderOtherDiv {
        position: unset !important;
    }

    td.otherDiv, div.otherDiv {
        height: auto !important;
    }

    table.AdvanceSearchThreeColumnLarge td:has(label),
    table.AdvanceSearchThreeColumnLarge tr.no-padding-left td {
        padding-left: 0px !important;
    }

    tr.InventoryDetailtr td.LeftTable, tr.InventoryDetailtr td.RightTable {
        width: 90% !important;
    }

    tr.PriceWarranty td.LeftTable, tr.PriceWarranty td.RightTable {
        width: 90% !important;
    }

    .inlineDatetinput div.fixed-width-datepicker {
        width: auto !important;
    }

    .TDTopBottomBorder {
        border-left: 2px solid #87CEFF;
        border-right: 2px solid #87CEFF;
        border-top: 0px;
        border-bottom: 0px;
    }
}

@media screen and (max-width: 880px) {

    .RemoveEmptyTd td:has(br:only-child) br {
        display: none;
    }

    .twoColumnViewUpdateAsset > tbody > tr {
        display: grid;
    }

    .display-grid-880 {
        display: grid;
    }
}


@media screen and (max-width: 860px) {
    .AdvanceSearchThreeColumn > tbody > tr {
        display: grid;
    }

    .AdvanceSearchThreeColumn .AdvanceSearchTableContentTd {
        padding: 0 !important;
    }

    .AdvanceSearchThreeColumn .AdvanceSearchTableTd {
        padding: 7px 0 0 0 !important;
        max-height: unset;
    }

    .AdvanceSearchThreeColumn input[type=checkbox]:not(.ExactMatchCheckBox input) {
        width: 0 !important;
        padding: 0 8px 0 10px !important;
    }

    .AdvanceSearchThreeColumn .AssetNumberLabel {
        padding-bottom: 14px !important;
    }

    .AdvanceSearchThreeColumn .otherCombobox {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .inventory.AdvanceSearchThreeColumn div.RadComboBox,
    .inventory.AdvanceSearchThreeColumn span.RadInput {
        width: 280px !important;
    }

    .FieldSearchLabel {
        font-size: 9pt !important;
    }

    .rowDisplayGrid {
        display: grid !important;
    }

    tr.rowDisplayGrid {
        width: 250px !important;
    }

    td.OtherSerchOptions {
        height: fit-content !important;
    }

    .PanelHeight {
        max-height: 80px !important;
    }

    table.AdvanceSearchThreeColumn.inventory td[align="right"] {
        text-align: left !important;
    }

    .AdvanceSearchThreeColumn span.RadInput,
    .AdvanceSearchThreeColumn div.RadComboBox {
        width: 220px !important;
    }

    .ProcessBillingSearchDiv {
        flex-direction: column;
    }

    .flexRow-860 {
        display: grid;
    }

        .flexRow-860 td {
            text-align: left;
        }

    .from-to-lable-visible {
        width: 27px !important;
        display: inline-block !important;
    }

    .FromToRow {
        display: none !important;
    }

    .DeleteLastBilling {
        text-align: left !important;
        padding-left: 6px;
    }

    .DeleteBillingStatement {
        text-align: left !important;
        padding-top: 5px;
    }

    .RadDockTitleLabelTd {
        position: relative;
        white-space: nowrap;
    }

    .RadDockTitleLabel {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        width: 25ch !important;
        display: block;
    }

    .shedule-appointment-panel .RadDockTitleLabel {
        overflow: unset !important;
    }

    .RadDockTitleLabelTdWithSiblings {
        width: 12ch !important;
    }

    .RadDockTitleLabelTd::after {
        content: attr(data-tooltip);
        display: none;
        position: absolute;
        background: #333;
        color: #fff;
        padding: 3px;
        border-radius: 5px;
        white-space: normal;
        top: 100%;
        left: 0;
        z-index: 10;
    }

    .RadDockTitleLabelTd:has(span:hover)::after,
    .RadDockTitleLabelTd:has(em:hover)::after {
        display: block;
        font-size: 8pt;
    }

    .RadWindow .rwTitlebar {
        line-height: unset !important;
    }

    /* FASPD-52181 — allow RadWindow title to wrap at narrow viewports (e.g. 400% zoom) */
    .RadWindow .rwTitleBar {
        position: relative !important;
        height: auto !important;
    }

    .RadWindow .rwTitleWrapper {
        height: auto !important;
        padding-right: 36px !important;
    }

    .RadWindow .rwCommands {
        position: absolute !important;
        top: 50% !important;
        right: 8px !important;
        transform: translateY(-50%) !important;
    }

    .RadWindow .rwTitle {
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        height: auto !important;
        width: auto !important;
    }

    .WorkOrderDetailHeadertr {
        display: grid;
        grid-template-columns: 80px 145px;
    }

        .WorkOrderDetailHeadertr .tdEmpty {
            display: none;
        }

    .SymptomValueLabelDiv {
        width: 95% !important;
    }

    .Grid-860 > tbody > tr,ul.Grid-860 {
        display: grid;
    }
    .Grid-860.reportsList td, .Grid-860.reportsList th {
        width: 90% !important;
    }

    .Grid-860 .rl-item-wrap:after {
        transform: skew(0deg) !important;
    }

    .Grid-860 .rl-item-wrap:before {
        transform: skew(0deg) !important;
    }

    .td-100 {
        width: 100% !important;
    }

    .Grid-860 .rl-multi-step-item {
        margin: 3.1px 0.166667em !important;
    }

    .MassUpdateTableFixWidth {
        width: 700px !important;
    }

    div:has(>.MassUpdateTableFixWidth) {
        width: 90vw;
        overflow-x:auto;
    }

    .mass-update-padding-right {
        padding-right: 15px !important;
    }

    .alert-code-mapping {
        width: 95vw !important;
        overflow-x: auto;
        table-layout: unset !important;
    }


    table.view-report-set tbody > tr td:nth-child(3) {
        border-left: none !important;
        padding: 10px;
        position: absolute;
        top: 8%;
        left: 85%;
    }
}

@media screen and (max-width: 1138px) {
    .ManagePaybleSearch > tbody > tr {
        display: grid;
    }

    .ManagePaybleSearch .AdvanceSearchTableContentTd {
        padding: 0 !important;
    }

    .ManagePaybleSearch .AdvanceSearchTableTd {
        padding: 7px 0 0 0 !important;
        max-height: unset;
    }

    .ManagePaybleSearch input[type=checkbox]:not(.ExactMatchCheckBox input) {
        width: 0 !important;
        padding: 0 8px 0 10px !important;
    }

    .ManagePaybleSearch .AssetNumberLabel {
        padding-bottom: 14px !important;
    }

    .ManagePaybleSearch .otherCombobox {
        padding-top: 0;
    }

    .ManagePaybleSearch span.RadInput,
    .ManagePaybleSearch div.RadComboBox {
        width: 220px !important;
    }

    .FieldSearchLabel {
        font-size: 9pt !important;
    }
}


@media screen and (max-width: 800px) {
    .ListboxRow {
        display: grid;
    }

        .ListboxRow select {
            width: 260px !important;
        }
}

@media screen and (max-width: 768px) {

    .LargeRedLabel {
        padding-left: 0 !important;
    }

    .PageHeaderClass:has(.LargeRedLabel) {
        display: grid;
        padding-left: 0 !important;
    }

    .RadDockTitleLabel {
        font-size: 8pt;
    }

    .hamburger-btn {
        display: block;
    }

    #RadMenuDomain {
        display: none;
        flex-direction: column;
        /* FASPD-51508 — fixed, not absolute: at high zoom only a few items fit, and an
           absolute flyout scrolls away with the page so items past the first screenful
           are unreachable. Fixed keeps the panel pinned with its own scrollbar. */
        position: fixed;
        top: 0;
        left: 0;
        /* FASPD-51508 — viewport units: with the revamped .dm-nav markup the menu's
           containing block is no longer the viewport, so 30%/100% resolved against a
           ~120px parent and the flyout opened 36px wide. */
        width: 30vw !important;
        height: 100vh;
        background-color: #E6F1FF;
        text-align: center;
        z-index: 99999 !important;
        overflow: auto !important;
        transition: left 0.4s ease-in-out;
    }

        #RadMenuDomain.menu-active {
            display: flex;
        }

        /* FASPD-51508 — the Bootstrap skin leaves rmRootGroup display: block with
           inline-block items, so flex-direction alone never stacked the items and
           everything after the first item was clipped. Telerik's rmSized script also
           writes inline pixel widths (measured while the menu is hidden), which only
           !important can beat. */
        #RadMenuDomain .rmRootGroup {
            display: flex !important;
            flex-direction: column;
            /* FASPD-51473 — 20px gaps + 52px desktop item height left only ~3 modules
               visible per 400%-zoom screenful; tighten so most of the menu fits. */
            gap: 4px;
            width: 100% !important;
        }

        #RadMenuDomain .rmItem {
            display: block !important;
            width: 100% !important;
            white-space: pre;
        }

        /* FASPD-51473 — the IsSeparator menu item renders as an empty block in the
           vertical flyout, leaving a dead gap between Reports and Dashboard while
           keyboard-navigating. Desktop horizontal menu keeps its separator. */
        #RadMenuDomain .rmItem.rmSeparator {
            display: none !important;
        }

        #RadMenuDomain .rmLink {
            display: block;
            width: auto !important;
        }

        /* FASPD-51473 — compact the flyout rows: the desktop skin's tall link boxes
           (~52px) are mostly padding at small viewports/high zoom. */
        #RadMenuDomain .rmLink,
        #RadMenuDomain .rmText {
            height: auto !important;
            line-height: 1.4 !important;
            padding-top: 6px !important;
            padding-bottom: 6px !important;
        }

    .menu-active .menu-close {
        display: block;
    }

    td[role=navigation] {
        background-color: #E6F1FF;
    }

    .flexRow > td {
        width: 98% !important;
    }

    .flexRow,
    .twoColumnView > tbody > tr {
        display: grid;
    }

        .twoColumnView > tbody > tr > td {
            width: 100% !important;
        }

    #spaceTD {
        white-space: normal !important;
    }

    .LinkButtonSeperator {
        white-space: normal !important;
        width: 100%;
    }

    .ButtonRow,
    .AssetInfoTable > tbody > tr {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: max-content;
    }

        .AssetInfoTable > tbody > tr > td {
            width: auto !important;
        }

    .AssetSearchRow {
        display: grid;
        padding: 0 0 3px 0;
    }

        .AssetSearchRow > td {
            padding: 0 0 3px 0 !important;
        }

    .BetweenDepartments > tbody > tr:first-child,
    .reverseColumn {
        display: flex;
        flex-direction: column-reverse;
    }

    .BetweenDepartments div.RadComboBox,
    .BetweenDepartments span.RadInput {
        width: 250px !important;
    }

    .BetweenDepartments .FieldRadWindowLabel {
        font-size: 8pt !important;
    }

    .orgReassign > tbody > tr {
        display: grid;
    }

    span:has(.assetNumberTxt) {
        margin-left: 0;
    }

    .wrapContent > tbody > tr > td {
        white-space: normal !important;
    }

    .ValueLabel,
    .ValueRadWindowLabel,
    .SymptomValueLabel {
        word-break: break-all;
    }

    .SearchHistoryRow > td {
        display: block;
    }

    .WarrantyClaimTable > tbody > tr {
        display: grid;
    }

    .EmailSendFields span.riSingle {
        width: 100% !important;
    }

    .FieldSearchLabel {
        font-size: 9pt !important;
    }

    .WarrantyClaimTable > tbody > tr > td:nth-child(odd) {
        padding-bottom: 0;
    }

    .RequestDetail > tbody > tr {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        align-items: center;
    }


    .RightTable {
        width: 90% !important;
    }

    .LeftTable {
        width: 90% !important;
    }

    .ViewScreenWidth {
        width: 70% !important;
    }

    .CreateWorkOrderTable td {
        white-space: normal !important;
    }
    table.view-report-set tbody > tr td:nth-child(3) {
        border-left: none !important;
        padding: 10px;
        position: absolute;
        top: 9%;
        left: 80%;
    }

    .mass-update-radgrid {
        width: 87vw !important;
        overflow-x: auto !important;
    }

    div:has(>.mass-update-radgrid) {
        width: 87vw !important;
        overflow: hidden !important;
    }
}

@media screen and (max-width: 700px) {
    .block-700 td,
    .block-700 tr,
    .block-700 span,
    .block-700 div {
        display: block !important;
    }

    .WarrantyClaimTable > tbody > tr > td:nth-child(odd) {
        padding-bottom: 0;
    }

    .shedule-appointment-panel .RadDockTitleLabel {
        overflow: hidden !important;
    }
}

@media screen and (max-width:640px) {
    .SelectTechnicianRow {
        display: grid;
    }

    .RadEditor:not(.rad-editor-customer-portal) {
        width: 95vw !important;
    }

    [id*="RadEditor_contentIframe"]:not(.rad-editor-customer-portal iframe),
    [id*="RadEditorMessage_contentIframe"] {
        width: 90vw !important;
        height: 100% !important;
    }

    div.rad-editor-customer-portal {
        width: 280px !important;
        height: 140px !important;
    }

    #SubjectTextBox_wrapper,
    #SubjectRadTextBox_wrapper {
        width: 80% !important;
    }

    .tdEmpty {
        display: none;
    }

    .tdInstructionLabel span {
        width: 300px !important;
        display: block !important;
    }

    .ReorderTaskDiv {
        width: 90vw !important;
    }

    .OrganizationPanel {
        width: max-content;
    }

        .OrganizationPanel div.RadListBox {
            width: 260px !important;
        }

    .RepairControlPanel {
        width: 93vw !important;
        overflow-x: auto !important;
    }
    .RepairControlPanelHistory {
        width: 97vw !important;
        overflow-x: auto;
    }

        .RepairControlPanelHistory > table.rgMasterTable {
            table-layout: unset !important;
        }

    .PartRepairControlPanel {
        width: 92vw !important;
        overflow-x: auto;
    }

    .DropDownScroll-640 {
        width: 280px !important;
        overflow: auto !important;
    }

        .DropDownScroll-640 .rcbScroll {
            overflow: unset !important;
        }

        .DropDownScroll-640 .rcbHeader {
            width: max-content !important;
        }

    div.rcbSlide:has(.DropDownScroll-640) {
        width: auto !important;
    }

    .AccountingAdvanceSearch > tbody > tr {
        display: grid;
    }

    .AccountingAdvanceSearch .padding-top-bottom-5 {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .AccountingAdvanceSearch .AdvanceSearchTableContentTd,
    .AccountingAdvanceSearch .AdvanceSearchTableTd {
        padding: 0 !important;
    }

    /* Exact Match td — add bottom padding so the RadButton styled border
       doesn't visually bleed into the Search button below it */
    .AccountingAdvanceSearch > tbody > tr > td:first-child {
        padding-bottom: 10px !important;
    }

    .AccountingAdvanceSearch input[type=checkbox] {
        width: 0 !important;
        padding: 0 8px 0 10px !important;
    }

    .AccountingAdvanceSearch {
        font-size: 10pt !important;
    }

        .AccountingAdvanceSearch div.RadComboBox,
        .AccountingAdvanceSearch span.RadInput {
            width: 260px !important;
        }

    .PendingRequestsCheckBox {
        white-space: normal !important;
    }

    .Alerts > tbody > tr {
        display: grid;
    }

    .tdInstructionLabel span {
        width: 300px !important;
        display: block !important;
    }

    .InventoryPartDetail.TwoColumnMediumLarge > tbody > tr td {
        width: auto !important;
    }
    .website-textbox-width span.RadInput {
        width: 160px !important;
    }

    .ViewScreenWidth {
        width: 65% !important;
    }

    td.verticalAlign {
        vertical-align: bottom;
        padding-left: 0px !important;
        padding-top: 10px !important;
    }

    .Alerts > tbody > tr > td > img {
        margin: 0 !important;
    }

    .repair-group-horizontal-scroll {
        width: 250px !important;
        overflow-x: auto;
    }
    .inventory-popup-overflow-hiddenx{
        width:98vw !important;
    }

    .customer-portal-top-pan-tr {
        display:grid !important;
    }

    .customer-portal-top-pan-tr.reverse-column {
        display: flex !important;
        flex-direction: column-reverse;
        align-items: flex-start !important;
    }

    .customer-portal-login-page-top-rad-pane .unset-float {
        float: unset !important;
    }
}

@media screen and (max-width:730px) {
    .AdvanceSearchTwoColumnInventory > tbody > tr {
        display: grid;
    }


    .AdvanceSearchTwoColumnInventory .AdvanceSearchTableContentTd,
    .AdvanceSearchTwoColumnInventory .AdvanceSearchTableTd {
        padding: 0 !important;
    }

    .AdvanceSearchTwoColumnInventory input[type=checkbox] {
        width: 0 !important;
        padding: 0 8px 0 10px !important;
    }

    .AdvanceSearchTwoColumnInventory {
        font-size: 10pt !important;
    }

        .AdvanceSearchTwoColumnInventory div.RadComboBox,
        .AdvanceSearchTwoColumnInventory span.RadInput {
            width: 280px !important;
        }

    .button-left {
        text-align: left !important;
        padding: 0 !important;
    }
}

@media screen and (max-width:630px) {
    .AdvanceSearchTwoColumn > tbody > tr {
        display: grid;
    }

    .AdvanceSearchTwoColumn .AdvanceSearchTableContentTd,
    .AdvanceSearchTwoColumn .AdvanceSearchTableTd,
    .AdvanceSearchTwoColumn .padding-button {
        padding: 0 !important;
    }

    .AdvanceSearchTwoColumn input[type=checkbox] {
        width: 0 !important;
        padding: 0 8px 0 10px !important;
    }

    .AdvanceSearchTwoColumn {
        font-size: 10pt !important;
    }

        .AdvanceSearchTwoColumn div.RadComboBox,
        .AdvanceSearchTwoColumn span.RadInput {
            width: 280px !important;
        }

    .LoginName,
    .WelcomeLabel,
    .ButtonSeparator .LargeLinkButton {
        font-size: 8pt;
    }

    tr[role=banner]:not(.FasterLogoRow) > td:first-child {
        width: 50% !important;
    }

        tr[role=banner]:not(.FasterLogoRow) > td:first-child img {
            width: 100%;
        }

        /* excluded customer portal top rad pan from above css*/
        .customer-portal-top-rad-pane tr[role=banner]:not(.FasterLogoRow) > td:first-child {
            width: 50% !important;
        }
            tr[role=banner]:not(.FasterLogoRow) > td:first-child img {
                width: 100%;
            }

    .NoMargin {
        margin-left: 0;
    }

    .Grid-630 > tbody > tr {
        display: grid;
    }
}

@media screen and (max-width:512px) {
    .divManualInvioceAdjustment {
        width: auto !important;
    }

    .OrganizationPanelDiv {
        width: max-content;
    }

        .OrganizationPanelDiv div.RadListBox {
            width: 260px !important;
        }

    .AuthorizationMailFields span.riSingle {
        width: 100% !important;
    }

    .MeterInfomationRadGrid {
        width: fit-content !important;
    }

    .Width-60 {
        width: 60% !important;
    }

    table.TwoColumnMediumLarge.InventoryDefault td.ButtonSeparator {
        padding-left: 0px !important;
        padding-top: 15px !important;
    }

    .ViewScreenWidth {
        width: 65% !important;
    }

    .Grid-512 > tbody > tr {
        display: grid;
    }

        .Grid-512 > tbody > tr td {
            width: auto !important;
        }

    .PartListControlPanel {
        width: 92vw !important;
        overflow-x: auto;
    }

    .inport-files.uploadAttachementRow {
        display: grid !important;
    }

    .uploadAttachementRow.inport-files span.ruFileWrap.ruStyled,
    .uploadAttachementRow.inport-files {
        width: 90% !important;
    }

        .uploadAttachementRow.inport-files td {
            width: 100% !important;
        }

    /* FASPD-53462 — hide the valid/invalid message column so Browse button is not cropped */
    .uploadAttachementRow.inport-files td.columnTopRight {
        display: none !important;
    }

    /* FASPD-53462 — force upload wrapper to fill available td width so Browse button is not clipped */
    .uploadAttachementRow.inport-files span.ruFileWrap.ruStyled {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .uploadAttachementRow.inport-files span.ruFakeInput {
        max-width: calc(100% - 80px) !important;
        width: calc(100% - 80px) !important;
        box-sizing: border-box !important;
    }

    table.view-report-set tbody > tr td:nth-child(3) {
        border-left: none !important;
        padding: 10px;
        position: absolute;
        top: 19%;
        left: 76%;
    }
}


/*dynamic kpi information popup*/
@media screen and (max-width: 599px) {
    .KpiInformationMainPanel {
        width: 100%;
    }
}

@media screen and (min-width: 600px) {
    .KpiInformationMainPanel {
        width: 100%;
    }
}

/*setup > user > add new user*/
@media screen and (max-width: 560px) {
    .password span {
        display: grid;
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 500px) {
    .block-500 td,
    .block-500 tr,
    .block-500 span,
    .block-500 div,
    .block-500 a {
        display: block !important;
    }
    .VendorContactsAdd{
        width:auto !important;
    }
}

@media screen and (max-width: 350px) {
    .thumbnailViewMainTable {
        transform: scale(0.75);
        transform-origin: top left;
    }
}

@media screen and (max-width:320px) {
    .FasterLogoRow > td:first-child img {
        width: 100%;
    }

    .RadGrid .rgPager .RadSlider {
        float: unset !important;
    }

    .RelationAddTable {
        width: 280px !important;
        display: block;
    }


    td:has(span.Repairs) + td {
        word-break: break-all;
    }

    table.labelTDWidthSet td:has(label) {
        width: 100% !important;
    }

    .AdvanceSearchTwoColumnInventory div.RadComboBox, .AdvanceSearchTwoColumnInventory span.RadInput {
        width: 220px !important;
    }

    .partOrder.AdvanceSearchThreeColumnLarge div.RadComboBox,
    .partOrder.AdvanceSearchThreeColumnLarge span.RadInput {
        width: 220px !important;
    }

    .PaddingForm {
        padding: 0;
    }

    .fuel-import-edit table {
        border-spacing: unset !important;
    }

    .PartUnFillControlPanel {
        width: 95vw !important;
        overflow-x: auto;
    }

    .AddPartListControlPanel {
        width: 95vw !important;
        overflow-x: auto;
    }

    .over-flow-hidden-320 {
        overflow-x: auto !important;
    }

    .dispay-grid {
        display: grid !important;
    }
    .purchase-order-button{
        text-align: left !important;
        padding-left:0px !important;
    }
    .grid-320{
        display:grid !important;

    }
    .grid-320 a {
        padding-left: 0px !important;
    }

    .rsDatePickerAnimationWrapper {
        left: -20px !important;
    }

    .open-wo-grid-wrap{
        width:82vw !important;
        overflow-x: auto !important;
    }
}

@media screen and (max-width:430px) {
    .AcquirReadingRadNumericTextBox {
        display: grid;
        gap: 0.5rem;
    }

    .AddAssetButtonRow,
    .uploadAttachementRow {
        display: grid;
    }

        .uploadAttachementRow .ruFakeInput {
            width: 60%;
        }

        .uploadAttachementRow.inport-files span.ruFileWrap.ruStyled, .uploadAttachementRow.inport-files {
            width: 70% !important;
        }

    .RadGrid .rgPager .RadSlider {
        float: unset !important;
    }

    .EmailTemplateheight, .EmailTemplateheight > .RadEditor {
        height: 270px !important;
    }

    .ViewScreenWidth {
        width: 65% !important;
    }

    td.text-word-break span, td.text-word-break h1 {
        display: block;
        width: 80% !important;
    }

    table.InventoryDefault td.ButtonSeparator {
        padding-left: 0px !important;
        /*  padding-top: 15px !important;*/
    }

    .remove-margin {
        margin: 0 !important;
    }

    table.view-report-set tbody > tr td:nth-child(3) {
        border-left: none !important;
        padding: 10px;
        position: absolute;
        top: 23%;
        left: 71%;
    }

    .RadScheduler .rsHeader h2 {
        font-size: 8px !important;
        text-indent: 0px !important;
    }

    .RadScheduler .rsHeader ul {
        padding-right: 0px !important;
        font-size: 10px !important;
    }

        .RadScheduler .rsHeader ul span, .RadScheduler .rsHeader ul em {
            padding-right: 3px !important;
        }

    .RadScheduler .rsHeader ul a, .RadScheduler .rsHeader .rsSelected {
        padding-left: 3px !important;
    }

    .region-heading-one-column {
        display: grid;
    }

    .region-heading-one-column td{
        text-align: left;
    }
}

span:has(.CommentTextBox) {
    width: 92.2vw !important;
}

@media screen and (max-width: 700px) {
    .PickListOneColumn-700 {
        display: grid;
    }

    .PickListGrid-700 td > div.RadComboBox,
    .PickListGrid-700 td > span.RadInput {
        width: 200px !important;
    }
}

@media screen and (max-width: 750px) {
    .asset-utilization-one-column > tbody > tr {
        display: grid;
    }
}



@media screen and (max-width: 600px) {
    .PickListOneColumn-600 {
        display: grid;
    }

        .PickListGrid-600 > td > span,
        .PickListOneColumn-600 div.RadComboBox {
            width: 200px !important;
        }

    .PickListUnsetWidth-600 {
        width: unset !important;
    }

    .horizontal-scroll-div {
        overflow-x: auto;
        width: 95vw;
    }

    .remove-width-600 {
        width: unset !important;
    }
}

@media screen and (max-width: 500px) {
    .PickListGrid-500 > td > span,
    .PickListOneColumn-500 div.RadComboBox {
        width: 200px !important;
    }

    .PickListOneColumn-500 {
        display: grid;
    }

        .PickListOneColumn-500 div.RadListBox {
            width: 250px !important;
        }
    .invoice-search-added-panel {
        width: max-content !important;
    }
}

@media screen and (max-width: 480px) {
    .PickListOneColumn-480 {
        display: grid;
    }

        .PickListGrid-480 > td > span,
        .PickListOneColumn-480 div.RadComboBox {
            width: 200px !important;
        }

    .PickListUnsetWidth-480 {
        width: unset !important;
    }

    .align-left-480 {
        text-align: left;
    }
      }

@media screen and (max-width: 450px) {

    .PickListGrid-450 > td > span {
        width: 200px !important;
    }
    .RadWindow.ScheduleReportAddDialog {
        --popup-max-width: 280px;
        --popup-max-height: 310px;
    }
}

@media screen and (max-width: 400px) {

    .PickListGrid-400 > td > span {
        width: 200px !important;
    }

    .PickListOneColumn-400 {
        display: grid;
    }
}

@media screen and (max-width: 1200px) {
    :not(.fuel-import-settings) > .rdTable {
        width: 99% !important;
    }

    :not(.width-100-pr) > .rdTable {
        width: 99% !important;
    }
}

@media screen and (max-width: 850px) {
    :not(.fuel-import-settings) > .rdTable {
        width: 98% !important;
    }
}

@media screen and (max-width: 900px) {
    .barcode-setting-edit-main-div,
    .barcode-setting-edit-main-div .unset-width {
        width: unset !important;
    }

        .barcode-setting-edit-main-div .unset-height,
        .barcode-setting-edit-main-div.unset-height {
            height: unset !important;
        }

        .barcode-setting-edit-main-div .RadBarcode {
            width: 240px !important;
        }



        .barcode-setting-edit-main-div > div > table > tbody > tr {
            display: grid;
        }

    .RadAjaxPanel:has(.barcode-setting-edit-main-div) {
        width: unset !important;
    }

    .unset-width-create-asset {
        width: unset !important;
    }
}

/*changes for grid with RadComboBox*/
.technician-grid {
    width: 95vw !important;
    overflow-x: auto;
}

/*inside main table add min-width to innertable according to ui*/
@media screen and (max-width: 600px) {
    .technician-grid .rgHeaderWrapper,
    .technician-grid .rgDataDiv,
    .rgMasterTable:has(.select-deselect-button) {
        min-width: 700px;
    }

    /* FASPD-53306 - Issue 4: Work Order header fields overflow at 400% zoom */
    .WorkOrderDetailHeadertr .TDLeftLabelBorder {
        width: auto !important;
        min-width: 60px;
        max-width: 100px;
    }

    .WorkOrderDetailHeadertr .TDRightLabelBorder {
        width: auto !important;
        min-width: 120px;
    }

    .WorkOrderDetailHeadertr .TDRightLabelBorder .BoldLabel {
        display: block;
        padding-right: 10px;
        white-space: nowrap !important;
        overflow: visible !important;
    }

    /* FASPD-53306 - Issue 8: Hours field layout at 400% zoom in Add Repair popup */
    .ThreeColumnMedium tr {
        display: flex;
        flex-direction: column;
    }

    .ThreeColumnMedium td {
        width: 100% !important;
        padding: 5px 0 !important;
    }

    .ThreeColumnMedium #labelsDiv > div,
    .ThreeColumnMedium #controlsDiv > div {
        display: block !important;
        width: 100%;
    }
}

/* create asset from template, add edit incoming asset */
.create-asset-scrollable-tr-container > tbody > tr {
    display: block;
    width: 98vw;
    overflow-x: auto;
}

    .create-asset-scrollable-tr-container > tbody > tr > td {
        display: block;
    }



@media screen and (max-width: 850px) {
    .rdTable {
        width: 98% !important;
    }
}

.from-to-lable-visible {
    display: none;
}

@media screen and (max-width: 768px) {
    .advance-search-three-column-part > tbody > tr {
        display: grid;
    }

    .advance-search-three-column-part .AdvanceSearchTableContentTd {
        padding: 0 !important;
    }

    .advance-search-three-column-part .AdvanceSearchTableTd {
        padding: 7px 0 0 0 !important;
        max-height: unset;
    }

    .advance-search-three-column-part input[type=checkbox]:not(.ExactMatchCheckBox input) {
        width: 0 !important;
        padding: 0 8px 0 10px !important;
    }

    .advance-search-three-column-part .AssetNumberLabel {
        padding-bottom: 14px !important;
    }

    .advance-search-three-column-part .otherCombobox {
        padding-top: 0;
    }

    .advance-search-three-column-part div.RadComboBox,
    .advance-search-three-column-part span.RadInput {
        width: 240px !important;
    }
    .links-in-small-media {
        text-align: unset !important;
        padding-left: 0px !important;
    }
}

@media screen and (max-width: 320px) {
    table.view-report-set tbody > tr td:nth-child(3) {
        border-left: none !important;
        padding: 10px;
        position: absolute;
        top: 31%;
        left: 61%;
    }
    .remove-scroll-at-320 .RadUpload {
        width: 280px !important;
    }
}
div:has(> table.unset-height-width) {
    width: unset !important;
    height: unset !important;
}

div.width-100-pr .rdTable {
    width: 100% !important;
}

/* Customer portal changes*/

@media screen and (max-width: 860px) {
    .customer-portal-top-rad-pane {
        height: 100px !important;
    }

        .customer-portal-top-rad-pane table > tbody > tr{
            display: flex;
            justify-content:space-between;
            align-items: center;
        }

        .customer-portal-top-rad-pane table td:nth-child(2){
            width: unset !important;
            flex-grow: 1;
        }

    .customer-portal-bottom-pane-height {
        height: calc(100vh - 105px) !important;
    }

    .portal-logo-image {
        height: 80px !important;
        width: fit-content !important;
    }

        .portal-logo-image img {
            height: 100% !important;
            width: 100% !important;
            object-fit: contain;
        }

    .custom-portal-top-pane-faster-logo-td img {
        height: 15px !important;
    }

    .customer-portal-remove-padding {
        padding: 1rem 0 !important;
    }

    .customer-portal-login-page-top-rad-pane {
        height: 150px !important;
        height: fit-content !important;
    }

    .customer-portal-login-page-bottom-pane-height {
        height: unset !important;
    }
}

@media screen and (max-width: 512px) {

    .customer-portal-menu-rad-pane {
        height: 100% !important;
    }

    .reset-input-width-640 span {
        width: 150px !important;
    }
}


/* changes for alert mapping pages grid in maintanance module */
@media screen and (max-width: 1200px) {

    .manually-added-panel {
        width: 80vw !important;
        overflow-x: auto !important;
    }

        .manually-added-panel .rgMasterTable {
            table-layout: unset !important;
        }

    .map-width {
        width: 98% !important;
    }

    .map-wrapper {
        height: 100vh !important;
    }
}

@media screen and (max-width: 900px) {

    .manually-added-panel {
        width: 95vw !important;
    }
}

@media screen and (max-width: 730px) {
    .task-list-view-pane-width {
        width: 92vw !important;
    }
}

@media screen and (max-width: 1200px) {
    .master-page-overflow {
        overflow: hidden auto !important;
    }
}

@media screen and (max-width: 430px) {
    .remove-padding-430 {
        padding: 0 !important;
    }
}

.dvDashboardFiltersDiv {
    width: 100%;
    position: fixed !important;
    top: 88px;
    background: white;
    z-index: 999999 !important;
}

@media screen and (max-width: 640px) {
    .dvDashboardFilters > div {
        display: flex;
        flex-wrap: wrap;
        grid-template-columns: repeat(3, 1fr);
        gap: 5px;
    }

    .dvDashboardFilters div {
        top: unset !important;
        left: unset !important;
        right: unset !important;
    }

    .dvDashboardFiltersDiv {
        position: unset !important;
        padding-bottom: 30px;
    }
}

/* ── FASPD-51616: Dashboard UI fixes ────────────────────────────────────── */

/* TC-4 / user request: Widen listboxes in KPI Edit popup (popup increased to 680px)
   and suppress any residual horizontal scrollbar. Markup has Width="245px" inline —
   !important overrides the inline style. */
.EditKpiSettingsRadAjaxPanel .RadListBox {
    width: 300px !important;
}
.EditKpiSettingsRadAjaxPanel .RadListBox .rlbList {
    overflow-x: hidden !important;
}
/* View panel — keep overflow hidden only (read-only lists don't need width change). */
.ViewKpiSettingsRadAjaxPanel .RadListBox .rlbList {
    overflow-x: hidden !important;
}

/* FASPD-52906 Issue 10: View KPI read-only fields failed WCAG AA (3.69:1). Two causes:
   (1) read-only RadTextBox values inherited the light Telerik Bootstrap text color, and
   (2) the read-only RadListBox items were dimmed by `.RadListBox .rlbDisabled { opacity:.6 }`.
   Force near-black text and full opacity on the read-only values so they meet AA. Scoped to
   .ViewKpiSettingsRadAjaxPanel (the View KPI popup panel only) — the editable Edit panel and
   every other page are unaffected. */
.ViewKpiSettingsRadAjaxPanel .RadInput .riTextBox,
.ViewKpiSettingsRadAjaxPanel input.riTextBox {
    color: #212529 !important;
}
.ViewKpiSettingsRadAjaxPanel .RadListBox .rlbItem,
.ViewKpiSettingsRadAjaxPanel .RadListBox .rlbText {
    color: #212529 !important;
}
.ViewKpiSettingsRadAjaxPanel .RadListBox .rlbDisabled {
    opacity: 1 !important;
    color: #212529 !important;
}

/* TC-5: Make action links readable on selected (dark-background) grid rows.
   Must outspecify faster-bootstrap-theme rule a[href].SmallLinkButton (0,2,1) — adding
   SmallLinkButton raises our selector to (0,3,1) so it wins at equal !important weight. */
.RadGrid .rgSelectedRow a[href].SmallLinkButton,
.RadGrid .rgSelectedRow a[href].SmallHyperLink,
.RadGrid .rgSelectedRow a {
    color: #fff !important;
}

/* FASPD-51616 Rework Sr#6: Theme anchor tags inside Dashboard KPI drilldown grid
   cells. GridHyperLinkColumn sets ItemStyle-CssClass on <td>, not <a>, so plain
   <a> tags never get SmallHyperLink. Scope to .outer-container (gridster tiles
   on Dashboard only) — prevents leaking into Maintenance/Assets/other domain grids. */
.outer-container .RadGrid td.hyperlinkClass a[href],
.outer-container .RadGrid td.hyperlink a[href] {
    color: var(--bs-link-color) !important;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
}
.outer-container .RadGrid td.hyperlinkClass a[href]:hover,
.outer-container .RadGrid td.hyperlink a[href]:hover {
    color: var(--bs-primary) !important;
    text-decoration: underline;
}

/* TC-7: The Bootstrap-skin RadComboBox in KpiViewsAdd.aspx centers rcbActionButton
   vertically by default — confirmed via measurement (btn.center === input.center).
   RadAjaxPanel has no CssClass so a class-based scope selector is not needed. */
#KpiViewsAddRadAjaxPanel .rcbActionButton {
    align-self: center;
}

/* TC-10: Fix pagination button vertical alignment in the Scheduled / Non-Scheduled
   side-by-side grids — Bootstrap vertical-align resets leave buttons top-aligned. */
#schedulegridDiv .rgPager td {
    vertical-align: middle !important;
}

[id*="ProcessErrorsRadGrid"] .rgPager td {
    vertical-align: middle !important;
}
[id*="ProcessErrorsRadGrid"] .rgPager .rgPagerCell .NextPrevAndNumeric .rgAdvPart {
    align-items: center !important;
}

/* FASPD-53394 — RadGrid pagination buttons (first/prev/next/last/page number) must
   show a visible focus ring on keyboard navigation to meet WCAG 2.1 AA 2.4.7. */
.RadGrid .rgPager a:focus-visible,
.RadGrid .rgPager button:focus-visible,
.RadGrid .rgPager .rgPagePrev:focus-visible,
.RadGrid .rgPager .rgPageNext:focus-visible,
.RadGrid .rgPager .rgFirstPage:focus-visible,
.RadGrid .rgPager .rgLastPage:focus-visible,
.RadGrid .rgPager .rgCurrentPage:focus-visible {
    outline-color: black;
    outline-style: solid;
    outline-width: .150rem;
    border-radius: 2px;
}

/* PickListEdit ImportLayoutRadGrid — edit-row cell visibility override.
   column.Display=false adds inline display:none; !important beats inline styles. */
td.ForceVisible { display: table-cell !important; }
td.ForceHidden  { display: none !important; }

/* TC-11 Rework: Original used #ComebackRepairs but <li runat="server"> renders with
   mangled AutoID (ctl00_ContentPlaceHolder_Content_ComebackRepairs). Use attribute
   contains selector to match regardless of naming-container prefix. Also adds outer
   RadGrid cell padding — not addressed in original TC-11. */
li[id*="ComebackRepairs"] .rgRow > td > table,
li[id*="ComebackRepairs"] .rgAltRow > td > table {
    margin-bottom: 0 !important;
    border-spacing: 0 !important;
}
li[id*="ComebackRepairs"] .rgRow > td > table > tbody > tr > td,
li[id*="ComebackRepairs"] .rgAltRow > td > table > tbody > tr > td {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
}
li[id*="ComebackRepairs"] .rgRow > td,
li[id*="ComebackRepairs"] .rgAltRow > td {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}
/* TC-11 Rework: pnlComebackWorkOrder is an empty Panel rendered as the first <td> inside
   a nested presentation table within td.hyperlink. Collapse it to zero width so it doesn't
   create a visible extra column (12.8px gap) in each row. */
li[id*="ComebackRepairs"] td.hyperlink > table > tbody > tr > td:first-child {
    width: 0 !important;
    max-width: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* ── end FASPD-51616 ─────────────────────────────────────────────────────── */

/* ── FASPD-51616 (user request): Edit Rank popup — combobox width ────────── */

/* Widen rank comboboxes so item text does not wrap to the next line.
   Target the value-column <td> in the rank edit form directly. */
#KpiSettingsRankEditform td + td .RadComboBox {
    width: 100% !important;
    box-sizing: border-box;
}

/* ── end Edit Rank combobox fix ──────────────────────────────────────────── */

/* ── FASPD-51616: Dashboard storeroom filter alignment ───────────────────── */

/* Keep Storeroom label, combo, and Save Storerooms link on one row.
   The Telerik RadComboBox wrapper renders as display:block which pushes the
   link button to the next line — flex overrides that. */
.StoreroomFilterBar {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 4px;
}

/* ── end storeroom filter fix ────────────────────────────────────────────── */

/* ============================================================
   FASPD-53689 — Inventory Module UI / Accessibility fixes (responsive)
   ============================================================ */

/* Issue 7 — PerformInventory "From" label word-wraps to two lines at 400% zoom
   because .from-to-lable-visible has width:27px !important at ≤860px but no
   white-space constraint, causing "Fro m" split. */
@media screen and (max-width: 860px) {
    .from-to-lable-visible {
        white-space: nowrap !important;
        width: auto !important;
    }
}

/* Issue 8 — Left nav pane collapses to ~72–77px at 400% zoom on all %-width masters
   (Setup 16%, Assets/Parts/Reports/Vendors 15%, Accounting/Maintenance 16%).
   Telerik writes the init width inline on both the outer pane td and the inner
   content div; min-width !important beats the inline style and forces 190px —
   the same fixed width Fuel/Home already use — so nav text is fully readable.
   RadMenu text (Inventory domain) and RadTreeView text (Setup domain) are also
   allowed to wrap so long items don't overflow the pane. */
@media screen and (max-width: 512px) {
    #ctl00_RadPane_Menu,
    #RAD_SPLITTER_PANE_CONTENT_ctl00_RadPane_Menu {
        min-width: 190px !important;
    }

    #ctl00_RadPane_Menu .rmLink,
    #ctl00_RadPane_Menu .rmText,
    #ctl00_RadPane_Menu .rtText,
    #ctl00_RadPane_Menu .rtIn {
        white-space: normal !important;
        word-break: break-word;
    }
}

/* Issue 14 — Process Item Request (PartsRequest.aspx): 7-column table + side-by-side
   flex layout breaks at 400% zoom (~480px viewport). Stack the flex children
   vertically, convert table rows to single-column block layout, and constrain
   inputs so they don't overflow and clip the next label. */
@media screen and (max-width: 512px) {
    /* Stack search-form div and "N new requests" label div vertically */
    .PartsRequestSearchHeaderFlex {
        flex-direction: column !important;
    }

    .PartsRequestSearchHeaderFlex > div {
        flex: unset !important;
        text-align: left !important;
    }

    /* Convert each tr to block so tds stack label-above-control */
    .PartsRequestSearchHeaderFlex table > tbody > tr {
        display: block !important;
    }

    /* Each td fills the row and auto-heights — removes fixed widths */
    .PartsRequestSearchHeaderFlex table > tbody > tr > td {
        display: block !important;
        width: auto !important;
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }

    /* Cap inputs to viewport width so they don't overflow */
    .PartsRequestSearchHeaderFlex span.RadInput,
    .PartsRequestSearchHeaderFlex div.RadComboBox {
        width: 100% !important;
        max-width: 300px !important;
        box-sizing: border-box !important;
    }
}

/* ── ReturnsItems.aspx — double horizontal scrollbar at 400% zoom ────────────
   At 400% zoom (~480px viewport) the 4-button action row (.vendor-returns-actions)
   is wider than the pane, causing panebottom (Scrolling="Both") to show its own
   horizontal scrollbar on top of the RadGridHorizontalScroll one.
   Wrapping the table to 100% width and flowing the tds eliminates the outer
   pane's horizontal scroll, leaving only the grid's single scrollbar. */
@media screen and (max-width: 512px) {
    table.vendor-returns-actions {
        width: 100% !important;
    }

    table.vendor-returns-actions tr.incoming-asset-row {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 4px !important;
    }

    table.vendor-returns-actions tr.incoming-asset-row td.ButtonSeparator {
        display: inline-flex !important;
        align-items: center !important;
        white-space: nowrap !important;
    }
}