html {
    height: 100%;
    margin: 0;
    padding: 0;
}

/* Default Page Classes - TD */
.TDLeftLabelBorder {
    border-bottom: #000 1px solid;
    border-top: #000 1px solid;
    border-left: #000 1px solid;
    border-right: #000 1px solid;
}

/*  Default Page Classes - TD */
.TDRightLabelBorder {
    border-bottom: #000 1px solid;
    border-top: #000 1px solid;
    border-right: #000 1px solid;
}

.ScheduleReportAddDialog td.rwWindowContent div {
    width: 100% !important;
}
/*Added Table style for defect 16735 */
.TableStyle {
    border-style: solid;
    border-collapse: collapse;
    border-color: black;
    border-width: 1px 1px 1px 1px;
}

/*Defect 16736*/
.LeftTopSearchRadTextBox {
    font-size: 7pt !important;
    color: #727272 !important;
}
/*  Default Page Classes - TD */
.TDPaddingLeft {
    padding-left: 10px;
}
/*  Search Grid Export Button Icon */

.ExportButtonIconSaperator {
    white-space: nowrap;
    width: 3%;
}

/* AddEditRadWindow Classes - FieldRadWindowLabel */
.FieldRadWindowLabel {
    font-family: var(--bs-body-font-family) !important;
    font-size: 10pt !important;
    font-weight: bold !important;
    padding-top: 10px;
    display: inline-block !important;
}

/* AddEditRadWindow Classes - FieldRadWindowNoPaddingLabel */
.FieldRadWindowNoPaddingLabel {
    font-family: var(--bs-body-font-family);
    font-size: 10pt;
    font-weight: bold;
}

/* AddEditRadWindow Classes - FieldRadWindowLeftPaddingLabel */
.FieldRadWindowLeftPaddingLabel {
    font-family: var(--bs-body-font-family);
    font-size: 10pt;
    font-weight: bold;
    padding-left: 50px;
}

/* AddEditRadWindow Classes - FieldHeaderLabel */
.FieldHeaderLabel {
    font-size: 12pt;
    font-weight: bold;
    padding-top: 10px;
}

/* AddEditWindow Classes - FieldHeaderLabel */
.WindowFieldHeaderLabel {
    font-size: 12pt;
    font-weight: bold;
}


/* AddEditRadWindow Classes - ValueRadWindowLabel */
.ValueRadWindowLabel {
    font-size: 10pt;
}

/* Login Page Classes - FieldLoginLabel */
.FieldLoginLabel {
    font-family: var(--bs-body-font-family);
    font-size: 11pt;
}

/* Login Page Classes - BuildVersionLabel */
.BuildVersionLabel {
    font-family: var(--bs-body-font-family);
    font-size: 7pt;
    text-align: right;
    font-style: italic;
    color: Green;
}

/* Default&Other Page Classes - FieldLabel */
.FieldLabel {
    font-family: var(--bs-body-font-family);
    font-size: 8pt;
    font-weight: 600;
}

/* Default&Other Page Classes - ValueLabel */
.ValueLabel {
    font-family: var(--bs-body-font-family);
    font-size: 8pt;
}

/* Search Page Classes - FieldLabel */
.FieldSearchLabel {
    font-family: var(--bs-body-font-family) !important;
    font-size: 10pt !important;
    color: black !important;
    display: contents;
}

/* UserControls - FieldLeftTopSearchLabel */
.FieldLeftTopSearchLabel {
    font-family: var(--bs-body-font-family);
    font-size: 12pt;
}
/*SetUp Page HeaderLabel - FieldHeaderLabel*/
.NavigationHeaderLabel {
    font-weight: bold;
    font-size: large;
}
/* Navigation LinkButton */
.NavigationLinkButton {
    font-family: var(--bs-body-font-family);
    font-weight: bold;
    font-size: 9pt;
    color: Black;
}
/* Power BI Chart LinkButton */
.PowerBIChartLinkButton {
    font-family: var(--bs-body-font-family);
    text-decoration: none;
    font-weight: bold;
    font-size: 15pt;
    color: Black;
}

/* Defect 14610*/
.TreeViewNavigationLinkButton {
    font-family: var(--bs-body-font-family);
    font-weight: normal;
    font-size: 9pt;
    color: Black;
}
/* UserControls - FieldLeftTopSearchByHeaderLabel */
.FieldLeftTopSearchByHeaderLabel {
    font-family: var(--bs-body-font-family);
    font-size: 8pt;
}

/* UserControls Classes - WelcomeLabel */
.WelcomeLabel {
    font-family: var(--bs-body-font-family);
    font-size: 12pt;
    color: #0033CC;
    font-weight: bold;
}

/* UserControls - LoginName */
.LoginName {
    font-family: var(--bs-body-font-family);
    font-size: 12pt;
    color: #0033CC;
    font-weight: bold;
}

/* Common Classes - MessageLabel; Updated by Disha Lahoti for Story #5570 */
.MessageLabel {
    font-size: 12pt;
    color: #e50000 !important;
}
/* Common Class - Paragraph; Added By Jignesh Patel for Issue #56099*/
.ParagraphMessage {
    font-size: 12pt;
}
/* Common Classes - InstructionLabel */
.InstructionLabel {
    font-size: 9pt;
    font-style: italic;
}

/* Common Classes - TableHeaderLabel */
.TableHeaderLabel {
    font-size: 10pt;
    font-weight: bold;
    color: #4F74BD;
}

/* Common Classes - RadDockTitleLabel */
.RadDockTitleLabel {
    font-family: var(--bs-body-font-family);
    font-size: 10pt;
    font-weight: bold;
    padding-right: 10px;
}

/* Common Classes - RadDock */
.LeftAlignedRadDock {
    text-align: left;
    margin: 0 5px 5px 0 !important;
}

/* Common Classes - RegionBackground */
.RegionHeading {
    font-family: var(--bs-body-font-family);
    font-size: 10pt;
    background-color: #4F74BD;
    font-weight: bold;
    color: #FFFFFF;
}

/* Common Classes - SmallLinkButton */
.SmallLinkButton {
    font-size: 9pt;
}

.LoginBody .SmallLinkButton {
    color: #0000ee;
}

.LoginBody a {
    color: #0000ee;
}
/*Small Link Grid Button for add sublet*/
.SmallLinkGridButton {
    font-size: 9pt;
    color: White;
}

/* small link Button align - Right */
.RightAlignSmallLinkButton {
    font-size: 9pt;
    align: Right;
}

/* Common Classes - MediumLinkButton */
.MediumLinkButton {
    font-size: 12pt;
    color: #0000ee; /*Added by Jignesh for Issue #62013.*/
}

/* Common Classes - LargeLinkButton */
.LargeLinkButton {
    font-size: 13pt;
}

/* Common Classes - ExpandCollapseLinkButton */
.ExpandCollapseLinkButton {
    font-size: inherit;
    font-weight: bold;
}
/* FASPD-52068 TC7: ASP.NET adds 'aspNetDisabled' class when Enabled=false; the Bootstrap theme
   rule uses !important so we need higher specificity + !important to override the blue color.
   Descendant selector covers the normal ASP.NET pattern where <span class="aspNetDisabled">
   wraps the <a class="ExpandCollapseLinkButton"> (two separate elements). */
/* FASPD-52474: Updated #6c757d to #5a6268 for WCAG 2.1 AA compliance (4.54:1 contrast ratio) */
.aspNetDisabled.ExpandCollapseLinkButton,
.aspNetDisabled .ExpandCollapseLinkButton {
    color: #5a6268 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}
/* FASPD-52068 TC6: BackColor on RadInput wrapper does not propagate to the inner input;
   use inherit so the validation highlight (LightGoldenrodYellow) shows in the text box */
.RadInput[style*="background-color"] .riTextBox {
    background-color: inherit !important;
}
/* FASPD-53571 TC8: Same propagation fix for RadDatePicker / RadDateTimePicker — the server-side
   BackColor assignment lands on the outer wrapper, not on the inner date input. */
.RadPicker[style*="background-color"] .rdInput,
.RadPicker[style*="background-color"] .rdDateInput {
    background-color: inherit !important;
}

/* Common Classes - EditLinkButton */
.EditLinkButton {
    font-family: var(--bs-body-font-family);
    font-size: 9pt;
    font-weight: bold;
    color: #000000;
    outline: none; /*Added by Nileshkumar Patel for PBI #53532 */
}

/* Added by Ketan Bhojak, for PBI #65437 */
/* Common Classes - OldDocumentIDLinkButton */
.OldDocumentIDLinkButton {
    font-size: 11pt;
    font-weight: bold;
    color: #000000;
    outline: none;
}

/* Common Classes - LeftTopSearchLinkButton */
.LeftTopSearchLinkButton {
    font-family: var(--bs-body-font-family);
    font-size: 7pt;
}

/* Common Classes - LeftTopSearchRegularExpressionValidator */
.LeftTopSearchRegularExpressionValidator {
    font-family: var(--bs-body-font-family);
    font-size: 7pt;
}

/* Common Classes - LeftTopSearchCheckBox */
.LeftTopSearchCheckBox {
    font-family: var(--bs-body-font-family);
    font-size: 9pt;
}

/* Common Classes - TableRow */
.TableRow {
    background-color: #EFF3FB;
}

/* Common Classes - AltTableRow */
.AltTableRow {
    background-color: #FFFFFF;
}

/* Common Classes - Relative */
.Relative {
    position: relative;
}

/* Bootstrap: RadDock command popup must render above adjacent dock panels */
.RadDockZone .RadDockCommandPopup {
    z-index: 2001;
}

/* Common Classes - Required */
.Required {
    font-family: var(--bs-body-font-family);
    color: #c00000; /* FASPD-52188: WCAG 2.1 AA — was Red (3.99:1), now #c00000 (6.47:1) */
}

/* Common Classes - Optional */
.Optional {
    font-family: var(--bs-body-font-family);
    font-size: 7pt;
    font-style: italic !important;
}

/*For Defect 9675 on 27 July 2011 by Partner CB.*/
/* Common Classes - SmallHyperLink */
.SmallHyperLink {
    font-size: 9pt;
    color: Black !important;
}

/* Common Classes - RowSeparator */
.RowSeparator {
    height: 20px;
}

/* Common Classes - ContentPaddingLeft */
.ContentPaddingLeft {
    margin-left: 10px;
}

/* Common Classes - PaddingLeft */
.PaddingLeft {
    margin-left: 10px;
    width: 99.2%;
}

/* Common Classes - ContentPadding */
.PageHeaderContentPadding {
    margin: 10px;
}


/* Common Classes - PaddingForm */
.PaddingForm {
    padding-left: 3px;
    padding-right: 5px;
    padding-top: 3px;
}

/* Common Classes - ButtonSeparator */
.ButtonSeparator {
    padding-left: 15px !important;
}
/* Common Classes - HrBorder */
.HrBorder {
    border-top: gainsboro 0.1cm solid;
}

/* Common Classes - HrSearch */
.HrSearch, hr {
    color: Gray;
    font-size: 1px;
}

/* Common Classes - HrThick */
.HrThick {
    height: 10px;
}
/* Common Classes - HrThin */
.HrThin {
    height: 1px;
}


/* Common Classes - HrBorderThick */
.HrBorderThick {
    border-width: thick;
}
/*Added by Nileshkumar Patel for PBI #49462*/
hr.HrBlue {
    background: #6797d1;
    border: 0;
    height: 1px;
}

hr.HrSeparater {
    margin: 10px 0;
}

/*For Feature #2178 on 08 Feb 2013 by CB. (Start)*/
/* Common Classes - HrDotted */
.HrDotted {
    color: Gray;
    border-style: dotted;
}
/* Telerik Classes - .rgRow TD */
/* Telerik Classes - .rgAltRow TD */
.SearchRadGrid .rgRow td, .SearchRadGrid .rgAltRow td {
    border-left-width: 0 !important;
    border-bottom-width: 0 !important;
}

/*  Default Page Classes - TD */
.TDAlignRight {
    text-align: right;
}

/*Updated for Issue #68512 by Milind Dhotare*/
.TDAlignLeft th {
    text-align: left;
}

/*  Default Page Classes - TD */
.TDNoBorder {
    border: 0;
}
/*For Feature #2178 on 08 Feb 2013 by CB. (End)*/

/* Common Classes - LeftTopSearchActionTable */
.LeftTopSearchActionTable {
    border-top-style: solid;
    border-top-width: thin;
    border-top-color: #C0C0C0;
}

.SearchActionTable {
    border-top-style: solid;
    border-top-width: thin;
    border-top-color: #C0C0C0; /*#B1C1D3*/
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #C0C0C0;
}

/* Common Classes - TopCommonActionTable */
.TopCommonActionTable {
    border-bottom-style: none; /*border-bottom-width: medium;     border-bottom-color: #92b4e0;*/
    width: 100%;
}

/* DomainMenu header layout */
.dm-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 88px;
}

.dm-banner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
}

.dm-logo {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 4px;
}

    /* FASPD-51473 — the skin's 50px logo overflows the ~34px banner row
       (.dm-wrapper is fixed at 88px and the nav row takes 52px), so the splitter
       pane's overflow:hidden permanently clips the image top and its Tab-focus
       outline. Size the image to the row; width follows the SVG aspect ratio. */
    .dm-logo img {
        /* !important — the skin's Height="50px" renders as an inline style */
        height: 28px !important;
        width: auto !important;
    }

.dm-user {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 8px;
}

.dm-user > * + * {
    margin-left: 15px;
}

.dm-nav {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

/* Common Classes - AlignedRadNumericTextBox */
.AlignedRadNumericTextBox {
    text-align: right;
}
/* Default Classes - body tag */
body {
    margin: 0;
    border: 0;
    padding: 0;
    height: 100%;
    min-height: 0 !important;
    background: #fff;
    font-family: var(--bs-body-font-family);
    cursor: default;
    font-size: 12px; /*Added by Jignesh for PBI#55459*/
}

body:has(.RadWindowOverlay) {
    overflow: hidden !important;
}

/* Default Classes - p, h1 and pre tag */
p, h1, pre {
    margin: 0px 0px 0px 0px;
}

/* Default Classes - h1 tag */
h1 {
    font-size: 20px;
    padding-top: 0px;
    font-family: var(--bs-body-font-family);
}

/* Default Classes - h2 tag */
h2 {
    font-size: 18px;
    padding-top: 0px;
    font-family: var(--bs-body-font-family);
}

/* Default Classes - h3 tag */
h3 {
    font-size: 14px;
    padding-top: 0px;
    font-family: var(--bs-body-font-family);
}

/* Telerik Classes - .rgFooter TD */
.rgFooter TD {
    border: none 0 !important;
}

/* Telerik Classes - .RadMenu .rmHorizontal .rmText */
.RadMenu .rmHorizontal .rmText {
    padding: 0 10px 1px 0 !important;
}

/* Common Classes - Label_ReadOnly */
.ReadOnlyLabel {
    border-color: #cbdffa;
    background: #f1f7ff;
    border: 1px solid #c4dbf9;
    padding: 1px 0 1px 1px;
    background: #fff;
    color: #000;
    font: 12px var(--bs-body-font-family) !important;
    min-height: 15px;
}

.PortalReadOnlyLabel {
    color: black;
    font-family: var(--bs-body-font-family);
    font-size: 11pt;
}


.BoldLabel {
    font-family: var(--bs-body-font-family);
    font-size: 10pt;
    font-weight: bold;
}

.BoldLabelPortal {
    font-family: var(--bs-body-font-family);
    font-size: 12pt;
    color: black;
    /* TFS #24564 - Begin */
    background-color: rgba(255, 255, 255, 0.75);
    /* TFS #24564 - end */
}

.BoldLabelDetails {
    font-family: var(--bs-body-font-family);
    font-size: 11pt;
}
/* Common Classe - PageHeaderClass : To display page header label */
.PageHeaderClass {
    font-size: large;
    font-family: var(--bs-body-font-family);
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 5px;
}

.PageHeaderLabel {
    font-size: 18px;
    font-family: var(--bs-body-font-family);
    font-weight: bold;
}

.BoldSmallLabel {
    font-family: var(--bs-body-font-family);
    font-weight: bold;
    font-size: 9pt;
}

.ItalicBoldLabel {
    font-style: italic;
    font-weight: bold;
}

.CustomerPortalEntryPage {
    margin: 0;
    border: 0;
    padding: 0;
    height: 100%;
    max-height: 100%;
    background: #fff;
    background-color: white;
    font-family: var(--bs-body-font-family);
    cursor: default;
    /* TFS #24564 - Begin */
    background: url(../../Images/Background.jpg) no-repeat;
    background-size: 100%;
    background-attachment: fixed;
    /* TFS #24564 - End */
}

.RowBlue {
    background-color: #CCE3FF;
    font-weight: bold;
    font-size: medium;
    height: 15px;
}

.RowBlueText {
    background-color: #E6F1FF;
    font-family: var(--bs-body-font-family);
    font-weight: bold;
    font-size: large;
    color: Black;
    height: 15px;
}

.RowGray {
    background-color: #CCCCCC;
}
.rdContent {
    overflow: hidden !important;
}
/* fix for Telerik version 2009.3.1102 */
.rdTitleBar {
    font: normal 12px/24px var(--bs-body-font-family);
    color: #000;
}

/* PBI #38250: Added for ADFS Integration */
/* Login Classes - LoginControl */
.LoginControl {
    /*border: thick solid #D3D3D3; /*background-color: #F8F8F8;*/
    /* TFS #24564 - Begin */
    /*background-color: white; /* because of partner logo*/
    /*background-color: rgba(255, 255, 255, 0.75);
    border-spacing: 30px;
    /* TFS #24564 - End */
    background-color: rgba(255, 255, 255, 0.75);
    border-spacing: 30px;
    text-align: left;
    padding-left: 5px;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 1px 0px 12px 0px rgba(0,0,0,0.3);
    text-align: left;
    padding-left: 5px;
}


/* Login Classes - LoginTh */
.LoginTh {
    padding-top: 5px;
    padding-bottom: 1px;
    padding-right: 10px; /*Added by Harshkumar Mehta for PBI #70200*/
    text-align: left;
}

/* Login Classes - LoginTdButton */
.LoginTdButton {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
    vertical-align: middle;
}

/* Ensure Sign in button and forgot password link align properly */
.LoginTdButton .RadButton {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.LoginTdButton .SmallLinkButton {
    display: inline-block;
    vertical-align: middle;
}

/* Login Classes - LoginTdHelp */
.LoginTdHelp {
    border-top: thin solid #808080;
}

/* Login Classes - LoginBody */
.LoginBody {
    background-color: #F8F8FF;
    font-family: var(--bs-body-font-family);
    font-size: 90%;
    margin: 0;
    padding: 0;
    text-align: left;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden; /* Prevent scrollbars from extra whitespace */
    /* TFS #24564 - Begin */
    background: url(../../Images/Background.jpg) no-repeat;
    background-size: cover;
    /* TFS #24564 - End */
}

/* FASPD-52181 — allow scroll and top-align at small viewports (e.g. 400% zoom ~480px wide) */
@media screen and (max-width: 600px) {
    .LoginBody {
        overflow-y: auto;
        align-items: flex-start;
    }
}
/* Security.master (ForgotPassword, FirstTimeUser) — left-align logo, allow scroll */
.FasterLogoRow > td {
    text-align: left !important;
}

    .FasterLogoRow > td img {
        max-width: 60%;
        height: auto !important;
        max-height: 50px;
    }

/* Prevent horizontal overflow on ForgotPassword/NewPassword panels */
#MainLandmark {
    overflow-x: hidden;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

    #MainLandmark table {
        max-width: 100%;
    }

    #MainLandmark .TwoColumnMediumLarge {
        table-layout: fixed;
        width: 100%;
    }

@media screen and (max-width: 512px) {
    #MainLandmark .TwoColumnMediumLarge span.RadInput {
        width: 80vw !important;
        display: block !important;
    }

    #MainLandmark .TwoColumnMediumLarge span.RadInput .riContentWrapper {
        width: 80vw !important;
        display: block !important;
    }

    #MainLandmark .TwoColumnMediumLarge span.RadInput .riContentWrapper input.riTextBox,
    #MainLandmark .TwoColumnMediumLarge span.RadInput > input.riTextBox {
        width: 100% !important;
        box-sizing: border-box !important;
    }
}

    /* Login Classes - LoginBody Form */
    .LoginBody #form_Signin {
        margin: 0;
        padding: 0;
        width: auto; /* Changed from 100% to auto to prevent stretching */
        max-width: 100%; /* Ensure it doesn't exceed viewport width */
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    /* Remove default margin/padding from the centered div */
    .LoginBody #form_Signin > div {
        margin: 0;
        padding: 0;
    }

/*classes from Attachment*/
.PendingFileList {
    font-size: 11px;
}

/*classes from Attachment*/
.itemTemplate {
    text-align: center;
    padding: 10px;
    border: solid 1px #dddddd !important;
    font: normal 11px var(--bs-body-font-family);
}

/*classes from Attachment*/
.previewPane {
    background-color: #fff;
    background-image: url(../Images/previewPaneBg.gif);
    background-repeat: no-repeat;
}

/*classes from Attachment*/
.infoPane {
    background-color: #fff;
    background-image: url(../Images/infoPaneBg.gif);
    background-repeat: no-repeat;
}

/*classes from Attachment*/
.infoPaneBg {
    margin-top: 20px;
    background-color: #fff;
    background-image: url(../Images/grayBg.gif);
    background-repeat: no-repeat;
    height: 192px;
    width: 272px;
}

/*classes from Attachment*/
.imageDetailsHeader {
    font: bold 16px var(--bs-body-font-family);
    color: #666666;
    padding-top: 10px;
    padding-left: 30px;
    padding-bottom: 1px;
}

/*classes from Attachment*/
.detailsLabel {
    font: normal 11px var(--bs-body-font-family);
    color: #666666;
    height: 13px;
}

/*classes from Attachment*/
.details {
    font: normal 11px var(--bs-body-font-family);
    color: #666666;
    margin-left: 30px;
    width: 230px;
    vertical-align: middle;
    margin-bottom: 4px;
}

/*classes from Attachment*/
.detailsTitle {
    font: normal 11px var(--bs-body-font-family);
    color: #666666;
    height: 13px;
    font-weight: bold;
}

/*classes from Attachment*/
.thumbsViewer {
    background-color: #fff;
    background-image: url(../Images/thumbsBg.gif);
}

/*classes from Attachment*/
.RotatorImage {
    margin: 0px 11px;
    cursor: hand;
    cursor: pointer;
}

.ImageHoverStyle {
    cursor: pointer !important;
    cursor: hand !important;
}

/*classes from Attachment*/
.bluestrip {
    background-color: #6D90B4;
    height: 20px;
}

/*classes from Attachment*/
a.editBtns, a.editBtns:link, a.editBtns:visited, a.editBtns:active, a.editBtns:focus {
    text-decoration: none;
    border: solid 1px #808080;
    display: inline-block;
    width: 50px;
    font: bold 11px var(--bs-body-font-family);
    text-align: center;
    margin-top: 4px;
    background-color: #e8e8e8;
    color: #555555; /* FASPD-52188: was #808080 (3.23:1 on #e8e8e8 — fails AA), now #555555 (6.1:1) */
}

    /*classes from Attachment*/
    a.editBtns:hover {
        color: #3b3b3b;
    }
/*To override background image on buttons  for RadListBox*/
/*.rlbButtonText
{
    background-image: none !important;
}*/

/*class for step label of Maint-ManageTast-Tast Template*/
.FieldBorderLabel {
    background-color: #d3d3d3;
    border-style: solid;
    border-color: Gray;
    border-width: 1px;
    width: 12%;
    font-size: 9pt;
}

.RadMultiPage {
    margin-top: -1px;
    padding: 3px;
    border-color: #336699;
    border-style: solid;
    border-width: 1px;
}

/* Common Classes - BoldMessageLabel */
.BoldMessageLabel {
    font-size: 12pt;
    color: #e50000;
    font-weight: bold;
}

/*To have items width lesser than actual RadListBox width to avoid horizontal scroll*/
/*To Resolve Issue #24458
.RadListBoxSmallItem .rlbList {
    width: 85%;
}*/

/* Common Classes - TableBorder : To show table with 1px border */
.TableBorder {
    border-width: 1px;
    border-style: solid;
}
/* Common Classes - RadDockTitlebarTemplateTableClass : For rad dock title in Mozilla */
.RadDockTitlebarTemplateTableClass {
    font: normal 12px/20px var(--bs-body-font-family);
    color: #000;
    float: left;
}

/* FASPD-53450 -Accessibility - Clear selected link have minimum color contrast & now clearly visible. */
.RadDockTitlebarTemplateTableClass a.SmallLinkButton,
.RadDockTitlebarTemplateTableClass a[href] {
    color: #FFFFFF !important;
}

.RadDockTitlebarTemplateTableClass a.SmallLinkButton:hover,
.RadDockTitlebarTemplateTableClass a[href]:hover {
    color: #E6F1FF !important;
    text-decoration: underline;
}

/* FASPD-53625 — Bootstrap skin a[href].SmallLinkButton { color: var(--bs-link-color) !important }
   has specificity (0,2,1) — ties with the rule above and wins by source order.
   Add class+attribute selector to reach (0,3,1) and override it. */
table.RadDockTitlebarTemplateTableClass a[href].SmallLinkButton {
    color: #FFFFFF !important;
}

table.RadDockTitlebarTemplateTableClass a[href].SmallLinkButton:hover {
    color: #E6F1FF !important;
    text-decoration: underline;
}

/* Comman Classes  - BlueGridBoundColumn : To show GridBoundColumn text with blue color */
.BlueGridBoundColumn,
.RadGrid_Bootstrap .rgRow > td.BlueGridBoundColumn,
.RadGrid_Bootstrap .rgAltRow > td.BlueGridBoundColumn {
    color: var(--bs-link-color) !important; 
}

.RadDock em {
    color: inherit !important;
}
/* Common Classes - LabelSeparator */
.LabelSeparator {
    padding-left: 15px;
    white-space: nowrap;
    vertical-align: bottom;
    text-align: right;
    width: 1%;
}

/* Common Classes - LargeLabel */
.LargeLabel {
    font-family: var(--bs-body-font-family);
    font-size: 12pt;
    font-weight: bold;
}

/* Common Classes - LargeValueLabel */
.LargeValueLabel {
    font-family: var(--bs-body-font-family);
    font-size: 12pt;
}

/* Common Classes - BoldRedSmallLabel */
.BoldRedSmallLabel {
    font-family: var(--bs-body-font-family);
    font-weight: bold;
    font-size: 10pt;
    color: #e50000;
}

/* TDBorder Classes - TDTopRightBorder*/
.TDTopRightBorder {
    border-top: 2px solid #87CEFF;
    border-right: 2px solid #87CEFF;
}

/* TDBorder Classes - TDBottomLeftBorder */
.TDBottomLeftBorder {
    border-left: 2px solid #87CEFF;
    border-bottom: 2px solid #87CEFF;
}

/* TDBorder Classes - TDAllBorder*/
.TDAllBorder {
    border: 2px solid #87CEFF;
}

/* TDBorder Classes - TDTopBottomBorder*/
.TDTopBottomBorder {
    border-bottom: 2px solid #87CEFF;
    border-top: 2px solid #87CEFF;
}

/* TDBorder Classes - TDTopBorder */
.TDTopBorder {
    border-top: 2px solid #87CEFF;
}

/* Bootstrap: suppress td padding/border in sub-page header panes (topRadPane) */
.topRadPane td {
    padding: 0;
    border-top: none;
}
/* Reduce rmLink height in page-level TopRadPane (84px locked) — the Bootstrap theme sets
   height:50px for the domain nav bar (88px pane), which overflows this smaller pane.
   36px fits within 84px together with the h1 row without content overflowing upward. */
.topRadPane .RadMenu_Bootstrap .rmRootGroup > .rmItem > .rmLink {
    height: 36px !important;
}
/* Reduce rmLink height in MiddleRadPane (32px locked) — same 50px Bootstrap default
   clips the "Issued Part / Part List" tabs so text is cropped. 28px fits the pane. */
.MiddleRadPane .RadMenu_Bootstrap .rmRootGroup > .rmItem > .rmLink {
    height: 28px !important;
}
/* Add breathing room between h1 and the RadMenu tabs row */
.topRadPane td.PageHeaderClass {
    padding-bottom: 6px;
}
.wo-pane-spacer {
    padding: 0 !important;
    line-height: 0 !important;
}
.wo-pane-content {
    padding-top: 5px !important;
}

/* Bootstrap: suppress default td padding/border inside WorkOrderDetailMenu */
.wo-detail-panel {
    line-height: 1.2;
}
.wo-detail-panel td {
    padding: 0;
    border-top: none;
    vertical-align: top;
    line-height: 1.2;
}
.wo-detail-panel label,
.wo-detail-panel span {
    margin: 0;
    line-height: 1.2;
}
.wo-detail-panel .TDLeftLabelBorder,
.wo-detail-panel .TDRightLabelBorder {
    border-top: #000 1px solid;
}

/* Link Button Classes - LinkButton */
.WOHeaderLinkButton {
    color: #2c2cf1;
    font-size: 13px;
}

/* Middle RadPan - RadPane*/
.MiddleRadPane {
    padding-top: 5px;
}

/*For Defect 9289 on 9 Aug 2011 by Partner CB*/
.RadGridHorizontalScroll {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    padding: 6px 0 0 0;
    text-align: left;
    vertical-align: middle;
    margin: 0;
    display: inline-block !important; /*Added for defect 16733*/
    z-index: 1; /* Bootstrap: keep stacking context below RadMenu dropdowns (z-index 2000) */
}

    .RadGridHorizontalScroll .RadAjaxPanel {
        border: none;
        overflow: auto;
        display: inline-block !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .RadGridHorizontalScroll.gridBlock {
        display: block !important;
    }

        .RadGridHorizontalScroll.gridBlock .RadAjaxPanel {
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -ms-box-sizing: border-box;
            box-sizing: border-box;
        }
    /*Added by Partner CB for issue #1392 */
    .RadGridHorizontalScroll.noPadding { /* Added by Jignesh Patel for Issue #30232 */
        padding: 0 !important;
    }

    .RadGridHorizontalScroll #VendorReturnTableContainer .rgMasterTable { /* Added by Jignesh Patel for Issue #30232 */
        border: 0 none !important;
    }

/*Added by Divy Gupta for FASPD-16777*/
.RadGridHorizontalScrollWithoutBorder {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    padding: 6px 0 0 0;
    text-align: left;
    margin: 0;
}

    .RadGridHorizontalScrollWithoutBorder .RadAjaxPanel {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .RadGridHorizontalScrollWithoutBorder.gridBlock {
        display: block !important;
    }

        .RadGridHorizontalScrollWithoutBorder.gridBlock .RadAjaxPanel {
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -ms-box-sizing: border-box;
            box-sizing: border-box;
        }

    .RadGridHorizontalScrollWithoutBorder.noPadding {
        padding: 0 !important;
    }

    .RadGridHorizontalScrollWithoutBorder #VendorReturnTableContainer .rgMasterTable {
        border: 0 none !important;
    }

.ShowEmptyCells {
    border-collapse: collapse !important;
}

/* Div Classes - Div */
/*Updated for Defect #17463 */
.AdvanceSearchDiv {
    float: none;
    /*display: block;*/
    width: 100%;
    margin: 0;
    padding: 5px 0 0 0;
    /*Updated for Issue #30230 */
    /*margin-top: 14px; margin-right: 16px; margin-bottom: 10px; margin-left: 12px;*/
}

    .AdvanceSearchDiv.noRadDock {
        padding: 0;
    }

/* FASPD-52474: Add padding to expand column to prevent focus outline cropping */
td.rgExpandCol {
    padding: 4px;
    overflow: visible !important;
}

td.rgExpandCol ~ td {
    margin: 0;
    padding: 0;
}
/* Table td Classes - Table td */
/*Updated for Defect #17463 */
.AdvanceSearchTableTd {
    max-height: 20px; /*Updated for Issue #30230 */
    text-align: left;
    vertical-align: middle;
}
/* Table td Classes - Table td */
.AdvanceSearchTableContentTd {
    /*height: 20px;*/ /*Updated for Issue #30230 */
    text-align: left;
    padding-left: 20px;
    vertical-align: middle;
}

.FormView {
    font-family: var(--bs-body-font-family);
    font-size: 8pt;
}
/*  Link Button Seperator */

.LinkButtonSeperator {
    white-space: nowrap;
    width: 20%;
    padding-left: 15px;
}

/* Common Classes - LargeRedLabel */
.LargeRedLabel {
    font-family: var(--bs-body-font-family);
    font-size: 12pt;
    font-weight: bold;
    color: #e50000;
}

/* Common Classes - InfoCountLabel — actionable counters (not errors) */
.InfoCountLabel {
    font-family: var(--bs-body-font-family);
    font-size: 12pt;
    font-weight: bold;
    color: #e50000;
}
/***For Defect-8779-13 May 2011 By Partner CB**/
.VendorContactsAdd {
    width: 422px;
}
/***For Feature-8209-24 May 2011 By Partner AL**/
.TDPaddingTopSeven {
    padding-top: 7px;
}

/*For Defect 8981 TDSeperator 2nd June 2011*/
.TDSeperator {
    width: 50px;
}


/*For Defect 9758 on 4 July 2011 by Partner CB.*/
/* Common Classes - RowSeparator */
.RowSeparatorSmall {
    height: 7px;
}

/*For Defect 9758 on 4 July 2011 by Partner CB.*/
.AllignTop {
    vertical-align: middle;
}

    /*For Defect 9758 on 4 July 2011 by Partner CB. (Start)*/
    .AllignTop td {
        padding-left: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

.TopRadPaneAutoHeight {
    height: auto !important;
}

.PendingItemHeaderDatails {
    width: 99%;
    border: 1px solid silver;
}

    .PendingItemHeaderDatails td {
        padding-left: 2px;
        padding-top: 3px;
        padding-bottom: 3px;
        text-align: left;
        border-bottom: 1px solid silver;
        vertical-align: text-top;
    }
/*For Defect 13161 by Partner CB*/
.TopTD {
    border-bottom: none !important;
    border-top: 1px solid silver;
}

.BottomTD {
    border-bottom: none !important;
}
/*For Defect 9758 on 4 July 2011 by Partner CB. (End)*/
/*Updated for defect 16733*/
.RadGridHorizontalScrollAutoWidth {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    padding: 8px 0 20px 0;
    /*width: auto;*/
    display: inline-block !important;
}

/*For Defect 9667 on 02 Aug 2011 by Partner CB*/
.OverflowHidden {
    overflow: hidden;
}

/*For Defect 9675 on 27 July 2011 by Partner CB. (Start)*/
.rfdGrids .rfdTable th, .rfdGrids .rfdTable td {
    border: 0 none;
    padding: 1px 0 2px 2px !important;
}
/*For Defect 9675 on 27 July 2011 by Partner CB. (End)*/

/*For Defect 10064 on 05 Aug 2011 by Partner Al. (Start)*/
.radMenuStyle {
    width: 100%;
    height: 100%;
}

.radMenuTDStyle {
    valign: bottom;
}

.radMenuBottomRadPane {
    padding-top: 0px;
    width: 100%;
}

/*Added by Pooja Jha under Issue#72142*/
.radMenuBottomRadPaneWithPadding {
    padding: 5px 5px 5px 5px;
    width: auto;
}

/*For Defect 10064 on 05 Aug 2011 by Partner Al. (End)*/

/*For Defect 9757*/
.divEmployeeName {
    word-wrap: break-word;
    white-space: normal;
    width: 250px;
    float: left;
}

.divEmployeeSep {
    word-wrap: break-word;
    white-space: normal;
    width: 20px;
    float: left;
}

.divEmployeeStatus {
    width: 50px;
    float: left;
}
/* end */

/*For Defect # 9551 by Partner Al. (End)*/
.TDPaddingFiveLeft {
    padding-left: 5px;
}

/* For Defect 8072, by Partner CB, on 26th August 2011 */
.infoPaneBgAttachment {
    margin-top: 20px;
    background-color: #fff;
    background-image: url(../Images/grayBg.gif);
    background-repeat: no-repeat;
}

/*classes from Attachment, For Defect 8072, by Partner CB, on 26th July*/
.detailsLabelWrap {
    font: normal 11px var(--bs-body-font-family);
    color: #666666;
    height: 13px;
    word-wrap: break-word;
}
/* Added for 9757 */
.PMEvent {
    height: 18px !important;
    border: 1px solid silver;
    overflow: hidden !important;
}
/*Added for defect 15576*/
.Width70px {
    width: 70px;
}
/*Added for defect 15578*/
.Width60px {
    width: 60px;
}
/*For Defect# 12040 changes*/
.riTextBox {
    padding-left: 2px !important;
}
/*Added for Defect# 16724*/
span.rbImageButton.rbDisabled:hover {
    background-position: 0 0;
}

div.RadScheduler .rsHorizontalHeaderTable, div.RadScheduler .rsContentTable, div.RadScheduler .rsAllDayTable {
    width: 100% !important;
}

* + html div.RadScheduler .rsHorizontalHeaderTable, * + html div.RadScheduler .rsContentTable, * + html div.RadScheduler .rsAllDayTable {
    width: auto !important;
}

.RadScheduler .rsTopWrap tr.rsHidden {
    display: block;
}

* + html .RadScheduler .rsVerticalHeaderTable tr.rsMainHeader div.rsMainHeader {
    width: auto;
}
/*Added for Defect #17462 */
#_rfdSkinnedctl00_ContentPlaceHolder_Content_InformUserOnLastOccurrenceCheckBox, #_rfdSkinnedctl00_ContentPlaceHolder_Content_SearchRadDock_C_IncludeClosedWorkOrderCheckBox, #_rfdSkinnedChargeElementControl_EqualsStaticRadioButton, #_rfdSkinnedChargeElementControl_EqualsDBColumnRadioButton {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    color: black;
}
/*Added for Defect #16730 */
#VendorReturnTableContainer .rgMasterTable {
    border: 1px solid #002c94 !important;
    border-top: none !important;
}
/*#MeterInfomationRadGrid .rgMasterTable td span {
    white-space:pre-wrap !important;
}*/
/*For Defect #18219*/
/* Updated for PBI #5393 */
#RadGridMeterInformationID #MeterInfomationRadGrid .rgMasterTable td span {
    white-space: pre-wrap !important;
}

/*For Defect #18246*/
.portalHeader {
    height: 194px !important;
}

/* Updated FASPD-51627 - Apply UI Revamp theme */
.portalHeaderBackground {
    background: #E6F1FF !important;
    background-color: #E6F1FF !important;
}
/*For Defect #18224*/
/*Commented by CB for defect #18047 */
/*#BrowseID .ruBrowse {
    width:49px !important;
}*/
.GridHeaderCheckBox {
    cursor: default !important;
}

.HiddenControl {
    display: none !important;
}

/*Added by Partner CB for issue #1233*/
.ShowControl {
    display: block;
}

.rfdTable {
    width: 99.5% !important;
}

/*Added by Partner CB for feature # 3044 */
/*Updated by Jignesh for PBI#55459*/
.RadButton .rbPrimary {
    font-family: Verdana;
    font-size: 8pt;
    font-weight: normal;
    border-width: 1pt;
    padding-left: 20px;
    height: 25px;
    min-width: 107px;
}
/*Added by CB for defect 17239*/
.BreakWord {
    word-break: break-all !important;
    word-wrap: break-word !important;
}
/*Added by Manthan Shah for PBI #6360*/
.radioListStyle {
    font-size: 12px;
}
/*Added by Mehul Vaghela for PBI #8005*/
.formtable label, .MediumLabel {
    font-size: 12px;
}

/* Added by Hiral Panchal for PBI #10952 */
.divManualInvioceAdjustment {
    border: solid;
    border-width: 1px;
    border-color: black;
    width: 520px;
}
/*Added by Naman Shah for PBI #3355 - START Here*/
.PasswordStrengthStyle {
    display: inline;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    font: 15px/18px var(--bs-body-font-family);
    margin-left: 10px;
    padding: 0.5px 10px 1px 10px;
}

.globalSettingTdSeperator {
    padding-right: 300px;
}
/*Added by Naman Shah for PBI #3355 - END Here*/
/*Added by Gargi Mukherjee for PBI #13285*/
.RadUpload {
    overflow-x: auto;
}

.RadGrid_Bootstrap .rgFooterDiv, .RadGrid_Bootstrap .rgFooter, .RadGrid_Bootstrap .rgFooterWrapper {
    background: #d5e4f3;
}

/*Added by Gargi Mukherjee for Issue #16340 - START Here*/
.columnTopRight {
    vertical-align: top;
    text-align: right;
}

.validMessage {
    background: url(../../Images/ico_green.jpg) left center no-repeat;
    padding: 4px 0 5px 20px;
    text-align: left;
    font-size: 12px;
}

.invalidMessage {
    background: url(../../Images/ico_red.jpg) left center no-repeat;
    padding: 4px 0 5px 20px;
    text-align: left;
    font-size: 12px;
}
/*Added by Gargi Mukherjee for Issue #16340 - END Here*/

/*Added by Gargi Mukherjee for Issue #16353 - START Here*/
.ruInputs li {
    position: relative;
}

.disableFilePath {
    position: absolute;
    left: 0;
    top: 0;
    background: transparent;
    width: 100%;
    height: 24px;
}

.fileUploadBox {
    padding: 0;
    margin: 0;
}
/*Added by Gargi Mukherjee for Issue #16353 - END Here*/
/*Added by Mehul Vaghela for Issue #18518 - START Here*/
.InformationLabel {
    font-size: 9pt;
}
/*Added by Mehul Vaghela for Issue #18518 - END Here*/


/*Added By Sunil Patel for PBI 18582*/
.rwDialogPopup {
    background: none !important;
    padding-left: 0px !important;
}

.rwPopupButton {
    margin: 10px 0px !important; /* set the values accordingly*/
}

.warningLabel {
    color: #c00000; /* FASPD-52188: WCAG 2.1 AA — was red (3.99:1), now #c00000 (6.47:1) */
    font-weight: normal;
    font-size: 15px;
}
/*End*/

/* Added for PBI 17256 > 18573 */
.breakWord {
    word-break: break-all;
    word-wrap: break-word;
}

.fileCustomeReport {
    max-height: 200px;
    overflow: visible;
}

/* Added by Ravi Goriya for the PBI #21311 */
.SuccessMessageLabel {
    font-size: 12pt;
    color: green;
}

/* Added by Nitin Gupta for the PBI #19421 - START*/
.rptinfo {
    font-size: 12px;
    line-height: normal;
}

    .rptinfo li {
        padding: 5px 0;
    }

        .rptinfo li ol {
            list-style: lower-roman outside none;
        }

        .rptinfo li li {
            padding: 1px 0;
        }

.rptInfoList {
    padding-top: 5px;
    max-height: 650px;
    overflow-y: auto;
}

.rptInfoAction {
    border-top: 1px solid #002d96;
    padding-top: 10px;
}
/* Added by Nitin Gupta for the PBI #19421 - END*/


/*Added by Nilesh for Service Planner- Start*/
.FieldSearchImage {
    float: left;
    padding-right: 5px;
}

.FieldSearchLabelWithImage {
    font-family: var(--bs-body-font-family);
    font-size: 10pt;
    line-height: 15px;
}

.Disabled {
    background: silver !important;
    cursor: not-allowed;
}

.opSearchTable {
    width: 100%;
    padding: 0;
}

    .opSearchTable td, .opSearchTable th {
        vertical-align: top;
        text-align: left;
    }

.CalendarAppointment {
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    border: 1px solid #D19F73 !important;
    background: PeachPuff !important;
}

    .CalendarAppointment > div {
        border-right: 0 !important;
        border-left: 0 !important;
    }

.CalendarLeave {
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    border: 1px solid #B5AF7D !important;
    background: LemonChiffon !important;
}

    .CalendarLeave > div {
        border-right: 0 !important;
        border-left: 0 !important;
    }

.CalendarPendingRepair {
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    border: 1px solid #5BA3A3 !important;
    background: PaleTurquoise !important;
}

    .CalendarPendingRepair > div {
        border-right: 0 !important;
        border-left: 0 !important;
    }
/*Added by Nilesh for Service Planner- End*/

.GreenInfoLabel {
    font-family: var(--bs-body-font-family);
    font-size: 12px;
    line-height: 16px;
    color: darkgreen;
    font-style: italic;
    display: block;
    padding: 5px 0;
}
/*Added by Pranchi for Service Planner- Start*/
.CalendarNotConfirmedAppointment {
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    border: 1px solid #666666 !important;
    background: #F1F5F9 !important;
}

    .CalendarNotConfirmedAppointment > div {
        border-right: 0 !important;
        border-left: 0 !important;
    }
/*Added by Pranchi for Service Planner- End*/

/* Added by Ravi Goriya for PBI #20985 */
.ErrorMessageLabel {
    font-style: normal;
    color: #c00000; /* FASPD-52188: WCAG 2.1 AA — was red (3.99:1), now #c00000 (6.47:1) */
    font-weight: bold;
}

/* FASPD-52188: Override ASP.NET validator default inline color:Red (3.99:1 fails AA) */
.aspxvalidator {
    color: #c00000 !important;
}
/*Added by Pranchi Tyagi- PBI #19226*/
.NotificationCheckBox {
    font-family: var(--bs-body-font-family);
    font-size: 9pt;
    font-weight: bold;
    padding-top: 10px;
}

.emailSettingsTable {
    padding: 0;
    margin: 0;
    border: 0px solid #c3d9f9;
    width: 100%;
}

    .emailSettingsTable th {
        background: #f1f1f1;
        text-align: left;
        border-top: 1px solid #c3d9f9;
    }

    .emailSettingsTable td, .emailSettingsTable th {
        border-bottom: 1px solid #c3d9f9;
    }

.EmailSettingsmainRadSplitter {
    height: 60px !important;
}

.emailSettingsTable a {
    outline: 0;
}

.rrItemsList {
    max-width: 580px !important;
    width: inherit !important;
    min-width: 435px !important;
}

.RadDock {
    margin-bottom: 5px;
    outline: none; /*Added by Jignesh for PBI#55459*/
}

    .RadDock.rdCollapsed {
        border-bottom: 1px solid #002d96;
    }
/* Added by Nileshkumar Patel for PBI #19226 */
.maintShopAvailTable {
    width: 100%;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
}

    .maintShopAvailTable tr th, .maintShopAvailTable tr td {
        padding: 5px;
        text-align: left;
        vertical-align: top;
    }

    .maintShopAvailTable thead tr th, .maintShopAvailTable thead tr td {
        padding: 0 5px;
    }

    .maintShopAvailTable th .FieldRadWindowLabel, .maintShopAvailTable td .FieldRadWindowLabel {
        padding-top: 0;
    }



.AdvanceSearchDiv table td, .AdvanceSearchDiv table th {
    text-align: left;
    padding-bottom: 7px; /* Added by Jignesh Patel for Issue #30232 */
}

.AdvanceSearchDiv.setupTable table td.RegionHeading, .AdvanceSearchDiv.setupTable table th.RegionHeading { /* Added by Jignesh Patel for Issue #30232 */
    padding: 2px;
}

.AdvanceSearchDiv table td.AdvanceSearchLabel, .AdvanceSearchDiv table th.AdvanceSearchLabel { /* Added by Jignesh Patel for Issue #30232 */
    padding-bottom: 0;
}

.AdvanceSearchDiv .FieldRadWindowLabel, .radDockContainer .FieldRadWindowLabel {
    padding-top: 0;
}

.AdvanceSearchDiv .reportsList {
    padding: 0;
    margin: 0;
}

    .AdvanceSearchDiv .reportsList td, .AdvanceSearchDiv .reportsList th { /* Added for Issue #30230 */
        padding: 5px 0;
    }

    .AdvanceSearchDiv .reportsList tbody:first-child tr:first-child td {
        padding-top: 0;
    }

.radDockContainer {
    float: none;
    width: 100%;
    margin: 0;
    padding: 5px 0 0 0;
}

    .radDockContainer table {
        margin: 0;
        padding: 0;
        width: 100%;
    }

        .radDockContainer table.widthAuto {
            width: auto;
        }

.MessageLabelReports {
    display: block;
    padding-top: 5px;
    font-size: 9pt;
    color: #c00000; /* FASPD-52188: WCAG 2.1 AA — was #ff0000 (3.99:1), now #c00000 (6.47:1) */
    border-top: 1px solid gray;
    margin-top: 5px;
    line-height: normal;
}

.AdvanceSearchDiv table td.textRight, .AdvanceSearchDiv table td[align="right"] {
    text-align: right;
    padding-right: 5px;
}

.AdvanceSearchDiv table td[align="center"], .AdvanceSearchDiv table th[align="center"] { /* Added by Jignesh Patel for Issue #30232 */
    text-align: center;
}

.AdvanceSearchDiv table td hr.HrSearch, .AdvanceSearchDiv table th hr.HrSearch { /* Added by Jignesh Patel for Issue #30232 */
    margin-bottom: 0;
    margin-top: 0;
}

.AdvanceSearchDiv table td.RowSeparator, .AdvanceSearchDiv table th.RowSeparator, .AdvanceSearchDiv table tr.RowSeparator, .AdvanceSearchDiv table tr.RowSeparator { /* Added by Jignesh Patel for Issue #30232 */
    height: auto;
    padding: 0;
}

.AdvanceSearchDiv table td.RowSeparatorSmall, .AdvanceSearchDiv table th.RowSeparatorSmall, .AdvanceSearchDiv table tr.RowSeparatorSmall, .AdvanceSearchDiv table tr.RowSeparatorSmall { /* Added by Jignesh Patel for Issue #30232 */
    height: auto;
    padding: 0;
}

.AdvanceSearchDiv table tr:last-child td, .AdvanceSearchDiv table tr:last-child th { /* Added by Jignesh Patel for Issue #30232 */
    padding-bottom: 0;
}

.AdvanceSearchDiv table + table { /* Added by Jignesh Patel for Issue #30232 */
    margin-top: 7px;
}

.radDockContainer table td[align="right"], .radDockContainer table td.textRight {
    text-align: right;
    padding-right: 5px;
}

.rgMasterTable .rgDetailTable {
    min-width: 100%;
}

.RadGridHorizontalScroll thead .rgCommandCell {
    padding: 2px 5px;
}

.RadGridHorizontalScroll thead tr.rgPager {
    border-bottom: 1px solid #5d8cc9;
}

/* Added for FASPD-51628 — fix pagination alignment on main page grid */
.RadGrid_Bootstrap .rgPager .rgPagerCell .NextPrevAndNumeric {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    width: 100% !important;
}

    .RadGrid_Bootstrap .rgPager .rgPagerCell .NextPrevAndNumeric .rgWrap {
        float: none !important;
        display: flex !important;
        align-items: stretch !important;
        margin: 0 !important;
        height: 38px !important;
    }

    .RadGrid_Bootstrap .rgPager .rgPagerCell .NextPrevAndNumeric .rgNumPart {
        display: flex !important;
        align-items: stretch !important;
        height: 38px !important;
        margin: 0 !important;
    }

    /* FASPD-52337 — align page-size dropdown with navigation arrows + remove double border */
    .RadGrid_Bootstrap .rgPager .rgPagerCell .NextPrevAndNumeric .rgAdvPart {
        display: flex !important;
        align-items: stretch !important;
        height: 38px !important;
        margin: 0 !important;
    }

        /* FASPD-52474: Remove double borders from page size dropdown */
        .RadGrid_Bootstrap .rgPager .rgPagerCell .NextPrevAndNumeric .rgAdvPart .rcbInner {
            border: none !important;
        }

        .RadGrid_Bootstrap .rgPager .rgPagerCell .NextPrevAndNumeric .rgAdvPart .RadComboBox {
            border: none !important;
        }

        .RadGrid_Bootstrap .rgPager .rgPagerCell .NextPrevAndNumeric .rgAdvPart .rcbInput {
            border: none !important;
        }

        .RadGrid_Bootstrap .rgPager .rgPagerCell .NextPrevAndNumeric .rgAdvPart .rcbActionButton {
            border-left: none !important;
        }

        /* FASPD-52474: Improved vertical alignment and spacing for page size label */
        .RadGrid_Bootstrap .rgPager .rgPagerCell .NextPrevAndNumeric .rgAdvPart .rgPagerLabel {
            align-self: center !important;
            display: flex !important;
            align-items: center !important;
            margin-right: 8px !important;
            white-space: nowrap !important;
        }

        .RadGrid_Bootstrap .rgPager .rgPagerCell .NextPrevAndNumeric .rgWrap a,
        .RadGrid_Bootstrap .rgPager .rgPagerCell .NextPrevAndNumeric .rgNumPart a,
        .RadGrid_Bootstrap .rgPager .rgPagerCell .NextPrevAndNumeric .rgCurrentPage {
            height: 38px !important;
            min-width: 42px !important;
            line-height: 38px !important;
            padding: 0 12px !important;
            margin: 0 !important;
            box-sizing: border-box !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            vertical-align: top !important;
            border-radius: 0 !important;
        }

        /* FASPD-52958 #1 — the First/Prev/Next/Last pager arrows render as
           <button class="t-button rgActionButton rgPage*">, which the Bootstrap
           skin leaves unstyled, so they sat at the wrong height/color beside the
           flat 38px page-number links. Match them to the number-link cells. */
        .RadGrid_Bootstrap .rgPager .rgPagerCell .NextPrevAndNumeric .rgArrPart1 .rgActionButton,
        .RadGrid_Bootstrap .rgPager .rgPagerCell .NextPrevAndNumeric .rgArrPart2 .rgActionButton {
            height: 38px !important;
            min-width: 42px !important;
            padding: 0 12px !important;
            margin: 0 !important;
            box-sizing: border-box !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            vertical-align: top !important;
            border-radius: 0 !important;
        }

    .RadGrid_Bootstrap .rgPager .rgPagerCell .NextPrevAndNumeric .rgInfoPart {
        margin-left: auto !important;
        padding-left: 20px !important;
        padding-right: 10px !important;
        white-space: normal !important;
        flex-shrink: 0 !important;
        display: inline-block !important;
        align-self: center !important;
        letter-spacing: normal !important;
        word-spacing: normal !important;
        font-size: 13px !important;
        line-height: 38px !important;
    }

    .RadGrid_Bootstrap .rgPager .rgPagerCell .NextPrevAndNumeric .rgWrap:first-child a:first-child {
        border-top-left-radius: 4px !important;
        border-bottom-left-radius: 4px !important;
    }

    .RadGrid_Bootstrap .rgPager .rgPagerCell .NextPrevAndNumeric .rgWrap:last-child a:last-child {
        border-top-right-radius: 4px !important;
        border-bottom-right-radius: 4px !important;
    }

.RadGridHorizontalScroll .rgMasterTable .rgClipCells .rgClipCells {
    width: 100% !important;
}

.RadGridHorizontalScroll .RadGrid_Bootstrap { /*Updated by Jignesh for PBI#55459*/
    overflow: visible;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}


/* Added for PBI 19226 - Service Planner, Calendar module */
.RadScheduler .rsWrap .lightGrayBg {
    background: #ccc !important;
    border: 1px solid #aaa !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden !important;
}

/* Added for PBI 19226 - Service Planner, Calendar module */
.RadScheduler .rsWrap .PeachPuffBg {
    background: #ffdab9 !important;
    border: 1px solid #F5C69D !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden !important;
}
/*Added by Nilesh Thakkar for PBI #60966*/
.RadScheduler .rsWrap .PastelYellowBg {
    background: #fdfd96 !important;
    border: 1px solid #F5C69D !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden !important;
}

/* Start :- Added for PBI 19226 - Service Planner, Calendar module */
.calendarPanelHeader {
    font-size: 14px;
    vertical-align: middle;
}

    .calendarPanelHeader td, .calendarPanelHeader th {
        padding: 0 10px;
    }

        .calendarPanelHeader td + td {
            border-left: 1px solid #c3d9f9;
        }

.calendarPanelSearch td, .calendarPanelSearch th {
    vertical-align: top;
    padding: 2px 5px;
}

span.aspNetDisabled label {
    background-position: 0 -860px !important;
}

.calendarTable td, .calendarTable th {
    vertical-align: top;
}
/* Complete :- Added for PBI 19226 - Service Planner, Calendar module */

.MultiSelectRadComboBox.RadComboBox .rcbArrowCellRight {
    background-position: -18px -176px !important;
}

.MultiSelectRadComboBox .rcbHovered .rcbArrowCellRight {
    background-position: -54px -176px !important;
}

.MultiSelectRadComboBox.RadComboBox .rcbInputCellLeft {
    background-position: 0 0 !important;
}

.MultiSelectRadComboBox .rcbHovered .rcbInputCellLeft {
    background-position: 0 -22px !important;
}

/* FASPD-52958 #5 - The multi-select combos on the Calendar filter (Select Shop, Record Type,
   Technician) rendered their dropdown arrow with NO left divider border, while the single-select
   combos (Organization, Department) get "border-left:1px" on .rcbActionButton from the Telerik
   skin. That made the multi-selects look borderless/unfinished next to the others (QA #5). Restore
   the same divider so the arrow sits in its own cell and all Calendar combos look consistent. */
.MultiSelectRadComboBox.RadComboBox .rcbActionButton {
    border-left: 1px solid #c3d9f9 !important;
}

/* FASPD-53341 #2 — ReassignAssets BottomRadPane skin has Scrolling="Y" which creates a
   second scrollbar alongside the page scroll at 400% zoom. Suppress the inner scroll so
   only the single page scrollbar appears. Scoped to the page's RadSplitter ID. */
#ReassignAssetRadSplitter #BottomRadPane {
    overflow: visible !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
}

.assignAssetGrid {
    /* FASPD-52958 #1 — This RadSplitter BottomRadPane held BOTH the search form and the
       results grid, and Telerik capped it to a short viewport-bound height with its OWN
       overflow-y:auto. That created a cramped inner scrollbox: the ~328px search form ate
       most of it, leaving only ~2 rows, and a competing outer scrollbar made scrolling
       confusing (QA: "when I scroll only 2 records display"). The working Pending Repair
       Search page leaves its BottomRadPane at overflow:visible so content flows into the
       single #MainLandmark scroll region. Mirror that here: let the pane grow to content
       and NOT create its own scrollbar, so the whole form + all rows + pager scroll with
       the one page scrollbar. overflow:visible also stops Telerik from re-clamping the
       pane height (it only forces a fixed height when the pane is a scroll container). */
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
}

.ButtonLinkButton { /*added for PBI: #31880 (Replace look & fill of asp:Button to asp:linkButton).*/
    font-size: 12pt;
    color: #0000ee;
    text-decoration: underline;
    text-align: left;
    width: auto;
    border: 0;
    padding: 0;
    margin: 0;
    background: none;
    font-family: var(--bs-body-font-family);
}

/*Added by Hiral Panchal for PBI 32098*/
.RadPanelDisplayInline .RadAjaxPanel {
    display: inline !important;
    float: left;
}

.repairAddTable {
    width: 100%;
    margin: 0;
    padding: 0;
}

    .repairAddTable td, .repairAddTable th {
        padding: 0 5px;
    }
/*Added by Jignesh Patel for Issue 3130*/
.SaveMessageLabel {
    display: inline-block;
    margin-top: 10px;
    font-style: italic;
}

/* Section Start: Added by Ravi Goriya for Issue #33242 */
.RadioCheckboxListStyle input[type="radio"], .RadioCheckboxListStyle input[type="checkbox"] {
    float: left;
    margin: 3px 5px 0 0;
    padding: 0;
}

.RadioCheckboxListStyle label {
    clear: right;
    float: left;
}

.RadioCheckboxRepeatListStyle td input[type="radio"], .RadioCheckboxRepeatListStyle td input[type="checkbox"] {
    float: left;
    margin: 3px 5px 0 0;
    padding: 0;
}

.RadioCheckboxRepeatListStyle td + td {
    padding-left: 10px;
}

.RadioCheckboxRepeatListStyle td label {
    clear: right;
    float: left;
}
/* Section End: Added by Ravi Goriya for Issue #33242 */

/* Added by Nileshkumar Patel for Issue #31531 */
.divSplitter {
    background: #d6e6f4;
    width: 100%;
    height: 10px;
    font-size: 1px;
    overflow: hidden;
    line-height: 1px;
}
/*Added by Jignesh for PBI#55459*/
.RadButton_Bootstrap.RadButton.rbLinkButton.LinkRadButton {
    line-height: none;
    background-color: transparent;
    border: 0;
    color: #0000ee;
    outline: 0;
    cursor: pointer;
    background-image: none;
}

    .RadButton_Bootstrap.RadButton.rbLinkButton.LinkRadButton:hover {
        background-color: transparent;
        color: #0000ee;
        border: 0;
        box-shadow: 0 0 0 0 transparent;
        background-image: none;
    }

    .RadButton_Bootstrap.RadButton.rbLinkButton.LinkRadButton span {
        text-decoration: underline;
        color: #000;
    }

/*Added By Jignesh Patel for Issue #56099*/
.F_RadTabStrip .RadTabStrip_Silk {
    font-family: var(--bs-body-font-family);
}

    .F_RadTabStrip .RadTabStrip_Silk .rtsLevel1 .rtsSelected .rtsLink:before {
        border-color: #5d8cc9 !important;
    }

    .F_RadTabStrip .RadTabStrip_Silk .rtsLevel1 .rtsSelected .rtsLink, .RadTabStrip_Silk .rtsLevel1 .rtsHovered .rtsLink {
        background: #ffffff !important;
        background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%) !important;
        background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 100%) !important;
        background: linear-gradient(to bottom, #ffffff 0%,#ffffff 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ) !important;
        color: #002d96;
    }

    .F_RadTabStrip .RadTabStrip_Silk .rtsLevel1 .rtsLink {
        background: #c6e1fa !important;
        background: -moz-linear-gradient(top, #c6e1fa 0%, #90b5d9 100%) !important;
        background: -webkit-linear-gradient(top, #c6e1fa 0%,#90b5d9 100%) !important;
        background: linear-gradient(to bottom, #c6e1fa 0%,#90b5d9 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6e1fa', endColorstr='#90b5d9',GradientType=0 ) !important;
        font-size: 14px;
        color: #002d96;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
    }

    .F_RadTabStrip .RadTabStrip_Silk .rtsLevel1 .rtsLink {
        border-color: #5d8cc9 !important;
        border-left-width: 0;
    }

    .F_RadTabStrip .RadTabStrip_Silk .rtsLevel1 {
        background: transparent !important;
    }

        .F_RadTabStrip .RadTabStrip_Silk .rtsLevel1 .rtsLink:hover {
            color: #002d96;
        }

        .F_RadTabStrip .RadTabStrip_Silk .rtsLevel1 li:first-child .rtsLink {
            border-left: 1px solid #5d8cc9 !important;
        }

.F_RadTabStrip .RadTabStrip.rtsTop .rtsLevel1 .rtsSelected .rtsLink {
    border-bottom-color: transparent !important;
}

/*Updated By Jignesh Patel For PBI#53058 Start*/
.AlertPanel .rtsTop .rtsLevel1 .rtsUL {
    margin: 0;
}

.AlertPanel .RadTabStrip_Silk {
    font-family: var(--bs-body-font-family);
}

    .AlertPanel .RadTabStrip_Silk.RadTabStrip .rtsTxt {
        vertical-align: auto;
    }

.AlertPanel .F_RadTabStrip .RadTabStrip_Silk {
    font-family: var(--bs-body-font-family);
}

    .AlertPanel .F_RadTabStrip .RadTabStrip_Silk .rtsLevel1 .rtsSelected .rtsLink:before {
        border-color: #5d8cc9 !important;
    }

    .AlertPanel .F_RadTabStrip .RadTabStrip_Silk .rtsLevel1 .rtsLink {
        background: #c6e1fa !important;
        background: -moz-linear-gradient(top, #c6e1fa 0%, #90b5d9 100%) !important;
        background: -webkit-linear-gradient(top, #c6e1fa 0%,#90b5d9 100%) !important;
        background: linear-gradient(to bottom, #c6e1fa 0%,#90b5d9 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6e1fa', endColorstr='#90b5d9',GradientType=0 ) !important;
        font-size: 14px;
        color: #002d96;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
    }

    .AlertPanel .F_RadTabStrip .RadTabStrip_Silk .rtsLevel1 .rtsLink {
        border-color: #5d8cc9 !important;
        border-left-width: 0;
    }

    .AlertPanel .F_RadTabStrip .RadTabStrip_Silk .rtsLevel1 {
        background: transparent !important;
    }

        .AlertPanel .F_RadTabStrip .RadTabStrip_Silk .rtsLevel1 .rtsLink:hover {
            color: #002d96;
        }

        .AlertPanel .F_RadTabStrip .RadTabStrip_Silk .rtsLevel1 li:first-child .rtsLink {
            border-left: 1px solid #5d8cc9 !important;
        }

.AlertPanel .F_RadTabStrip .RadTabStrip.rtsTop .rtsLevel1 .rtsSelected .rtsLink {
    border-bottom-color: transparent !important;
}

.AlertPanel .RadTabStrip_Silk .rtsLevel1 .rtsLink:focus-visible,
.AlertPanel .RadTabStrip_Silk .rtsLevel1 .rtsSelected .rtsLink,
.AlertPanel .RadTabStrip_Silk .rtsLevel1 .rtsHovered .rtsLink {
    background: #fff3cb;
    background: -moz-linear-gradient(top, #fff3cb 0%, #ffd396 100%);
    background: -webkit-linear-gradient(top, #fff3cb 0%,#ffd396 100%);
    background: linear-gradient(to bottom, #fff3cb 0%,#ffd396 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ) !important;
    color: #000;
    border-color: #002d96 !important;
    outline: none;
}

    .AlertPanel .RadTabStrip_Silk .rtsLevel1 .rtsSelected .rtsLink:before {
        border-color: transparent !important;
    }

.AlertPanel .RadTabStrip_Silk .rtsLevel1 .rtsLink {
    background: transparent;
    font-size: 12px;
    color: #000000;
    text-align: center;
    padding: 2px 10px;
    margin: 2px;
    border: 1px solid transparent;
}

.AlertPanel .RadTabStrip_Silk .rtsLevel1 {
    background: #E6F1FF !important;
}

    .AlertPanel .RadTabStrip_Silk .rtsLevel1 .rtsLink:hover {
        color: #000;
    }

.AlertPanel .RadTabStrip .rtsTxt {
    font-weight: inherit;
}

.AlertPanel .RadMultiPage {
    border: 0;
}

.AlertPanel .AdvanceSearchDiv {
    padding: 0px 0 10px 0;
}
/*Updated By Jignesh Patel For PBI#53058 End*/

/* PBI #38250: Added for ADFS Integration */
.btn:hover {
    background-color: rgba(233, 37, 42, 1);
    height: 35px;
    width: 150px;
    font-size: medium;
    font-family: var(--bs-body-font-family);
    color: white;
    border: none;
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
}

.btn {
    background-color: #f44336;
    height: 35px;
    width: 150px;
    font-size: medium;
    font-family: var(--bs-body-font-family);
    color: white;
    border: none;
    border-radius: 5px 5px 5px 5px;
}

hr.blur {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}

.RadButton_Bootstrap.rbLinkButton.rbDisabled {
    cursor: default !important;
}
/* Added by Jignesh Patel for PBI #39244 */

.workOrderHeader {
    padding: 10px 0 0;
}
/*Added By Jignesh Patel for PBI#15142*/
.RadGrid_TLClass {
    margin-bottom: 10px;
}

.AddRecordImageTLClass {
    display: block;
    float: left;
    margin-right: 10px;
    margin-left: 3px;
    padding: 2px;
}

.TLTableClass {
    width: 100%;
    padding: 0;
    margin: 0;
}

/* FASPD-53208 #4 - The "Add New Exception Parameter" link (SkinID="SmallLinkButton")
   sits on the dark navy (#002859) exception-parameter title band inside the Add/Edit
   Class picklist popup. The default link blue (#0056BD) only gives ~2.16:1 contrast on
   that dark band, failing WCAG 2.1 AA. Force white here for ~14:1. Scoped to .TLTableClass,
   which is used only by PickListAdd/C and PickListEdit/C, so no other page is affected. */
.TLTableClass a[href].SmallLinkButton,
.TLTableClass a[href].SmallLinkButton:link,
.TLTableClass a[href].SmallLinkButton:visited,
.TLTableClass a[href].SmallLinkButton:hover,
.TLTableClass a[href].SmallLinkButton:focus,
.TLTableClass a[href].SmallLinkButton:active {
    color: #fff !important;
}

.RadGrid_Bootstrap .rgMasterTable .rgMultiHeaderRow .TLClassExceptionHeader {
    text-align: center;
    color: #fff;
    background: #5988d6;
    background: -webkit-linear-gradient(top, #5988d6 0%,#1045a5 100%);
    background: linear-gradient(to bottom, #5988d6 0%,#1045a5 100%);
}

/*Added by Pravin for PBI#45251*/
.BarcodePrint {
    font-size: 10pt;
    font-weight: bold;
}

    .BarcodePrint li {
        padding-bottom: 5px;
    }

    .BarcodePrint p {
        margin: 0;
        padding: 0;
    }

.EditServiceRequestReadOnlyLabel {
    border-color: #cbdffa;
    background: #f1f7ff;
    border: 1px solid #c4dbf9;
    padding: 1px 0 1px 1px;
    background: #fff;
    color: #000;
    font: 12px var(--bs-body-font-family) !important;
    min-height: 15px;
    display: block !important;
}

.MiddleLeftTooltip.RadToolTip.rtShadow .rtCalloutMiddleRight {
    margin-left: 0px;
}

.AlertIconColumn .AlertIconLabel {
    word-break: break-all;
    display: block;
    float: left;
}

/*Added by Jignesh for PBI#55459*/
.homeCheckboxLabel {
    font-size: 20px;
}

    .homeCheckboxLabel .rbText {
        font-size: 20px;
    }

    .homeCheckboxLabel .rbPrimaryIcon.rbToggleCheckbox,
    .homeCheckboxLabel .rbPrimaryIcon.rbToggleCheckboxChecked {
        top: 8px;
    }

input[type="radio"]:focus, input[type="checkbox"]:focus, input[type="image"]:focus, input[type="text"]:focus, textarea,
input[type="button"]:focus, input[type="reset"]:focus,
input[type="submit"]:focus, a:focus, img:focus {
    outline: none;
}

.FieldRadWindowLabel span.rbText {
    font-size: 10pt;
    font-weight: bold;
}

.riSingle .riTextBox, .RadForm.rfdTextbox .riSingle input.rfdDecorated[type="text"] {
    height: inherit;
}

.RadSplitter_Bootstrap .rspResizeBar,
.RadSplitter_Bootstrap .rspSlideContainerResize,
.RadSplitter_Bootstrap .rspResizeBarOver,
.RadSplitter_Bootstrap .rspSlideContainerResizeOver {
    background: #d6e6f4 !important;
    background: -webkit-linear-gradient(left, #ffffff 58%,#c3d9f9 100%) !important;
    background: linear-gradient(to right, #ffffff 58%,#c3d9f9 100%) !important;
    border-color: #c3d9f9 !important;
}

.RadSplitter_Bootstrap .rspResizeBarHorizontal, .RadSplitter_Bootstrap .rspSlideContainerResizeHorizontal {
    background-color: #d6d6d6 !important;
    background-image: none !important;
}

.RadSplitter_Bootstrap,
.RadSplitter_Bootstrap .rspPaneTabContainer,
.RadSplitter_Bootstrap .rspPane,
.RadSplitter_Bootstrap .rspResizeBar,
.RadSplitter_Bootstrap .rspSlideContainerResize,
.RadSplitter_Bootstrap .rspPaneHorizontal,
.RadSplitter_Bootstrap .rspResizeBarHorizontal,
.RadSplitter_Bootstrap .rspSlideContainerResizeHorizontal {
    border-color: #c3d9f9 !important;
}

.RadAjaxPanel .RadComboBox_Bootstrap {
    font-size: 12px;
    font-family: var(--bs-body-font-family);
    color: #000;
    font-weight: normal;
}

.RadAjaxPanel .RadComboBox_Bootstrap .rcbInner {
    border-color: #c3d9f9;
}

.RadComboBoxDropDown_Bootstrap.RadComboBoxDropDown .rcbItem,
.RadComboBoxDropDown_Bootstrap.RadComboBoxDropDown .rcbHovered,
.RadComboBoxDropDown_Bootstrap.RadComboBoxDropDown .rcbDisabled,
.RadComboBoxDropDown_Bootstrap.RadComboBoxDropDown .rcbLoading,
.RadComboBoxDropDown_Bootstrap.RadComboBoxDropDown .rcbCheckAllItems,
.RadComboBoxDropDown_Bootstrap.RadComboBoxDropDown .rcbCheckAllItemsHovered {
    padding: .16667em 0;
    border: 0;
    margin: 0;
}

    .RadComboBoxDropDown_Bootstrap.RadComboBoxDropDown .rcbItem > label,
    .RadComboBoxDropDown_Bootstrap.RadComboBoxDropDown .rcbHovered > label,
    .RadComboBoxDropDown_Bootstrap.RadComboBoxDropDown .rcbDisabled > label,
    .RadComboBoxDropDown_Bootstrap.RadComboBoxDropDown .rcbLoading > label,
    .RadComboBoxDropDown_Bootstrap.RadComboBoxDropDown .rcbCheckAllItems > label,
    .RadComboBoxDropDown_Bootstrap.RadComboBoxDropDown .rcbCheckAllItemsHovered > label {
        margin: 0 -3px;
        padding: 0 5px;
    }

.RadComboBoxDropDown_Bootstrap.RadComboBoxDropDown .rcbCheckAllItems {
    background-color: #7ea6e0;
    border-color: #003c74;
    color: #000;
    border-bottom: 0;
}

.RadComboBoxDropDown_Bootstrap .rcbCheckAllItemsHovered {
    border-bottom: 0;
}

.RadComboBoxDropDown_Bootstrap.RadComboBoxDropDown .rcbHovered {
    background-color: #ffeec2;
}

.RadComboBoxDropDown_Bootstrap.RadComboBoxDropDown .rcbItem,
.RadComboBoxDropDown_Bootstrap.RadComboBoxDropDown .rcbHovered,
.RadComboBoxDropDown_Bootstrap.RadComboBoxDropDown .rcbDisabled,
.RadComboBoxDropDown_Bootstrap.RadComboBoxDropDown .rcbLoading,
.RadComboBoxDropDown_Bootstrap.RadComboBoxDropDown .rcbCheckAllItems,
.RadComboBoxDropDown_Bootstrap.RadComboBoxDropDown .rcbCheckAllItemsHovered {
    padding: 2px 6px;
}

/* FASPD-54249 — overflow-y on display:table is ignored; must target the wrapper div.
   UIRevamp inflated row height (14px/1.5 + 4px padding → ~29px/row × 12 rows = ~400px)
   so the popup overflows the iframe boundary before Telerik can flip it above the input.
   Reduce font density to match the old skin (~20px/row) and cap with overflow so all 48
   slots are reachable via scroll even when the popup opens near the bottom of the iframe. */
div:has(> table.RadCalendarTimeView_Bootstrap) {
    max-height: 200px !important;
    overflow-y: auto !important;
}

.RadCalendarPopup.RadCalendarTimeView a {
    padding: 2px 6px;
}

.RadPicker.RadTimePicker.RadPicker_Bootstrap a.rcTimePopup {
    border-left: 0;
    border: 1px solid transparent;
}

.RadPicker.RadTimePicker .RadInput_Bootstrap a:focus,
.RadPicker.RadTimePicker .RadInput_Bootstrap a:hover,
.RadPicker.RadTimePicker .RadInput_Bootstrap a:active {
    background-color: #ffe3b0;
    background-image: linear-gradient(to top,#ffd091,#fff4cc);
    box-shadow: 0 0 0 0 transparent;
    border-left: 1px solid #c3d9f9;
}

.RadPicker.RadTimePicker .RadInput_Bootstrap .rcSelect {
    bottom: 0;
    border: 1px solid var(--bs-border-color) !important;
}
/* FASPD-53208 — GLOBAL fix for the RadTimePicker border. The control rendered as two
   disjoint boxes: the text input (.riTextBox) had a full 4-side border (a stray vertical
   line down the middle) while the clock-icon area (.rcSelect) had no border and sat 1px
   LOWER + 1px shorter than the 34px input, so the top border stepped/broke while the
   bottom lined up. Merge them into ONE continuous bordered control: drop the input's right
   border, give .rcSelect the top/right/bottom border, and match the input height/offset so
   both top and bottom edges are flush. Applies to every RadTimePicker in the app. */
.RadPicker.RadTimePicker .RadInput_Bootstrap .riTextBox {
    border-right: 0 !important;
}

.RadPicker.RadTimePicker .RadInput_Bootstrap .RadInput {
    font-size: 1em;
}

.RadPicker.RadTimePicker .RadCalendarTimeView_Bootstrap {
    font: normal 13px / 1.2 var(--bs-body-font-family);
}

    .RadPicker.RadTimePicker .RadCalendarTimeView_Bootstrap th {
        line-height: 1.5;
        padding: 0 0 1px;
    }

.RadCalendarTimeView.RadCalendarTimeView_Bootstrap a {
    padding: 2px 6px;
}

.RadTreeView.RadTreeView_Bootstrap .rtHover .rtIn {
    border-color: #002d96;
    color: #000;
    background-color: #ffd294;
    background-image: linear-gradient(#fff3ca,#ffd294);
}

.RadTreeView.RadTreeView_Bootstrap .rtSelected .rtIn {
    border-color: #002d96;
    color: #000;
    background-color: #97b8e8;
    background-image: linear-gradient(#dceafc,#97b8e8);
}

.RadInput.RadInput_Bootstrap .riTextBox,
.RadInput.RadInput_Bootstrap .riSelect,
.RadInput.RadInput_Bootstrap .rcSelect,
.RadInput.RadInputMgr_Bootstrap {
    border-color: #c3d9f9;
    background: #fff;
}

    .RadInput.RadInput_Bootstrap.RadInputHovered .riTextBox,
    .RadInput.RadInput_Bootstrap.RadInputHovered .riSelect,
    .RadInput.RadInput_Bootstrap.RadInputHovered .rcSelect,
    .RadInput.RadInput_Hover_Default,
    .RadInput.RadInput_Bootstrap .riTextBox:focus-visible {
        color: #000;
        border-color: #305090;
    }

.RadCheckBox.RadButton_Bootstrap .rbToggleCheckbox,
.RadCheckBox.RadButton_Bootstrap .rbToggleCheckboxChecked,
.RadCheckBox.RadButton_Bootstrap .rbToggleCheckboxFilled,
.RadRadioButton.RadButton_Bootstrap .rbToggleRadio,
.RadRadioButton.RadButton_Bootstrap .rbToggleRadioChecked {
    background-image: none;
}

.RadCheckBox.RadRadioButton.RadButton .rbText,
.RadCheckBox.RadCheckBox.RadButton .rbText {
    padding: 0;
}

.RadGrid.RadGrid_Bootstrap {
    border-color: #002d96;
}

.RadGrid_Bootstrap .rgCommandRow a[href].SmallHyperLink {
    color: var(--bs-link-color) !important;
    text-decoration: underline !important;
}

.k-animation-container .RadMap_Bootstrap.k-tooltip {
    background-image: none,linear-gradient(to bottom,#fff4cc 0,#ffd091 100%);
    background-color: #ffd091;
    border-color: #ffd091;
    color: #282828;
}

.RadAjax.RadAjax_Bootstrap .raColor {
    border-color: transparent;
    color: black;
    background-color: #d6e4fb;
}


.RadMenu_Bootstrap a.rmLink.microsoftLogo.rmFocused span, .RadMenu_Bootstrap a.rmLink.microsoftLogo.rmFocused,
.RadMenu_Bootstrap a.rmLink.microsoftLogo.rmSelected span, .RadMenu_Bootstrap a.rmLink.microsoftLogo.rmSelected {
    background: transparent !important;
}
/*Added by Nileshkumar Patel for PBI #49462*/
.tblverticalTop td, .tblverticalTop th {
    vertical-align: top;
}
/*Added by Jignesh Patel for Issue #54718*/
.rbLinkButton.RadButton.RadLinkButton span {
    font-size: 12pt;
    background: transparent;
    border: 0;
    color: #0000ee;
    text-decoration: underline;
    outline: 0;
}

.RadButton_Bootstrap.RadButton.rbLinkButton.RadLinkButton, .RadButton_Bootstrap.RadButton.rbLinkButton.RadLinkButton:hover {
    background: transparent;
    border: 0;
    outline: 0;
    box-shadow: 0 0 0;
}
/*Added by Jignesh Patel for Issue #54870*/
.isBillableCheckBox {
    font-family: var(--bs-body-font-family);
    font-size: 10pt;
    font-weight: normal;
    padding-top: 5px;
}


/*Added by Jignesh Patel for Issue #54891*/
.GridRequiredLabel {
    display: block;
    color: #c00000; /* FASPD-52188: WCAG 2.1 AA — was red (3.99:1), now #c00000 (6.47:1) */
}
/*Added by Mandar Dandwate for Issue #54888*/
.AddMeterReadingRadGrid tbody tr td.rgBatchChanged, .AddMeterReadingRadGrid tbody tr th.rgBatchChanged {
    height: 39px;
    vertical-align: top;
}

/*Added by Jignesh Patel for PBI #53974*/
.StoreroomValueLabel {
    font-size: 10pt;
    word-break: break-all;
}
/* Wizard Design Starts for PBI 48180 */
.rl-multi-step {
    margin: 0.5em;
}

.rl-multi-step-list {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    list-style-type: none;
    padding: 0;
}

    .rl-multi-step-list .rl-multi-step-item:first-child {
        margin-left: 0;
    }

    .rl-multi-step-list .rl-multi-step-item:last-child {
        margin-right: 0;
    }

.rl-multi-step-item {
    position: relative;
    width: 100%;
    margin: 0 0.16666666666666666em;
    z-index: 2;
    border-radius: .2em;
}

@media only screen and (max-width: 786px) {
    .rl-multi-step-item {
        margin: 0 0.16666666666666666em;
    }
}

.rl-multi-step-item .rl-item-title, .rl-multi-step-item .rl-item-subtitle {
    position: relative;
    margin: 0;
    z-index: 2;
}

@media only screen and (max-width: 786px) {
    .rl-multi-step-item .rl-item-subtitle {
        display: none;
    }
}

.rl-multi-step-item .rl-item-title {
    color: #666666;
    font-weight: bold;
    margin: 0;
    padding: 0 0 0 10px;
}

.rl-multi-step-item:first-child .rl-item-wrap {
    padding-left: 0;
}

.rl-multi-step-item.current .rl-item-title, .rl-multi-step-item.current .rl-item-subtitle {
    color: #fff;
}

.rl-item-wrap {
    padding: 5px 5px 0px 5px;
    position: relative;
    height: 100%;
}

    .rl-item-wrap:before, .rl-item-wrap:after {
        position: absolute;
        left: 0;
        content: ' ';
        width: 100%;
        height: 50.5%;
        z-index: 1;
        background-color: #cccccc;
    }

    .rl-item-wrap:before {
        top: 0;
        transform: skew(45deg);
        border-radius: .2em .2em 0 0;
    }

    .rl-item-wrap:after {
        bottom: 0;
        transform: skew(-45deg);
        border-radius: 0 0 .2em .2em;
    }

.current .rl-item-wrap:before, .current .rl-item-wrap:after {
    background-color: #1C91E9;
}

.rl-multi-step-item.error .rl-item-title, .rl-multi-step-item.error .rl-item-subtitle {
    padding-right: 1em;
}

.rl-multi-step-item:first-child .rl-item-wrap, .rl-multi-step-item:last-child .rl-item-wrap { /* width:98%;*/
    border-radius: .2em;
}

    .rl-multi-step-item:first-child .rl-item-wrap:before, .rl-multi-step-item:last-child .rl-item-wrap:before, .rl-multi-step-item:first-child .rl-item-wrap:after, .rl-multi-step-item:last-child .rl-item-wrap:after {
        width: 50%;
    }

.rl-multi-step-item:first-child .rl-item-wrap {
    background: linear-gradient(to right, #cccccc 95%, transparent 5%);
    background: #1C91E9;
}

    .rl-multi-step-item:first-child .rl-item-wrap:before, .rl-multi-step-item:first-child .rl-item-wrap:after {
        left: 50%;
    }

.current.rl-multi-step-item:first-child .rl-item-wrap {
    background: linear-gradient(to right, #1C91E9 95%, transparent 5%);
}

.rl-multi-step-item:last-child .rl-item-wrap {
    background: linear-gradient(to left, #cccccc 95%, transparent 5%);
}

    .rl-multi-step-item:last-child .rl-item-wrap:before, .rl-multi-step-item:last-child .rl-item-wrap:after {
        right: 50%;
    }

.current.rl-multi-step-item:last-child .rl-item-wrap {
    background: linear-gradient(to left, #1C91E9 95%, transparent 5%);
}
/* Wizard Design Finish for PBI 48180 */

/* Added by Jignesh Patel for Issue #56099 */
.RadGrid_Bootstrap tr.rgEditRow > td {
    border-width: 0;
}

.checkboxAutoWidth .RadButton .rbPrimary {
    min-width: inherit;
    height: inherit;
}

.RadWindow_Bootstrap table.rwTitlebarControls em {
    color: #000000;
}

.FieldSearchLabelPopUp.RadButton .rbPrimary {
    font-family: var(--bs-body-font-family);
    font-size: 12px;
    min-width: inherit;
}

.RadGrid_Bootstrap .rgMasterTable .rgSelectedCell, .RadGrid_Bootstrap .rgSelectedRow {
    height: auto;
}

/*Added by Mandar Dandwate for Issue #56473*/
.wordWrap {
    word-break: break-all !important;
    word-wrap: break-word !important;
    font-family: var(--bs-body-font-family);
    font-size: 8pt;
    display: block;
}

div .RadDock_Bootstrap .rdContent, div .RadDock_Bootstrap .rdTitleBar em, div .RadGrid_Bootstrap, .RadForm_Bootstrap.rfdGrids div .rfdTable {
    color: #000;
}
/* Added by Jignesh Patel for Issue #57968 */


.ApprovalChainPage .RadDockZone.RadDockZone_Bootstrap, .ApprovalChainPage .rdContent, .ApprovalChainPage .RadGridHorizontalScroll, .ApprovalChainPage .RadGridHorizontalScroll .RadGrid_Bootstrap {
    overflow: visible !important;
}

.StepsBox {
    position: relative;
    width: 100%; /*overflow: hidden;*/
    height: 30px;
}

    .StepsBox .MoreApprovers {
        position: absolute;
        right: 0px;
        top: 2px;
        background: #1C91E9;
        padding: 5px 10px;
        color: #1a1a1a; /* FASPD-52188: was #cccccc (2.1:1 on #1C91E9 — critical), now #1a1a1a (5.20:1) */
        border-radius: 0 10px;
    }

.RadGrid_Bootstrap .StepsBox .MoreApprovers a {
    color: #1a1a1a; /* FASPD-52188: was #fff (3.35:1 on #1C91E9 — fails), now #1a1a1a (5.20:1) */
    text-decoration: none;
    font-weight: bold;
}

.steps {
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-size: 13px;
}

    .steps li {
        background: #1C91E9;
        color: #fff;
        cursor: pointer;
        display: block;
        float: left;
        padding-right: 20px;
        height: 30px;
        line-height: 31px;
        margin-right: 33px;
        position: relative;
    }

        .steps li .StepsList {
            width: 130px;
            display: block;
            font-size: 13px;
            text-align: center;
            font-weight: bold;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

        .steps li .addList {
            position: absolute;
            right: 0;
            top: 2px;
            border-radius: 20px;
            padding: 0;
        }

            .steps li .addList a {
                font-weight: bold;
                line-height: normal;
                font-size: 20px;
                font-family: verdana;
                text-decoration: none;
                color: #fff;
            }

        .steps li .before {
            display: block;
            width: 0;
            height: 0;
            position: absolute;
            top: 0;
            left: -30px;
            border: 15px solid transparent;
            border-color: #1C91E9;
            border-left-color: transparent;
        }

        .steps li .after {
            display: block;
            width: 0;
            height: 0;
            position: absolute;
            top: 0;
            right: -30px;
            border: 15px solid transparent;
            border-left-color: #1C91E9;
        }

        .steps li .lastReset {
            display: block;
            position: absolute;
            top: 0;
            right: -10px;
            width: 10px;
            height: 30px;
            background: #1c91e9;
            border: 0;
        }

        .steps li.lastStep .after {
            display: none;
        }

        .steps li.lastStep .StepsList {
            width: 135px;
        }

ul.steps li .StepsList:hover .PopulateList {
    display: block;
}

.PopulateList {
    border: 1px solid #1c91e9;
    background: #fff;
    z-index: 1;
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 30px;
    display: none;
    font-weight: normal;
}

    .PopulateList ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .PopulateList ul li {
            padding: 5px 10px;
            line-height: normal;
            height: auto;
            cursor: default;
            float: none;
            margin-right: 0;
            text-align: left;
            background: none;
            color: #000;
        }

            .PopulateList ul li.prApprover {
                background: #004477;
                color: #fff;
                font-weight: bold;
            }

            .PopulateList ul li.bkApprover {
                background: #0676cb;
                color: #fff;
                font-weight: bold;
            }

    .PopulateList .arrow-up {
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #004477;
        position: absolute;
        left: 45%;
        top: -7px;
    }

.ApprovelChainFormTable tr td {
    padding-top: 10px;
}

.ApprovelChainFormTable .FieldRadWindowLabel {
    padding-top: 0;
}

.RadAutoCompleteBox.RadAutoCompleteBox_Bootstrap .racTokenList {
    border-color: #c3d9f9;
    cursor: text;
}

.ApproverRadGrid .RadGrid_Bootstrap .rgCommandTable {
    border-bottom: 0;
}

    .ApproverRadGrid .RadGrid_Bootstrap .rgCommandTable td {
        padding-left: 0;
    }

.ApproverRadGrid .RadGrid td .readOnlyColumn {
    padding-top: 3px;
    padding-bottom: 3px;
}

/*Added by Ravikumar Patel for Issue #61301*/
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*Added by Jignesh Patel for Issue #61791*/
.rcbSlide {
    z-index: 99 !important;
}

.RadComboBoxDropDown.DropDownScroll-640 {
    min-height: 300px !important;
    max-height: 400px !important;
    overflow: visible !important;
}
.RadComboBoxDropDown.DropDownScroll-640 .rcbScroll {
    min-height: 300px !important;
    max-height: 400px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

/*Added by JIgnesh Patel for Issue#61302*/
.RadGrid.RadGrid_Bootstrap .rgRow .aspNetDisabled a, .RadGrid.RadGrid_Bootstrap .rgAltRow .aspNetDisabled a {
    color: #666;
    text-decoration: underline;
}

/*Added by Jignesh Patel for Issue #62772 */
.RadScheduler .rsTopWrap {
    z-index: 1;
}

/*Added for Issue #70115 by Milind Dhotare */

.AvailabilityFieldRadWindowLabel {
    font-size: 10pt;
    font-weight: bold;
    padding-top: 0;
    color: #000000 !important;
    text-align: center;
    font-family: var(--bs-body-font-family) !important;
}

.hours span.rbText {
    font-size: 10pt;
    font-weight: bold;
    padding-top: 0;
    color: #000000 !important;
    font-family: var(--bs-body-font-family) !important;
}

.hours {
    top: 4px;
}

/*Added by Krunal Priyadarshi for Issue #19131*/
.TechnicianImage {
    max-height: 40px;
    max-width: 40px;
}
/*Added by Milind Dhotare form Issue#75056*/
.FileInformationLabel {
    font-size: 11px;
    line-height: 10px !important;
    font-family: var(--bs-body-font-family);
}

/*Added by Divy Gupta for FASPD-13790*/
.AllowedExtensionsLabel {
    font-size: 11px;
    line-height: 10px !important;
    font-family: var(--bs-body-font-family);
    vertical-align: top;
}

/*Added by Milind Dhotare form Issue#75056*/
html .RadUpload .ruUploadProgress {
    display: inline-block;
    width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
}

/*Added by Milind Dhotare form Issue#77451*/
.RadAsyncUploadButton {
    width: 65px !important;
    background-position: 0 0 !important;
    background-position-x: 0px !important;
    background-position-y: 0px !important;
}

.TLSaComponentPanelTable {
    table-layout: fixed;
    width: 100%;
    height: 165px;
    width: 100%
}

.TLSaComponentPanelTdRadioButton {
    height: 30px;
}

.TLSaComponentPanelTd {
    height: 30px;
    padding-left: 5px;
}

.FuelRejectedTransactionsCheckBoxLabel span.rbPrimary {
    font-size: 12px;
    line-height: 17px;
    font-family: var(--bs-body-font-family);
    font-style: normal;
    color: #000;
}
/*Added by Nilesh Thakkar form PBI #18494*/
div#AverageLaborTimeRadNumericTextBoxPanel {
    float: left;
}

div#RefreshButtonDiv {
    width: 30px;
    float: right
}

#RefreshButton {
    cursor: pointer;
}

#WarningLaborTimeHoursPanel {
    float: left;
}

#WarningLaborTimeHours {
    padding-top: 10px;
}

#AverageLaborTimeHoursLabel {
    float: left;
}

.CheckboxFieldLabel {
    margin-top: 10px;
}

    .CheckboxFieldLabel span.rbText {
        font-family: var(--bs-body-font-family);
        font-size: 10pt;
        font-weight: bold;
        height: unset !important
    }
/*Added by Disha Lahoti for Story #5570*/
.labelPaddingRightUnset {
    padding-right: 0 !important;
}

.labelPaddingLeftSet {
    padding-left: 2px !important;
}

.ReportParametersRadDockZone {
    margin: 30px !important;
    position: relative;
    border-style: solid;
    border-width: 1px;
    box-sizing: content-box;
    width: 92% !important;
}

.ReportScheduleRadDockZone {
    margin: 30px !important;
    position: relative;
    border-style: solid;
    border-width: 1px;
    box-sizing: content-box;
    width: 450px !important;
}

.ReportConfigurationRadDockZone {
    padding-left: 10px !important;
    margin-top: 20px !important;
    position: relative;
    border-style: solid;
    border-width: 1px;
    box-sizing: content-box;
    width: 500px !important;
}

div .IconObject {
    display: inline-block;
    color: red;
}

.RadButton_Bootstrap.rbLinkButton:focus-visible,
.RadCheckBox.RadButton:focus-within .rbIcon,
.RadButton.rbSkinnedButton.rbDisabled:focus-visible,
.ButtonLinkButton:focus-visible,
.RadLinkButton:focus-visible,
.RadButton_Bootstrap.rbSkinnedButton:focus-visible,
.LeftTopSearchImageButton:focus-visible,
input[type=checkbox]:focus-visible,
.rbPrimaryIcon:focus-visible,
input[type=radio]:focus-visible,
img[tabindex="0"]:focus-visible,
.itemTemplate img:focus-visible {
    outline-color: black !important;
    outline-offset: 0 !important;
    outline-style: solid !important;
    outline-width: .150rem !important;
    border-radius: 2px !important;
    box-shadow: none !important;
}

.ExpandCollapseLinkButton:focus-visible,
.NavigationLinkButton:focus-visible,
.SmallLinkButton:focus-visible,
.MediumLinkButton:focus-visible,
.LargeLinkButton:focus-visible,
.EditLinkButton:focus-visible,
.LeftTopSearchLinkButton:focus-visible,
.SmallHyperLink:focus-visible,
.WOHeaderLinkButton:focus-visible,
.RadGrid_Bootstrap .rgHeader a:focus-visible,
.RadGrid_Bootstrap .rgRow a:focus-visible,
.rgEditRow a:focus-visible,
.RadGrid_Bootstrap .rgAltRow a:focus-visible,
.RadGrid_Bootstrap .rgCommandRow a:focus-visible,
.RadGrid_Bootstrap .rgExpand:focus-visible,
.RadGrid_Bootstrap .rgCollapse:focus-visible,
.RadGrid_Bootstrap .rgPager input.rgPageFirst:focus-visible,
.RadGrid_Bootstrap .rgPager input.rgPagePrev:focus-visible,
.RadGrid_Bootstrap .rgPager input.rgPageNext:focus-visible,
.RadGrid_Bootstrap .rgPager input.rgPageLast:focus-visible,
.RadGrid_Bootstrap .rgPager button.rgActionButton:focus-visible,
.RadTabStrip_Bootstrap .rtsLevel .rtsLink:focus-visible,
.RadGrid_Bootstrap .rgGroupPanel .rgSortAsc:focus-visible,
.RadGrid_Bootstrap .rgGroupPanel .rgSortDesc:focus-visible,
.RadGrid_Bootstrap .rgHeader .rgSortAsc:focus-visible,
.RadGrid_Bootstrap .rgHeader .rgSortDesc:focus-visible,
.ReportsLinkButton:focus-visible,
#RemoveImageLinkButton:focus-visible,
#LinkButtonRemovePins:focus-visible,
.calendarPanelHeader a:focus-visible,
.LabelSeparator a:focus-visible,
.RightAlignSmallLinkButton:focus-visible,
.TDAlignRight a:focus-visible,
.RadSlider_Bootstrap .rslHorizontal a.rslDraghandle:focus-visible {
    text-decoration: none !important;
    outline-color: black;
    outline-style: solid;
    outline-width: .150rem;
    border-radius: 2px;
}

/* FASPD-53306 - Issue 3: Stronger focus indicator for pagination buttons */
.RadGrid_Bootstrap .rgPager button.rgActionButton:focus-visible {
    outline: 2px solid black !important;
    outline-offset: -2px !important;
}

/* FASPD-52474 #3 — the RadGrid row expand/collapse button sits flush at the
   grid's left edge inside RadGridHorizontalScroll (overflow-x:auto), which
   clipped the left side of its focus outline. Inset the ring so it renders
   within the button bounds and is never cropped by the scroll container. */
.RadGrid_Bootstrap .rgExpand:focus-visible,
.RadGrid_Bootstrap .rgCollapse:focus-visible {
    outline-offset: -2px !important;
}

.RadTabStrip_Outlook .rtsLevel .TabLinkButton.rtsLink:focus-visible {
    border-radius: 4px !important;
}


/* FASPD-53306 - Issue 5: Add spacing between Status label and value */
#ctl00_ContentPlaceHolder_Content_MasterWorkOrderDetailMenu_StatusValueLabel,
.wo-detail-panel .ValueLabel {
    margin-left: 8px;
}

.reEditorModes a:focus-visible,
.RadGrid_Bootstrap .rgPageFirst:focus-visible,
.RadGrid_Bootstrap .rgPagePrev:focus-visible,
.RadGrid_Bootstrap .rgPageNext:focus-visible,
.RadGrid_Bootstrap .rgPageLast:focus-visible,
.RadGrid_Bootstrap .rgNumPart a.rgCurrentPage:focus-visible,
.RadGrid_Bootstrap .rgNumPart a:focus-visible,
.RadForm.rfdButton a.rfdSkinnedButton:focus-visible,
.RadSlider .rslHorizontal .rslDecrease:focus-visible,
.RadSlider .rslHorizontal .rslIncrease:focus-visible,
.RadCalendar_Bootstrap a:focus-visible,
.RadCalendarTimeView.RadCalendarTimeView_Bootstrap a:focus-visible,
.RadGrid input[type="image"]:focus-visible,
.RadCalendar .rcMain .rcRow a:focus-visible,
.RadButton_Bootstrap.rbToggleButton:focus-visible,
.RadUpload_Bootstrap .ruRemove:focus-visible,
.RadGrid_Bootstrap .rgAdd:focus-visible,
.RadGrid_Bootstrap .rgSave:focus-visible,
.RadGrid_Bootstrap .rgCancel:focus-visible,
span.rbImageButton:focus-visible,
.rlbButton:focus-visible,
.RegionHeading a:focus-visible {
    outline-color: black;
    outline-style: solid;
    outline-width: .150rem;
    border-radius: 2px;
}

.RadScheduler .rsHeader p > a:focus-visible,
.RadScheduler .rsHeader .rsDatePickerActivator:focus-visible,
.RadScheduler .rsHeader .rsToday:focus-visible,
.RadScheduler .rsHeader ul a:focus-visible,
.RadScheduler .rsHeader .rsLast a:focus-visible {
    outline-color: white;
    outline-width: .150rem;
    outline-style: solid;
    border-radius: 2px;
}

/* added for Expand/Collapse pane Button */
.rspCollapseBarExpand:focus,
.rspCollapseBarCollapse:focus {
    background-image: linear-gradient(#fff3ca,#ffd294) !important;
    outline: 1px solid black !important;
}

/* added for save position & Expand/Collapse */
/* FASPD-51508 — span.rdCommandButton added; the Bootstrap skin renders dock commands as spans, not anchors */
.rdCommands a:focus,
.rdCommands span.rdCommandButton:focus {
    position: relative;
    z-index: 999;
    outline-color: black;
    outline-style: solid;
    outline-width: .150rem;
    border-radius: 2px;
}

.RadWindow .rwCloseButton:focus-visible {
    background-position: -90px -21px;
}

.ruButtonFocus,
.RadUpload_Bootstrap .ruButton:focus-visible {
    outline-color: black;
    outline-style: solid;
    outline-width: .150rem;
    border-radius: 2px !important;
}

/* FASPD-53394 — RadAsyncUpload Browse: DOM order is ruBrowse then ruFileInput (siblings
   inside ruFileWrap). CSS can't select a previous sibling, so use :has() on the parent.
   outline:auto on a <span> renders black in Chrome (not the blue ring). Use box-shadow
   to match Bootstrap's button focus ring (primary #002859 at 25% opacity, 0.2rem spread). */
.RadAsyncUpload .ruFileWrap:has(.ruFileInput:focus-visible) .ruButton.ruBrowse {
    outline: none !important;
    box-shadow: 0 0 0 0.2rem var(--bs-focus-ring-color) !important;
}

/* FASPD-53151 — the upload Remove button renders as display:inline, so its focus
   outline was drawn around the short inline box (offset above/left of the visible
   button). Match ruBrowse: inline-block hugs the real button so the outline fits. */
.RadUpload_Bootstrap .ruRemove,
.RadAsyncUpload .ruRemove,
span.ruButton.ruRemove {
    display: inline-flex !important;
    align-items: center;
    vertical-align: middle;
}

.reTool:focus-visible,
.reDropdown:focus-visible {
    position: relative;
    z-index: 999;
    outline-color: black;
    outline-style: solid;
    outline-width: .150rem;
    border-radius: 2px;
}

.ruFileWrap {
    padding-top: 2px;
    padding-right: 2px;
}

#ctl00_ContentPlaceHolder_Content_SettingsRadDock_C_ImageRadAsyncUploadbutton0 {
    margin-top: 2px;
}

/* added for RadEditor tool */
.reTool:focus,
.reDropdown:focus {
    background-image: linear-gradient(#fff3ca,#ffd294) !important;
    outline: 1px solid black !important;
}

.RadMenu_Bootstrap a.rmDisabled {
    color: #505050 !important;
}

/* FASPD-52906 Issue 9: the domain nav tab links (a.rmLink.rmRootLink) had no explicit
   resting color and inherited the Telerik Bootstrap skin default light gray, giving a
   2.7:1 contrast ratio on white (fails WCAG 2.1 AA). Set an explicit dark-blue resting
   color that matches the theme's hover/selected blue (#002d96 ≈ 9:1 on white). Scoped to
   the domain nav (#RadMenuDomain) so only the top navigation bar is affected. Hover, focus
   and selected states are unchanged (rules below still win via their own specificity). */
#RadMenuDomain.RadMenu_Bootstrap a.rmLink.rmRootLink,
#RadMenuDomain .RadMenu_Bootstrap a.rmLink.rmRootLink {
    color: #002d96;
}

/* Bootstrap skin: restore RadMenu hover / focus / selected states.
   Bootstrap renders menus flat by default; these overrides add color
   feedback for hover, keyboard focus, and the active page item. */
.RadMenu_Bootstrap a.rmLink:hover,
.RadMenu_Bootstrap a.rmLink.rmFocused {
    background-color: #e7f1ff;
    color: #002d96;
}

.RadMenu_Bootstrap a.rmLink.rmSelected,
.RadMenu_Bootstrap .rmSelected > a.rmLink {
    background-color: #002d96;
    color: #ffffff;
    font-weight: 600;
}

.RadMenu_Bootstrap a.rmLink.rmSelected:hover,
.RadMenu_Bootstrap .rmSelected > a.rmLink:hover {
    background-color: #003dc6;
    color: #ffffff;
}

.skip-link {
    /* FASPD-51473 — fixed, not absolute: as a pane child the pill was clipped by the
       splitter pane's overflow:hidden and painted under the nav row (bottom edge cut
       at the banner/nav boundary). Fixed positioning escapes ancestor clipping and
       the pane stacking context entirely. */
    position: fixed;
    top: -48px;
    left: calc(50vw - 100px);
    width: 200px;
    height: 20px;
    background: #E6F1FF;
    color: #000;
    font-size: 10pt;
    border: 2px solid black;
    border-radius: 20px;
    padding: 0.5rem;
    z-index: 100000;
    text-decoration: none;
    /* FASPD-51473 — no top transition: the pill is screenshot-visibly half-cropped
       during the slide and screen readers/users catch that intermediate frame. */
    text-align: center;
    font-family: var(--bs-body-font-family);
}

    .skip-link.visible,
    .skip-link:focus {
        /* FASPD-51473 — 3px hugged the viewport edge and the 2px border/20px radius
           arc rendered clipped; 10px clears it fully. */
        top: 10px;
    }

#MainLandmark:focus {
    outline: none
}

.AlertLinkButton {
    color: #e50000;
}

h1.hidden, h2.hidden {
    font-size: 0 !important;
    line-height: 0;
    margin: 0;
    padding: 0;
}

.PageHeaderClass h1 {
    font-size: large !important;
    display: inline-block;
}

.ReportListPadding {
    padding-left: 3px !important;
    padding-bottom: 2px !important;
}

.RadioButtonPosition {
    font-family: var(--bs-body-font-family);
    font-size: 10pt;
    font-weight: bold;
    vertical-align: middle;
    margin: 0;
}
.RadioButtonPosition + label {
    vertical-align: middle;
    font-family: var(--bs-body-font-family);
    font-size: 10pt !important;
    font-weight: bold;
}
.rfdDecorated_Bootstrap label.rfdRadioChecked,
.rfdDecorated_Bootstrap label.rfdRadioUnchecked {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    vertical-align: middle;
    font-size: 10pt !important;
    font-weight: bold;
}

.CustomerPortalSettingSecondaryHeader {
    font-size: 14px !important;
}

.RadListBox .rlbDisabled {
    opacity: 0.6 !important;
}

/* FASPD-52337 — RadListBox transfer arrow buttons themed */
.RadListBox .rlbButton {
    background-color: #1b2a4a !important;
    border-color: #1b2a4a !important;
    color: #fff !important;
    padding: 3px 5px !important;
    min-width: auto !important;
}

.RadListBox .rlbButton:hover {
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
}

.RadListBox .rlbButtonIcon {
    color: #fff !important;
    font-size: 12px !important;
}

/* FASPD-52958 #7 — Add Task List Organization list box clipped item text.
   The available list (.OrganizationPanel) items were truncated; let the item
   text use the full list width and show an ellipsis only when it genuinely
   overflows, so long organization names ("Engines Transmissions Custom Spec
   [011]") are readable. */
.OrganizationPanel .RadListBox .rlbList,
.OrganizationPanel .RadListBox .rlbGroup {
    /*width: 100% !important;*/
}

.OrganizationPanel .RadListBox .rlbText {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.RadMenu .rmVertical .rmRootLink .rmText {
    padding-right: 0 !important;
}

.RadInput_Bootstrap .riEmpty,
.RadCalendar_Bootstrap .rcOtherMonth a {
    color: #767676 !important;
    opacity: 1 !important;
}

.TelerikModalOverlay {
    width: 100% !important;
    height: 100dvh !important;
}

.accessible-btn {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

    .accessible-btn:focus {
        top: 5px;
        right: 5px;
        opacity: 1;
        outline: 2px solid black;
    }

.br-separator {
    display: block;
    content: "";
    padding-bottom: 4px;
}

.br-meter-import-separator {
    display: block;
    content: "";
    padding-bottom: 8px;
}

.alert-behaviour .rbText {
    text-wrap: auto !important;
}

.ValueWordWrapRadWindowLabel {
    font-size: 10pt;
}

.br-separator-asset-utilization {
    display: block;
    content: "";
    padding-bottom: 7px;
}

tr.incoming-asset-row > td:first-child {
    padding-left: 0px;
}

.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    border: 0 !important;
}

/*removed black outline from password field*/
.remove-focus-outline:focus-visible {
    outline: none !important;
}

.ServicePlannerCalendarRadScheduler:focus-visible {
    outline: 2px solid black;
}

.RadScheduler_Web20 .rsAptSelected.noBg .rsAptContent {
    outline: none;
    box-shadow: inset 0 0 0 2px black;
}

.RadScheduler_Web20 .rsAptSelected.PastelYellowBg .rsAptContent,
.RadScheduler_Web20 .rsAptSelected.lightGrayBg .rsAptContent,
.RadScheduler_Web20 .rsAptSelected.PeachPuffBg .rsAptContent {
    height: 100% !important;
    outline: none !important;
    box-shadow: inset 0 0 0 2px black !important;
}

.RadScheduler .rsWArrowTop .rsAptContent,
.RadScheduler .rsAptSimple .rsWArrowTop .rsAptContent {
    margin-top: 10px !important;
}

.RadScheduler .rsWArrowBottom .rsAptContent,
.RadScheduler .rsAptSimple .rsWArrowBottom .rsAptContent {
    margin-bottom: 12px !important;
}

.hide-link-button {
    display: none;
}

.RadMenu li:has(a.radmenu-separator),
.RadMenu li.radmenu-separator,
.RadMenu .rmItem.radmenu-separator {
    padding: 0 !important;
    margin: 2px 0 !important;
    height: 1px !important;
    line-height: 1px !important;
}

.RadMenu a.radmenu-separator,
.RadMenu li.radmenu-separator .rmLink,
.RadMenu .rmItem.radmenu-separator .rmLink,
.RadMenu .rmItem.radmenu-separator span {
    pointer-events: none !important;
    height: 0 !important;
    border-top: 1px solid #c3d9f9 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
}

.RadProgressBar_Bootstrap > .rpbLabelWrapper {
    border-color: #000 !important;
}

.billing-status-container {
    display: flex;
    align-items: center;
    padding: 10px 0;
    flex-wrap: wrap; /* Now safe to use */
    gap: 10px;
}

    .billing-status-container .progress-bar-control {
        flex: 0 0 300px;
        max-width: 300px;
    }

.RadProgressBar_Bootstrap .rpbStateSelected {
    background-color: #043199 !important;
}

.UnavailabilityRadioButtonList .rbText {
    padding: 0 !important;
}

.UnavailabilityTypeRadioButtonList .rbText {
    padding: 0 !important;
    font-weight: bold !important;
}

/* FIX Calendar control icon issue fixed */
.RadPicker_Bootstrap .rcCalPopup, .RadDatePicker_Bootstrap .rdInput {
    padding: 0px 10px !important;
}

/* FASPD-52337 — align RadDatePicker calendar/time button with the date input box.
   The trigger button rendered with vertical-align:bottom, causing it to hang
   below the input. Align middle so the icon lines up with the date text.
   Do NOT force height/box-sizing — that shrinks the anchor's content box and
   clips the calendar icon background image. */
.RadPicker_Bootstrap a.rcCalPopup,
.RadPicker_Bootstrap a.rcTimePopup {
    vertical-align: middle !important;
}
.RadPicker_Bootstrap .RadInput_Bootstrap {
    vertical-align: middle !important;
}

/* FIX 'Exact Match' and 'Advanced Search' text wrapping in Navigation controls */
/* Prevents text from breaking into two lines */
/*.LeftTopSearchCheckBox,
.LeftTopSearchLinkButton {
    white-space: nowrap !important;
}*/

a[href].SmallHyperLink,
.RadGrid a[href].SmallHyperLink,
.RadGrid_Bootstrap a[href].SmallHyperLink {
    text-decoration: underline !important;
}

a[href].SmallHyperLink:hover,
.RadGrid a[href].SmallHyperLink:hover,
.RadGrid_Bootstrap a[href].SmallHyperLink:hover {
    text-decoration: underline !important;
}
.RadGrid .rgRow a[href].SmallHyperLink,
.RadGrid .rgAltRow a[href].SmallHyperLink,
.RadGrid_Bootstrap .rgRow a[href],
.RadGrid_Bootstrap .rgAltRow a[href] {
    color: var(--bs-link-color) !important;
    text-decoration: underline !important;
}

    .RadGrid .rgRow a[href].SmallHyperLink,
    .RadGrid .rgAltRow a[href].SmallHyperLink,
    .RadGrid_Bootstrap .rgRow a[href].SmallHyperLink,
    .RadGrid_Bootstrap .rgAltRow a[href].SmallHyperLink {
        text-decoration: underline !important;
    }

.RadGrid .rgSelectedRow a[href].SmallHyperLink,
.RadGrid_Bootstrap .rgSelectedRow a[href].SmallHyperLink,
.RadGrid_Bootstrap .rgSelectedRow a[href],
.RadGrid .rgSelectedRow a[href] {
    color: #fff !important;
    text-decoration: underline !important;
}

/*Password change page new password textbox width changes*/
.new-password-align .riTextBox {
    padding-left: 8px !important;
    box-sizing: border-box !important;
    width: 100% !important;
}
.new-password-align .riStrengthBar {
    display: block;
    width: 100%;
    margin-top: 4px;
}
.new-password-align {
    width: 200px !important;
    display: block !important;
}
.PasswordStrengthStyle {
    display: block !important;
    margin-top: 5px !important;
}

.DeletePinsLink {
    position: relative;
    top: 5px;
}

/* 13. FIX MapLocation and other narrow RadDatePicker date text display */
/* Ensures date text is visible and not cut off in narrow date pickers */
.RadPicker_Bootstrap .RadInput_Bootstrap .riTextBox {
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
}

/* Ensure the date input has proper padding for text display */
.RadPicker_Bootstrap .RadInput_Bootstrap input.riTextBox {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

/* Fix for date pickers with width 120px or less */
.RadPicker_Bootstrap[style*="120px"] .riTextBox,
.RadPicker_Bootstrap[style*="90px"] .riTextBox,
.RadPicker_Bootstrap[style*="100px"] .riTextBox {
    font-size: 12px !important;
    width: calc(100% - 30px) !important;
}

/* 14. FIX Email Settings page - header tab overlapping issue */

/* Ensure EmailSettings RadSplitter top pane has enough height */
.EmailSettingsmainRadSplitter .EmailSettingsTopRadPane,
#EmailSettingsTopRadPane {
    min-height: 70px !important;
    height: auto !important;
}

/* Prevent overlap with proper height */
.EmailSettingsmainRadSplitter {
    height: auto !important;
    min-height: 70px !important;
}

/* Ensure email settings table doesn't overlap with header */
.emailSettingsTable {
    margin-top: 10px !important;
    clear: both !important;
}

/* 15. FIX EmailSettingsEdit RadWindow - content overlapping with title bar */
/* Add top padding to prevent form content from overlapping window header */

#EmailSettingsEditRadAjaxPanel {
    padding-top: 15px !important;
}

/* Ensure the TwoColumnLarge table in RadWindow has proper top margin */
.RadWindow .TwoColumnLarge {
    margin-top: 10px !important;
}

/* General fix for all RadWindow popup content to prevent overlap */
.RadWindow .PaddingForm {
    padding-top: 10px !important;
}

a.LeftTopSearchLinkButton {
    line-height: normal !important;
}
/* Work Order Search Grid - Highlighted Row for scroll position restore */
.workorder-highlighted-row {
    background-color: #fffacd !important; /* Light yellow highlight */
    box-shadow: inset 0 0 5px rgba(255, 200, 0, 0.5);
    border-left: 4px solid #ffb300 !important;
}

    .workorder-highlighted-row td {
        background-color: #fffacd !important; /* Light yellow highlight for cells */
        font-weight: 500;
    }

    .workorder-highlighted-row:hover td {
        background-color: #fff8cc !important;
    }

/* ============================================================
   FASPD-52142 — Fuel Module UI fixes
   ============================================================ */

/* TC1 — Constrain Fuel Type column in Fuel Cost Add/Edit popup table */
.FuelCostAddTable {
    table-layout: fixed;
}
.FuelCostAddTable td:nth-child(2) {
    width: 130px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* TC3 — removed; Validations and Transformations docks now inherit default dark-navy titlebar */

/* TC4 — Ensure GridCheckBoxColumnEditor checkbox is visible in Bootstrap RadGrid edit rows */
.RadGrid_Bootstrap .rgEditRow td input[type="checkbox"] {
    opacity: 1 !important;
    visibility: visible !important;
    width: 16px !important;
    height: 16px !important;
    position: static !important;
}

/* TC8 — Remove default focus highlight on 12:00 AM when time view opens (rcFocus is the correct class) */
.RadCalendarTimeView_Bootstrap .rcFocus,
.RadCalendarTimeView_Bootstrap .rcFocus a {
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

/* TC11 — Align the RadDateTimePicker clock icon vertically with its sibling calendar icon (clock renders 32px tall vs calendar 34px+border, causing 3.6px misalignment) */
.RadPicker_Bootstrap a.rcTimePopup {
    height: 34px;
    border: 1px solid transparent;
}

/* TC11 — Replace orange hover/open on RadTimePicker clock icon and RadDatePicker calendar icon with neutral blue */
.RadPicker_Bootstrap a.rcTimePopup:focus,
.RadPicker_Bootstrap a.rcTimePopup:hover,
.RadPicker_Bootstrap a.rcTimePopup:active,
.RadPicker_Bootstrap.rcTimePopupOpen a.rcTimePopup,
.RadPicker_Bootstrap a.rcCalPopup:focus,
.RadPicker_Bootstrap a.rcCalPopup:hover,
.RadPicker_Bootstrap a.rcCalPopup:active,
.RadPicker_Bootstrap.rcCalPopupOpen a.rcCalPopup {
    background-color: #dce9f5 !important;
    background-image: linear-gradient(to top, #c5d9f5, #e8f2ff) !important;
    box-shadow: 0 0 0 0 transparent !important;
    border: 1px solid #c3d9f9 !important;
    color: #333 !important;
}

/* ========================================================================
   FASPD-52475: Global Accessibility Fixes - Focus Indicators
   Purpose: Add visible focus outlines for keyboard navigation (WCAG 2.1 AA)
   Impact: Minimal - only adds visual focus, no layout changes
   ======================================================================== */

/* ComboBox dropdown arrow button focus */
.RadComboBox .rcbActionButton:focus {
    outline: 2px solid #000;
    outline-offset: 2px;
}

/* Calendar popup button focus */
.RadDatePicker .rcCalPopup:focus,
.RadDateTimePicker .rcCalPopup:focus,
.RadPicker .rcCalPopup:focus {
    outline: 2px solid #000;
    outline-offset: 2px;
}

/* Issue 6 (Image 5): NVDA announces a bullet ("• Exact Match") before search
   checkboxes/radios. This happens when the control (or its FieldSearchLabel
   wrapper / associated label) computes to display:list-item with a non-none
   list-style-type. Suppress the marker at the CSS layer so it never renders
   or is announced — immediate and not dependent on the JS timing hooks.
   The JS fallback in ApplyGlobalAccessibilityFixes covers dynamically
   injected controls. */
input[type="checkbox"],
input[type="radio"],
.RadButton[type="checkbox"],
.RadButton[type="radio"],
[role="checkbox"],
[role="radio"],
.RadCheckBox,
.RadButton.RadCheckBox .rbText,
.FieldSearchLabel,
.LeftTopSearchCheckBox {
    list-style-type: none !important;
}

/* ============================================================
   FASPD-52996 — Admin Setup accessibility/layout fixes.
   Each rule is scoped to a page-unique table class, RadWindow
   class, or control id so no other page is affected.
   ============================================================ */

/* #10 Notification Logs (NotificationLogSearch.aspx) — the "Contact First Name"
   label cell in the markup is missing the AdvanceSearchTableTd class, so its
   cell defaulted to a different vertical alignment and the middle/right column
   controls looked misaligned across rows. The AdvanceSearchThreeColumnExtraLarge
   table class is used ONLY on this page, so normalising every cell to
   vertical-align:middle here is safe and re-aligns the fields. */
.AdvanceSearchThreeColumnExtraLarge > tbody > tr > td,
.AdvanceSearchThreeColumnExtraLarge > tr > td {
    vertical-align: middle !important;
}

    /* The "Notification For" and "Notification Type" comboboxes rendered ~11px
       narrower (145px) than the text inputs stacked beneath them (Contact First/
       Last Name, Asset Number = 156px), so each column's controls did not share a
       right edge. Match the combos to the text-input width. Scoped to this page's
       unique table class. */
    .AdvanceSearchThreeColumnExtraLarge [id$="TypeRadComboBox"],
    .AdvanceSearchThreeColumnExtraLarge [id$="NotificationTypeRadComboBox"] {
        width: 156px !important;
    }

/* #8 Edit Email Settings popup (EmailSettingsEdit.aspx) — the two-column
   TwoColumnLarge table stretched to the popup width, so the left cell was ~300px
   holding a 180px control, leaving a huge (~123px) empty gap between the left and
   right columns. Fix the column widths to ~210px each so the right column sits
   close to the left with a natural gap. .TwoColumnLarge is shared by many pages,
   so scope to this popup's unique RadAjaxPanel id. */
[id$="EmailSettingsEditRadAjaxPanel"] .TwoColumnLarge {
    width: auto !important;
    table-layout: fixed;
}

    [id$="EmailSettingsEditRadAjaxPanel"] .TwoColumnLarge > tbody > tr > td:first-child,
    [id$="EmailSettingsEditRadAjaxPanel"] .TwoColumnLarge > tbody > tr > td:nth-child(2) {
        width: 210px;
    }

/* #5 Mass Update Assets (AssetContact/Part/Default.aspx) — the Field/Operator/
   Value filter combos live in a TableLayout="Fixed" grid whose percentage
   columns shrink under browser zoom, cropping the combo values. Give the combos
   inside the Mass Update filter grid a min-width so they stay readable when the
   columns are squeezed. Scoped to .AdvanceSearchRadGrid (Mass Update filter grid
   only). */
.AdvanceSearchRadGrid .RadComboBox {
    min-width: 120px;
}

/* #2 Edit Person / Add Person popups (PersonEdit/PersonAdd.aspx) — the field
   layout uses several .ThreeColumnSmall tables of differing intrinsic widths:
   the 3-column phone/employer rows were ~570px, overflowing the ~563px popup body
   and clipping the 3rd column (Mobile Phone, Vendor Employee Number), while the
   narrower rows left an empty strip on the right. .ThreeColumnSmall is shared by
   17 pages, so scope this to the Person popups' unique RadAjaxPanel ids: make the
   tables a consistent full width with fixed columns so all rows align and nothing
   overflows. */
[id$="PersonEditRadAjaxPanel"] .ThreeColumnSmall,
[id$="PersonAddRadAjaxPanel"] .ThreeColumnSmall {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed;
}

    [id$="PersonEditRadAjaxPanel"] .ThreeColumnSmall td,
    [id$="PersonAddRadAjaxPanel"] .ThreeColumnSmall td {
        overflow: hidden;
    }

    /* Fill each control to its (fixed-layout) cell so the first row (First Name /
       LastName / MI / Time Zone) no longer renders as small fixed-width boxes with
       dead space misaligned against the wider rows below. */
    [id$="PersonEditRadAjaxPanel"] .ThreeColumnSmall td .RadComboBox,
    [id$="PersonEditRadAjaxPanel"] .ThreeColumnSmall td .RadInput,
    [id$="PersonEditRadAjaxPanel"] .ThreeColumnSmall td .RadMaskedTextBox,
    [id$="PersonEditRadAjaxPanel"] .ThreeColumnSmall td input.riTextBox,
    [id$="PersonAddRadAjaxPanel"] .ThreeColumnSmall td .RadComboBox,
    [id$="PersonAddRadAjaxPanel"] .ThreeColumnSmall td .RadInput,
    [id$="PersonAddRadAjaxPanel"] .ThreeColumnSmall td .RadMaskedTextBox,
    [id$="PersonAddRadAjaxPanel"] .ThreeColumnSmall td input.riTextBox {
        width: 100% !important;
        max-width: 100%;
        box-sizing: border-box;
    }

    /* Narrow the MI *column* to a compact 95px (First Name / LastName / MI /
       Time Zone). With table-layout:fixed the 4 columns were otherwise equal
       width, leaving a wide empty gap between MI and Time Zone. Shrinking just the
       MI cell (the td that holds MIRadTextBox) redistributes the freed space to
       the other three columns; the MI input itself fills the column via the
       fill-to-cell rule above (so no dead space before Time Zone). */
    [id$="PersonEditRadAjaxPanel"] .ThreeColumnSmall td:has(input[id$="MIRadTextBox"]),
    [id$="PersonAddRadAjaxPanel"] .ThreeColumnSmall td:has(input[id$="MIRadTextBox"]) {
        width: 95px !important;
    }

/* ============================================================
   FASPD-52953 — Maintenance module accessibility/layout fixes.
   Each rule is scoped to a page-unique RadAjaxPanel id / RadWindow
   class / control id so no other page is affected.
   ============================================================ */

/* #8 Edit Labor popup (WorkOrder/LaborEdit.aspx) — the "Select the repair that
   applies to this issue" panel (#RepairPanel) had inline overflow-y:scroll +
   height:100px, so it ALWAYS showed an inner scrollbar (its single-repair content
   is ~104px, 4px over) right next to the RadWindow's own scrollbar = double
   scrollbar. Use overflow-y:auto so the inner bar only appears when there are
   genuinely many repairs, and a slightly taller box so a single repair fits.
   Scoped via the page-unique LaborRadAjaxPanel wrapper so other pages that reuse
   the OpenRepairsList control / a #RepairPanel are unaffected. */
[id$="LaborRadAjaxPanelPanel"] #RepairPanel {
    overflow-y: auto !important;
    height: 120px !important;
}

/* #7 Add Indirect Labor / Add Planned Indirect Labor — the "Select Technician(s)"
   grid (TechnicianDetailRadGrid, used ONLY on these two popups) is 200px tall with
   a ~45px static header, but Telerik computed the scrollable data area
   (.rgDataDiv) at only ~29px — so barely half a row showed and technician names
   (e.g. "Alfred Smith") were clipped. Force the data area to fill the grid below
   the header so multiple rows are visible and scroll normally. */
#TechnicianDetailRadGrid .rgDataDiv,
[id$="TechnicianDetailRadGrid"] .rgDataDiv {
    height: 155px !important;
}

/* #5 Edit Part Issue popup (DirectCharge/PartsIssueEdit.aspx) — the "Returned To
   Vendor" / "Returned To Inventory" labels use CssClass="AvailabilityFieldRadWindowLabel"
   which forces color:#000 + text-align:center, so they looked darker and
   centre-aligned compared to their sibling labels ("Issued Qty:", "Net Issued:")
   that use the FieldRadWindowNoPaddingLabel skin (theme text colour, left-aligned).
   Match these two labels to the siblings. Scoped to the page-unique
   PartsIssueEditRadAjaxPanel so the AvailabilityFieldRadWindowLabel class is not
   affected on any other page. */
[id$="PartsIssueEditRadAjaxPanel"] #ReturnedToVendorRadLabel,
[id$="PartsIssueEditRadAjaxPanel"] #ReturnedToInventoryRadLabel {
    color: var(--bs-body-color) !important;
    text-align: left !important;
}

/* #1 & #2 Create / Edit Direct Charge — "Date/Time In" field (RadDateTimePicker).
   The EDIT popup's picker has no Width in markup, so the value input collapsed and
   the value was cropped; and the value input (.riTextBox / _dateInput) plus the
   calendar (.rcCalPopup) + clock (.rcTimePopup) buttons render as separate elements
   that must read as ONE bordered box. Left native they render at different heights,
   each button draws its OWN border/rounded/white box, and the button group sits 1px
   lower and taller than the input — so the icons show a detached "icon box" and the
   input's top/bottom border looks broken at the icon column. The rules below fix all
   of it purely in CSS (no markup change needed):
     - pin the picker wrapper to 200px (matches the Contact box beside it) and force
       the value input to a fixed 35px box, reserving 52px of right padding so the
       value text does not run under the two icons;
     - anchor the absolutely-positioned .rcSelect button group to the input box
       (top:0; bottom:0) and flex-centre the glyphs so they sit inside the border;
     - strip the buttons' own border/radius/background so only the single input
       border shows;
     - give both buttons an equal 22px width with a 4px gap so the focus/hover
       highlight wraps each whole glyph and they read as two separate buttons.
   All scoped to the page-unique #DateTimeInRadDateTimePicker id — no other picker on
   any page is affected. NOTE the input selector uses the full
   .RadPicker_Bootstrap .RadInput_Bootstrap input.riTextBox[id$="..."] chain so it
   out-specifies the site-wide
   `.RadPicker_Bootstrap .RadInput_Bootstrap input.riTextBox { padding: 4px !important }`
   rule earlier in this file. */
[id$="DateTimeInRadDateTimePicker_wrapper"] {
    width: 200px !important;
}
[id$="DateTimeInRadDateTimePicker_dateInput_wrapper"] {
    height: 35px !important;
    position: relative !important;
}
.RadPicker_Bootstrap .RadInput_Bootstrap input.riTextBox[id$="DateTimeInRadDateTimePicker_dateInput"],
[id$="DateTimeInRadDateTimePicker_dateInput"],
[id$="DateTimeInRadDateTimePicker"] .riTextBox {
    min-width: 0 !important;
    width: 100% !important;
    height: 35px !important;
    padding-right: 52px !important;
    box-sizing: border-box !important;
    vertical-align: top !important;
}
[id$="DateTimeInRadDateTimePicker_dateInput_wrapper"] .rcSelect {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
}
[id$="DateTimeInRadDateTimePicker_wrapper"] .rcCalPopup,
[id$="DateTimeInRadDateTimePicker_wrapper"] .rcTimePopup {
    width: 22px !important;
    min-width: 22px !important;
    height: auto !important;
    padding: 0 !important;
    text-align: center !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}
[id$="DateTimeInRadDateTimePicker_wrapper"] .rcTimePopup {
    margin-left: 4px !important;
}

/* #1b Create/Edit Direct Charge — the "Verify" (Add) / "Reverify" (Edit) link sits
   in a `<td valign="bottom">` so its bottom edge already lines up with the bottom of
   the (taller, 34px) Asset Number input. The 19px-tall link therefore sat lower than
   the input's vertical centre. Lift it by half the height difference (~7px) so the
   link centres on the Asset Number input, matching the other fields on the row. Using
   margin-bottom (not a fixed margin-top) keeps this layout-independent — it aligns on
   BOTH the Add and Edit popups even though their surrounding rows differ. Scoped via
   the DC datetime table (.ThreeColumnMedium that contains #DateTimeInRadDateTimePicker)
   so it does NOT affect the Vendor PO Manual Invoice pages that reuse the
   *VerifyAssetNumberLinkButton ids. [id*="erify..."] matches both
   "VerifyAssetNumberLinkButton" and "ReverifyAssetNumberLinkButton". */
.ThreeColumnMedium:has(#DateTimeInRadDateTimePicker_wrapper) [id*="erifyAssetNumberLinkButton"] {
    display: inline-block;
    margin-bottom: 7px;
}

/* #1c Create/Edit Direct Charge — the "Approved Above Threshold" checkbox shares
   the Date/Time In row, but (unlike Contact / Date/Time In) it has no label above
   it, so it floated to the cell's vertical centre and sat higher than the labelled
   inputs on that row. Nudge it down by the label-row height so it lines up with the
   Contact textbox and Date/Time In picker. Scoped to the DC datetime table (Add +
   Edit), not other pages. */
.ThreeColumnMedium:has(#DateTimeInRadDateTimePicker_wrapper) #ApprovedAboveThresholdCheckBox {
    margin-top: 34px;
}

/* #4 Edit Part Issue popup — the top info header (.partIssueTable: Stock Type /
   Bin / Available Quantity on row 1, Unit Of Issue / Unit Of Order / On Order
   Quantity on row 2) rendered with uneven column widths (row 2 carries a hidden
   first cell), so the header labels looked misaligned/overflowed. Force an even
   fixed 4-column layout constrained to the popup width so the cells line up.
   Scoped to the page-unique PartsIssueEditRadAjaxPanel. */
[id$="PartsIssueEditRadAjaxPanel"] .partIssueTable {
    table-layout: fixed;
    width: 100% !important;
}

    [id$="PartsIssueEditRadAjaxPanel"] .partIssueTable > tbody > tr > td {
        overflow: hidden;
        white-space: normal;
    }

/* FASPD-52854 — Admin Setup WCAG AA color-contrast fixes (scoped per bar/control). */

/* Clear All on the gray footer bar (#0056BD/#ccc = 4.27) → darker; keep on one line. */
.RowGray a.MediumLinkButton,
.RowGray a.SmallLinkButton {
    color: var(--bs-primary) !important;
    white-space: nowrap;
}
.RowGray a.MediumLinkButton:hover,
.RowGray a.SmallLinkButton:hover {
    color: var(--faster-hover) !important;
}

/* Disabled links (Select Field to Update, Notification Clear All) on the navy
   .HeaderRow bar (#727272/#002859 = 3.02) → light blue-gray (8.6:1).
   Specificity (0,4,1) beats .RadGrid .rgCommandRow a.aspNetDisabled (0,3,1)
   which loads later and would otherwise win by source order. */
.RadGrid .HeaderRow a.aspNetDisabled.SmallLinkButton,
.RadGrid .HeaderRow a.aspNetDisabled.MediumLinkButton,
.RadGrid .HeaderRow a.aspNetDisabled .SmallLinkButton {
    color: #b8c9e0 !important;
}

/* Notification Settings Organization list items dimmed by rlbDisabled opacity:.6
   (3.69:1) → full opacity + dark text. */
[id$="NotificationSettingsEditRadAjaxPanel"] .RadListBox .rlbItem,
[id$="NotificationSettingsEditRadAjaxPanel"] .RadListBox .rlbText,
[id$="NotificationSettingsEditRadAjaxPanel"] .RadListBox .rlbDisabled {
    opacity: 1 !important;
    color: #212529 !important;
}

/* Manage Persons search — space Exact Match / Search when they stack at 400% zoom. */
[id$="SearchPanel"] td.ButtonSeparator .RadButton {
    margin-top: 6px;
}

/* Mass Update result tabs (Assets/Items Updated / Failed) dimmed by rtsDisabled
   opacity:.6 (blends to 3.48:1) → full opacity + theme color. */
[id*="FieldResultRadTabStrip"] li.rtsDisabled,
[id*="FieldResultRadTabStrip"] li.rtsDisabled .rtsLink,
[id*="FieldResultRadTabStrip"] li.rtsDisabled .rtsTxt {
    opacity: 1 !important;
    color: var(--bs-primary) !important;
}

/* Import "Browse" button (RadAsyncUpload) at opacity:.6 blends to 4.18:1 →
   full opacity + solid dark background. */
.RadUpload .ruBrowse,
.RadAsyncUpload .ruBrowse,
span.ruButton.ruBrowse {
    opacity: 1 !important;
    background: var(--bs-primary) !important;
    color: #ffffff !important;
}
.RadUpload .ruBrowse:hover,
.RadAsyncUpload .ruBrowse:hover,
span.ruButton.ruBrowse:hover {
    background: var(--faster-hover) !important;
}

/* FASPD-53341 #5 #10 — CommandItemTemplate uses an inner <table> which gets a white
   background by default, making the RightAlignSmallLinkButton (#0056BD) only 4.51:1
   on white — right on the WCAG AA boundary and flagged by axe. Making the inner table
   cells inherit the parent rgCommandRow background (#CCE3FF) gives ~5.4:1 contrast. */
.RadGrid .rgCommandRow td table td {
    background-color: transparent !important;
}

/* FASPD-53341 #5 #10 — ASP.NET disabled link inline style sets color:#727272 which is
   only 3.66:1 on the #CCE3FF command row background (WCAG AA requires 4.5:1).
   #595959 gives ~5.3:1 on #CCE3FF. !important beats the inline style attribute. */
.RadGrid .rgCommandRow a.aspNetDisabled {
    color: #595959 !important;
}

/* FASPD-53341 #12 — RadNotification info icon sits flush against the text; add a right
   margin so there is visible spacing between the icon and the message text.
   Also raise the content wrapper min-height by 30px so the icon is not cropped. */
.RadNotification_Bootstrap .rnIcon {
    margin-right: 6px;
}
.RadNotification_Bootstrap .rnContentWrapper {
    min-height: 90px;
}

/* FASPD-53341 #13 — inline-flex on base .ruRemove rule above centres icon + text. */

/* ============================================================
   FASPD-53571 — Inventory Module UI / Accessibility fixes
   ============================================================ */

/* TC9 — OrderLineItems search row: prevent SearchButton from overlapping the
   Order Number textbox. The .TwoColumnMediumLarge table is forced to
   table-layout:fixed;width:100% by #MainLandmark, which lets fixed-size cells
   squeeze each other. Override to auto layout only on this inner search row. */
.radDockContainer .TwoColumnMediumLarge {
    table-layout: auto !important;
    width: auto !important;
}

/* TC10 — OrderLineItems grid: the grid div uses .RadGridHorizontalScroll (display:inline-block)
   without gridBlock, so the outer RadAjaxPanel's width is not constrained and the grid
   bleeds beyond the container. Switch to block display to enable horizontal scroll correctly. */
#OrderLineItems .RadGridHorizontalScroll {
    display: block !important;
    width: 100% !important;
}

/* TC13 — InfoCountLabel "There are N new Item Requests" banner is cropped at 400% zoom
   because its container uses a fixed left padding (700px / 600px inline style) that pushes
   the label off-screen. At ≤512px (400% of 1280px / 4 = 320px), reflow the label below
   the heading so no text is clipped. */
@media screen and (max-width: 512px) {
    .InfoCountLabel {
        display: block !important;
        padding-left: 0 !important;
        margin-top: 4px;
        width: 100% !important;
    }
    /* also reset any inline style padding on the label's parent td */
    td.PageHeaderClass {
        white-space: normal !important;
        overflow: visible !important;
    }
}

/* ============================================================
   FASPD-53625 — Accounting Module UI / Accessibility fixes
   ============================================================ */

/* Issue 4 — Accounting Search: Search button overlaps Exact Match checkbox.
   The .AccountingAdvanceSearch table has style="width:100%" which, combined with
   #MainLandmark table { max-width:100% }, causes fixed cells to squeeze each other.
   Override to auto layout so the Search button and checkbox row renders without overlap. */
.radDockContainer .AccountingAdvanceSearch {
    table-layout: auto !important;
    width: auto !important;
}

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

/* Issues 2, 5, 11, 15 — Double scrollbar at 400% zoom.
   RadGridHorizontalScroll and RadGridHorizontalScrollAutoWidth use display:inline-block
   which causes the outer BottomRadPane (Scrolling="Y") to show a second scrollbar alongside
   the grid's own horizontal scrollbar at narrow viewports. Switch to block display so the
   grid wrapper fills its container and only one scrollbar appears. */

/* Issue 2 — VendorReturn/ReturnsItems.aspx: RadGridHorizontalScroll inside BottomRadPane
   with Scrolling="Both". */
#VendorReturnRadGrid,
#VendorReturnRadGrid .RadGridHorizontalScroll {
    display: block !important;
    width: 100% !important;
}

/* Issue 5 — TransferInventory/Default.aspx: RadGridHorizontalScroll inside BottomRadPane. */
#PartTransferSearchRadGrid,
#PartTransferSearchRadGrid .RadGridHorizontalScroll {
    display: block !important;
    width: 100% !important;
}

/* Issue 11 — PartDetail/PartHistory.aspx: RadGridHorizontalScrollAutoWidth (display:inline-block)
   inside PartHistoryRadPane causes the outer pane to scroll alongside the inner grid scroll. */
#SplitterMain .RadGridHorizontalScrollAutoWidth {
    display: block !important;
    width: 100% !important;
}

/* Issue 15 — BarcodeUtility/Default.aspx: RadGridHorizontalScroll inside BottomRadPane. */
#SearchRadSplitter .RadGridHorizontalScroll {
    display: block !important;
    width: 100% !important;
}

/* WorkOrder/Default.aspx — Verify Asset / Reverify Asset link sits in a <td valign="bottom">
   alongside the Asset Number and Organization inputs which have a FieldRadWindowLabel above
   them. Push the link down by the label height (padding-top:10px + ~19px line-height = ~29px)
   so it bottom-aligns with the inputs on the same row. */
#WoVerifyAssetLinkButton,
#WoReVerifyAssetLinkButton {
    display: inline-block;
    margin-top: 29px;
}
/* FASPD-56457: Web20 skin inflates the vertical-header (time-label) rows to 24.8px while the
   content/appointment rows stay at RowHeight (22px). The mismatch makes appointments render
   proportionally early (a 2:00 PM appointment appeared at ~12:30). Force the label rows back to
   the content row height so both columns scale identically and times align.
   Applied globally to all Web20 RadSchedulers (Skin="Web20" adds .RadScheduler_Web20). */
.RadScheduler_Web20 .rsAptSelected {
    border: none !important;
}

.RadScheduler_Web20 .rsAptContent {
    font-size: 11px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.RadScheduler_Web20 .rsVerticalHeaderTable th {
    height: 22px !important;
    padding: 0 !important;
    border: 0 !important;
}

.RadScheduler_Web20 .rsVerticalHeaderTable th > div {
    height: 22px !important;
    line-height: 20px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}