.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;
}

.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;
}

.inlineDatetinput div.fixed-width-datepicker {
    width: 110px !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%;
    }

    .rgMasterTable:not(.technician-grid .rgMasterTable) {
        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;
        }

        .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;
    }

    .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;
    }

    .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;
        position: absolute;
        top: 0;
        left: 0;
        width: 30% !important;
        height: 100%;
        background-color: #adc9f7;
        text-align: center;
        z-index: 99999 !important;
        overflow: auto !important;
        transition: left 0.4s ease-in-out;
    }

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

        #RadMenuDomain .rmRootGroup {
            flex-direction: column;
            gap: 20px;
        }

        #RadMenuDomain .rmItem {
            width: 100%;
        }

        #RadMenuDomain .rmLink {
            display: block;
        }

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

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

    .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;
    }

    .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;
    }

    .FuelImportSettingEdit span:has(input) {
        width: 160px !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;
        }

    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) {
    .RadTreeView_Outlook {
        font-size: 8px !important;
    }

    .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;
        }
}

@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;
    }
}

/* 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: 72px;
    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;
    }
}