body {
    font-family: "segoe ui", verdana, arial, helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 24px;
    color: #121212;
    background: white;
    flex-grow: 1;
    min-height: 0;
    height: auto;
}

#bd {
    background: white;
    /*height: 100% !important;*/
    /*min-height: 600px;*/
    display: flex;
    flex-direction: column;
    min-height: 85vh;
}

#ft {
    background: #393A3D;
    color: #C1C3C8;
    /*height: 100% !important;*/
    padding-bottom: 25px;
    flex-shrink: 0;
    height: auto;
}

input:focus {
    outline: none;
}

*:focus {
    outline: none;
    outline: 0;
}

.defaultText {
    font-family: "segoe ui", verdana, arial, helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 24px;
    color: #121212;
}

.mediumText {
    font-size: 15px;
    line-height: 1.45;
}

BR.page {
    page-break-after: always;
}

body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

h4 {
    margin: 10px 0;
    padding: 5px 0px;
    font-size: 16px;
    font-weight: bold;
    color: #0000CC;
}

INPUT {
    font-family: "segoe ui", ", verdana, arial, helvetica, sans-serif";
    font-size: 14px;
}

TEXTAREA {
    font-family: "segoe ui", ", verdana, arial, helvetica, sans-serif";
    font-size: 14px;
}

SELECT {
    border: solid 1px #E2E2E2;
    font-family: "segoe ui", ", verdana, arial, helvetica, sans-serif";
    font-size: 14px;
}

a:active, a:link, a:visited {
    color: #008000;
    text-decoration: none;
}

a:hover {
    color: #00CA00;
    text-decoration: underline;
}

.moreInfo {
    border-bottom: 1px dotted #000;
    text-decoration: none;
}

.gridLink {
}

    .gridLink a:active, .gridLink a:link, .gridLink a:visited {
        text-decoration: underline;
        color: #008000;
    }

    .gridLink a:hover {
        color: #00CA00;
        text-decoration: underline;
    }

.formLabel a:active, .formLabel a:link, .formLabel a:visited {
    color: #484848;
}

.formLabel a:hover {
    color: #484848;
    text-decoration: underline;
}

.formRow {
    height: 36px;
}

.whiteLink a:active, .whiteLink a:link, .whiteLink a:visited {
    color: #C1C3C8;
}

.whiteLink a:hover {
    color: white;
    text-decoration: underline;
}

.sharedReportLink, .sharedReportLink a:active, .sharedReportLink a:link, .sharedReportLink a:visited {
    color: blue !important;
}

.reportTemplateCombo {
    background: #3674AE url(../images/ReportTemplate/cbBg.jpg) repeat-x scroll 0pt;
    border-top: solid 1px #AFB48D;
    vertical-align: middle;
}

#masthead {
    background: transparent;
}

#submasthead {
    background: #0F5A31;
    height: 42px;
    padding-top: 4px;
    padding-bottom: 3px;
}

.supportCenterTopNavigation {
    font-size: 14px;
}

.supportCenterTopNavigationActive {
    font-size: 20px;
}


.supportCenterLinkSelected, .supportCenterLinkSelected a:active, .supportCenterLinkSelected a:link, .supportCenterLinkSelected a:visited {
    font-size: 14px;
    color: #FFFFFF !important;
    font-weight: bold;
    line-height: 35px;
}

    .supportCenterLinkSelected:hover {
        text-decoration: none !important;
    }

.supportCenterLink, .supportCenterLink a:active, .supportCenterLink a:link, .supportCenterLink a:visited {
    font-size: 14px;
    color: #A6BFAB !important;
    font-weight: bold;
    line-height: 35px;
}

    .supportCenterLink:hover {
        color: #FFFFFF !important;
        text-decoration: none !important;
    }

.panelSupportCenterMenu {
    float: left;
}

.panelSupportCenter {
    color: white;
    font-weight: bold;
    padding-left: 0px;
    padding-right: 5px;
}

#linkSearchCommand {
    color: #A6BFAB; /* Default color */
    font-weight: bold;
    padding-left: 5px;
    padding-right: 10px;
    text-decoration: none;
    position: relative;
    top: -1px;
}

    #linkSearchCommand:visited {
        color: #A6BFAB;
    }

    #linkSearchCommand:hover {
        color: #FFFFFF;
        cursor: pointer;
    }

#divSearchContent {
    display: none;
    position: absolute; /* Position absolute to place it relative to the nearest positioned ancestor */
    background-color: transparent;
    padding: 5px;
    margin-top: 5px;
    z-index: 1000; /* Ensure it appears above other elements */
    margin-left: -300px;
    height: 500px;
}

.tblSearchContent {
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border: 1px solid #DEDEDE;
    height: 100px;
}

.mainProduct {
    float: left;
    padding-right: 15px;
}

.linkProductActive, .linkProductActive a:active, .linkProductActive a:link, .linkProductActive a:visited {
    float: left;
    color: #FFFFFF !important;
    font-weight: bold;
    font-size: 18px;
    font-family: helvetica, sans-serif;
    padding-left: 20px;
    padding-top: 8px;
}

    .linkProductActive:hover {
        color: #FFFFFF !important;
        text-decoration: none !important;
    }

.linkProductSub, .linkProductSub a:active, .linkProductSub a:link, .linkProductSub a:visited {
    float: left;
    color: #F4A800 !important;
    font-size: 17px;
    font-family: 'Brush Script MT', cursive;
    padding-left: 2px;
    padding-top: 12px;
}

    .linkProductSub:hover {
        color: #F2C500 !important;
        text-decoration: none !important;
    }

.linkProduct, .linkProduct a:active, .linkProduct a:link, .linkProduct a:visited {
    float: left;
    color: #A6BFAB !important;
    font-weight: bold;
    font-size: 18px;
    font-family: helvetica, sans-serif;
    padding-left: 20px;
    padding-top: 8px;
    padding-right: 15px;
}

    .linkProduct:hover {
        color: #FFFFFF !important;
        text-decoration: none !important;
    }

.userPic {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    float: left;
    margin-top: 3px;
    margin-left: 10px;
}

.agentDashboardPic {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border: 2px solid #FFFFFF;
    margin-bottom: 10px;
    object-position: top center;
    border-radius: 50%;
    cursor: pointer;
}

.agentPic {
    width: 32px;
    height: 32px;
    object-fit: cover;
    object-position: top center;
    border-radius: 50%;
    flex-shrink: 0;
}

.agentPicRightMargin {
    margin-right: 8px;
}

.roundImage {
    border-radius: 10%;
}

.circleImage {
    object-fit: cover;
    object-position: top center;
    border-radius: 50%;
}

.floatRight {
    float: right !important;
}

.center-div {
    display: grid;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
}

#hd {
    margin: 0pt;
    padding: 0pt;
}

#pageContent {
    background: white;
}



#companyLogo {
    float: right;
    position: relative;
    top: -30px;
    height: 20px;
}

.tgLogo {
    padding-top: 22px;
}

.list {
    list-style-type: disc;
    list-style-position: inside;
    padding-top: 3px;
    padding-left: 5px;
    padding-bottom: 4px;
    line-height: 130%;
}

.RcReportIntro {
    font-weight: bold;
    font-style: italic;
    font-size: 14px;
    color: #444444;
}

.RcDashboardTitle {
    font-weight: bold;
    font-size: 14px;
    color: #444444;
}

.RcDashboardBigValue {
    font-size: 16px;
    color: #444444;
}

#footer-navigation {
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
}

    #footer-navigation li {
        display: inline;
    }


.small {
    font-size: 85%;
    letter-spacing: normal;
}

input.btn {
    margin-top: 5px;
}

.buttonSubForm {
    display: inline-block;
    padding: 6px 12px;
    margin-top: 5px;
    text-align: center;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 3px;
    background-color: #F8F8F8;
    cursor: pointer;
}

    .buttonSubForm:hover {
        background-color: #EBEBEB;
    }

.pageTitle {
    padding: 20px 0px 10px 0px;
    font-size: 18px;
    color: #444444;
    text-indent: 10px;
}

.commonTable {
    width: 500px;
    margin: 25px auto 25px auto;
    padding: 5px 10px 5px 10px;
}

.requiredFieldIndicator {
    color: red;
}

.input-box {
    font-family: "segoe ui", verdana, arial, helvetica, sans-serif;
    font-size: 10px;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #0000CC;
    border-left: 1px solid #999999;
    background-color: #FFFFFF;
}

.smallPage {
    width: 800px;
}

.warning {
    background: #FEFBE7;
    border: 1px solid #FF0000;
    color: #FF0000;
    list-style-type: circle;
    list-style-position: inside;
    margin-bottom: 3px;
}

.importantNote {
    background: #FFFFCC;
    border: 1px solid #444444;
    color: #484848;
    list-style-type: circle;
    list-style-position: inside;
    margin-bottom: 5px;
    padding: 5px 5px 5px 5px;
}

.validationSummary {
    border: 1px solid #FF0000;
    color: #FF0000;
    list-style-type: circle;
    list-style-position: inside;
    background: #FEFBE7 url(../images/ErrorIcon.gif) no-repeat scroll left center;
    margin: 10px 0pt;
    padding: 8px 25px;
}

.formLabelLeftAlign {
    text-align: left;
    font-size: 14px;
    color: #484848;
    padding-right: 5px;
    padding-left: 5px;
}

.formLabel {
    text-align: right;
    font-size: 14px;
    color: #484848;
    padding-right: 5px;
    padding-left: 5px;
}

.formLabelBold {
    text-align: right;
    font-size: 14px;
    color: #484848;
    padding-right: 5px;
    padding-left: 5px;
    font-weight: bold;
}

.formSectionContainer {
    padding: 10px;
    margin: 10px 0px 10px 0px;
    background-color: #FFFFFF;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    border: 1px solid #E2E2E2;
}

.formSectionTitle {
    font-size: 16px;
    color: #444444;
    padding-top: 10px;
    padding-bottom: 5px;
    font-weight: bold;
}

.formSectionSubTitle {
    font-size: 15px;
    font-weight: bold;
    color: #444444;
    padding-top: 5px;
    padding-bottom: 2px;
    font-style: italic;
}

.formSectionHeader {
    font-size: 16px;
    font-weight: bold;
    color: #350000;
    padding-top: 5px;
    padding-bottom: 2px;
}


.reportSelectionChkTitle {
    font-weight: bold;
}

.pageView {
    height: 381px;
}

.pageViewWhite {
    height: 381px;
    background-color: white;
}

    .pageViewWhite img {
        margin: 0;
    }

.borderAll {
    border: solid 1px #999999;
}

.borderRigt {
    border-right: solid 1px #999999;
}

.pagePadding {
    padding: 10px;
}

.contentPadding {
    padding: 5px;
}

.contentPaddingWoTop {
    padding: 0 5px 5px 5px;
}

.searchCriteria {
    padding: 0px 3px 5px 3px;
    margin: 5px 0px 5px 0px;
}

.optLabel {
    background: #F1F1F1 none repeat scroll 0%;
    font-style: italic;
}

.lbContactNoEmail {
    color: #AEAEAE;
}

.emptyCell {
    border-style: none;
    border-width: 0;
}

.reportTableTodayStatBgColor {
    font-weight: bold;
    background-color: #393A3D;
    color: #FFFFFF;
    padding: 14px 7px 14px 7px;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #E2E2E2;
}

.reportTableHead {
    font-weight: bold;
    background-color: #F1F1F1;
    color: #484848;
    padding: 14px 7px 14px 7px;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #E2E2E2;
}

.reportTableHead2 {
    font-weight: bold;
    background-color: #FFFFFF;
    color: #484848;
    padding: 14px 7px 14px 7px;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #E2E2E2;
    min-width: 50px;
}

.reportTableHead2Alternate {
    font-weight: bold;
    background-color: #EFF8E4;
    color: #484848;
    padding: 14px 7px 14px 7px;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #E2E2E2;
    min-width: 50px;
}

.reportTableValue {
    background-color: #FFFFFF;
    padding: 14px 7px 14px 7px;
    text-align: center;
    vertical-align: middle;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #E2E2E2;
}

.reportTableValueAlternate {
    background-color: #FAFCF5;
    padding: 14px 7px 14px 7px;
    text-align: center;
    vertical-align: middle;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #E2E2E2;
}

.pageInstructions {
    font-size: 12px;
    line-height: 16px;
    background: #F1F1F1 url(../images/icon16/Info.png) no-repeat scroll left center;
    border: 1px solid #E2E2E2;
    color: #333333;
    margin: 10px 0pt;
    padding: 8px 25px;
}

.smallInstruction {
    font-size: 11px;
    font-style: italic;
    line-height: 14px;
}

.formInfo {
    padding-top: 5px;
    padding-bottom: 10px;
}

.emailHeader {
    border-style: solid solid solid solid;
    border-width: 1px;
    border-color: #595926;
    background: #CAC8AB;
}

.loadingPanel {
    background-color: #EDF2CE;
    font-family: "segoe ui", verdana, arial, helvetica, sans-serif;
    font-size: 14px;
    color: #444444;
    border: 1px solid #99CB58;
    padding: 10px;
    font-weight: bold;
}

.smallSpacing {
    padding-top: 5px;
    padding-bottom: 5px;
}

.imageButton {
    cursor: pointer;
}

.hiddenFooterStyle {
    height: 1px;
    background: red;
    visibility: hidden;
    padding: 0;
    margin: 0;
}

.Toolbar {
    background: white;
}

.ToolbarItem {
    padding: 0px 6px 0px 6px;
}

.ToolbarLeft {
    background: white;
    width: 6px;
}

.ToolbarRight {
    background: white;
    width: 6px;
}

#BreadCrumb {
    height: 40px;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #E2E2E2;
}

.BreadCrumb {
    color: #444444;
    font-size: 12pt;
    font-weight: bold;
}

.BreadCrumb2 {
    color: #444444;
    font-size: 10pt;
    font-weight: bold;
}

.BrSearchPanel {
    border: 2px ridge #808000;
}

.toolbar {
    border: 1px solid #959485;
    background-color: #DFDFB3;
}

.disclaimer {
    font-size: 11px;
}

.hotLabel {
    border-style: none none dashed none;
    border-width: 1px;
    padding-bottom: 2px;
    font-weight: bold;
    font-size: 14px;
    color: #7F0700;
}

.sectionHeader {
    color: Maroon;
    font-family: "segoe ui", verdana, arial, helvetica, sans-serif;
    font-size: 18px;
    padding: 10px 5px 10px 5px;
    background-color: #FFFFFF;
}

.sectionHeaderDarkGrey {
    color: #444444;
    font-family: "segoe ui", verdana, arial, helvetica, sans-serif;
    font-size: 18px;
    padding: 10px 5px 10px 5px;
    background-color: #FFFFFF;
    border-bottom: solid 1px #E2E2E2;
}

.sectionHeaderDarkGreyBold {
    color: #444444;
    font-family: "segoe ui", verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    font-size: 18px;
    padding: 15px 5px 10px 5px;
}

.sectionBody {
    padding: 5px 5px 5px 5px;
    background-color: #FFFFFF;
}


.CreateReport_SavedReportSectionBody {
    padding: 5px 5px 5px 5px;
    background-color: #FFFFFF;
    height: 500px;
    width: 250px;
}

.CreateReport_SavedReportSectionDiv {
    width: 350px;
    height: 500px;
    overflow: auto;
    overflow-x: hidden;
    ms-overflow-x: hidden;
}

.CreateReport_SharedReportSectionBody {
    padding: 5px 5px 5px 5px;
    background-color: #FFFFFF;
    height: 150px;
    width: 250px;
}

.CreateReport_SharedReportSectionDiv {
    width: 350px;
    height: 150px;
    overflow: auto;
    overflow-x: hidden;
    ms-overflow-x: hidden;
}

.costComparisonCompanyRevenue {
    color: blue;
}

.feedImg {
    margin-top: 5px;
}

.feedLeft {
    vertical-align: top;
    text-align: center;
    padding-left: 20px;
    min-width: 95px;
}

.feedLeftRed {
    vertical-align: top;
    text-align: center;
    padding-left: 20px;
    color: #A00603;
}

.feedBody {
    padding-left: 20px;
    vertical-align: top;
}

.feedBar {
    vertical-align: top;
    text-align: center;
    padding-left: 20px;
    color: darkseagreen;
}

.feedLine {
    overflow: hidden;
    border-top: none;
    border-left: none;
    border-right: none;
    height: 1px;
    border-bottom: 1px solid #E2E2E2;
    margin-inline-start: 17px;
}
/* -------------------- Error Messages --------------*/
.errorInline {
    color: red;
}

.errorMessageHeader {
    font-size: 14px;
    color: red;
}

.errorMessage {
    font-size: 10px;
    color: red;
    padding-bottom: 5px;
}

.tableHover:hover {
    background-color: #f5f5f5;
}

/* Custom Telerik */
.RadListBox_Hay .rlbText, .RadListBox_Hay .rlbItem {
    line-height: normal !important;
}

.RadListBox .rlbItem {
    padding: 0 !important;
}

.RadListBox .rlbGroup .rlbActive {
    border: none !important;
}

.RadListBox .optLabel {
    background: #F1F1F1 none repeat scroll 0%;
    height: 17px;
}

.RadListBox {
    margin-top: 1px;
    margin-bottom: 2px;
    line-height: 1.5 !important;
}

.RadGrid th.radGridHeaderItem {
    background: none #707036 !important;
    color: White;
    font-family: "segoe ui",arial,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 16px;
    border-color: #7AA231 #9E9E4B !important;
    border-style: none solid none;
    border-width: 0 1px 1px;
    padding-top: 4px;
}

.RadGrid th.radGridHeaderAlternate {
    background: none #557122 !important;
    color: White;
    font-family: "segoe ui",arial,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 16px;
    border-color: #344514 #688929 !important;
    border-style: none solid none;
    border-width: 0 1px 1px;
    padding-top: 4px;
}

.RadGrid_Telerik .rgHeader a {
    color: White !important;
}

    .RadGrid_Telerik .rgHeader a:hover {
        text-decoration: underline !important;
        color: White !important;
    }

.radGridDataItem {
    background-color: #F7F7F7;
}

.radGridDataItemAlternate {
    background-color: #F7F7F7;
}

.radGridFooterItemAlternate {
    background-color: #D5E9BE;
}

.radGridRecruitingHighlighted {
    border-top: solid 0px #FFFFFF !important;
    border-bottom: solid 0px #FFFFFF !important;
    background-color: #FFFFD5;
    font-weight: bold;
    color: #006600;
}

.radGridRecruitingHighlightedLegend {
    border: solid 1px #444444;
    background-color: #FFFF9B;
}

.marketHiglightUp {
    font-weight: bold;
    color: #006600;
}

.marketHiglightDown {
    font-weight: bold;
    color: #FF0000;
}

.marketHiglightTitle {
    color: #7F0700;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: underline;
    font-style: italic;
}

.SupportCenterMenu {
    padding: 5px;
    font-size: 14px;
    line-height: 1.5;
}

.AgentProfileName {
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
}

.topNavBorder {
    border-top: 1px solid #E2E2E2;
}

.RcLNv {
    padding: 10px;
    line-height: 24px;
    color: #d4d7dc;
    background-color: #393A3D;
}

a.lightWhite:active, a.lightWhite:link, a.lightWhite:visited {
    color: #d4d7dc;
    text-decoration: none;
}

a.lightWhite:hover {
    color: white;
    text-decoration: underline;
}

.RcLeftNavTitle {
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 14px;
    padding-top: 15px;
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 10px;
}

.RcSalesProfileSpecialty {
    font-size: 14px;
    border: 1px solid #FFCE9D;
    padding: 10px;
    line-height: 24px;
    background-color: #FFF7D7;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin: 5px;
}

.RcCalculatorTable {
    margin-top: 5px;
    border: solid 0px #444444;
    border-collapse: collapse;
}

.RcCalculatorTableHeader {
    padding: 8px 5px 8px 5px;
    background-color: #D2E6A6;
    font-weight: bold;
    color: #444444;
    font-size: 14px;
    vertical-align: middle;
    border-top-style: solid;
    border-top-width: 5px;
    border-top-color: white;
    border-bottom-style: solid;
    border-bottom-width: 0px;
    border-bottom-color: #444444;
}

.RcCalculatorTableBorderTop {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #444444;
}

.RcCalculatorFinalIncome {
    padding: 15px;
    border-style: solid;
    border-width: 1px;
    border-color: #9CC64A;
    background-color: #F7FAED;
    font-size: 13px;
    border-radius: 15px;
}

.pathwayStepContainerInvalid {
    border: 1px solid #FFBA75;
    background: #FFE9D2;
}

.pathwayStepContainer1st {
    border: 1px solid #DBEAA8;
    background: #FAFCF3;
}

.pathwayStepContainer {
    border-bottom: 1px solid #DBEAA8;
    border-right: 1px solid #DBEAA8;
    border-left: 1px solid #DBEAA8;
    border-top: 0px;
    background: #FAFCF3;
}

.imgPathwayStepType {
    padding-top: 4px;
}

.clickable {
    cursor: pointer;
}

    .clickable:hover {
        background-color: #EEEEEE;
    }

.RadButton_Bootstrap {
    font-family: "segoe ui", verdana, arial, helvetica, sans-serif !important;
}

.RadToolBar .rtbOuter {
    border: none !important;
    border-color: White !important;
    font-size: 14px !important;
    font-weight: bold !important;
}

.RadToolBar_Horizontal .rtbItem {
    border-style: solid !important;
    border-width: 0px 0px 1px 0px !important;
    border-color: white !important;
}

    .RadToolBar_Horizontal .rtbItem:hover {
        border-style: solid !important;
        border-width: 0px 0px 1px 0px !important;
        border-color: #E2E2E2 !important;
    }

.RadGrid_Telerik .rgHeader, .RadGrid_Telerik th.rgResizeCol, .RadGrid_Telerik .rgHeaderWrapper {
    background: #007800 !important;
    border-style: none none none none !important;
}

.RadGrid_Telerik th.rgSorted {
    background-color: #546D29 !important;
}

.RadGrid_Telerik .rgHeader {
    color: White !important;
}

.RadGrid_Telerik .rgAltRow {
    background: #FFFFFF !important;
}

.RadGrid_Telerik tfoot .rgCommandCell, .RadGrid_Telerik .rgMasterTable > tbody > tr.rgCommandRow .rgCommandCell {
    border: none !important;
}

.RadGrid_Telerik .rgStatus {
    border: none !important;
}

.RadGrid_Telerik .rgCommandRow {
    background: #FFFFFF !important;
}

.RadGrid_Telerik .rgRow > td, .RadGrid_Telerik .rgAltRow > td, .RadGrid_Telerik .rgEditRow > td, .RadGrid_Telerik .rgFooter > td {
    border-width: 1px 0 1px 0 !important;
}

.RadGrid .rgHeader, .RadGrid th.rgResizeCol {
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}

.RadGrid .rgRow > td, .RadGrid .rgAltRow > td, .RadGrid .rgEditRow > td, .RadGrid .rgFooter > td {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}

.RadGrid_Telerik .rgMasterTable, .RadGrid_Telerik .rgDetailTable, .RadGrid_Telerik .rgGroupPanel table, .RadGrid_Telerik .rgCommandRow table, .RadGrid_Telerik .rgEditForm table, .RadGrid_Telerik .rgPager table {
    font: 14px / 16px "segoe ui",arial,sans-serif !important;
}

.RadGrid_Telerik .rgRow .rgSorted {
    background-color: #F7FAED !important;
    border-bottom: none !important;
}

.RadGrid_Telerik .rgAltRow .rgSorted {
    background-color: #F7FAED !important;
    border-bottom: none !important;
}

.RadGrid_Telerik .rgMasterTable .rgSelectedCell, .RadGrid_Telerik .rgSelectedRow, .RadGrid_Telerik .rgSelectedRow .rgSorted {
    background: #C9ECA4 !important;
    background: -webkit-linear-gradient(#D8F1BC, #9DD673) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#D8F1BC, #9DD673) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#D8F1BC, #9DD673) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(#D8F1BC, #9DD673) !important; /* Standard syntax */
}

    .RadGrid_Telerik .rgSelectedRow > td {
        border-bottom: none !important;
        border-top: none !important;
    }

.radGridDataItemHighlighted, .radGridDataItemHighlightedAlternate, .RadGrid_Telerik .rgRow .radGridDataItemHighlighted, .RadGrid_Telerik .rgAltRow .radGridDataItemHighlighted, .RadGrid_Telerik .rgRow .radGridDataItemHighlightedAlternate, .RadGrid_Telerik .rgAltRow .radGridDataItemHighlightedAlternate {
    background-color: #FFFFD5 !important;
    border: none !important;
}

.RadGrid_Telerik .rgFooterDiv, .RadGrid_Telerik .rgFooter {
    background-color: #DDECBB !important;
}

.RadGrid_Telerik .rgFooterWrapper, .RadGrid_Telerik .rgPager {
    background-color: white !important;
    border-style: solid none solid none !important;
    border-width: 1px !important;
    border-top-color: #FFFFFF !important;
    border-right-color: inherit !important;
    border-bottom-color: #F7FAED !important;
    border-left-color: inherit !important;
}

.RadGrid_Telerik .rgFooter > td, .RadGrid_Telerik .rgFooterWrapper {
    border: none !important;
}

.RadGrid_Telerik td.rgPagerCell, .RadGrid_Telerik {
    border-style: solid none solid none !important;
    border-width: 1px !important;
    border-top-color: #FFFFFF !important;
    border-right-color: inherit !important;
    border-bottom-color: #FFFFFF !important;
    border-left-color: inherit !important;
}

    .RadGrid_Telerik .rgHeader .rgSortAsc {
        background-position: 0px 0px !important;
        background: url(../images/skin/sortasc.png) no-repeat scroll 0pt !important;
    }

    .RadGrid_Telerik .rgHeader .rgSortDesc {
        background-position: 0px 0px !important;
        background: url(../images/skin/sortdesc.png) no-repeat scroll 0pt !important;
    }

    .RadGrid_Telerik .rgGroupHeader, .RadGrid_Telerik .rgGroupHeader > td.rgGroupCol {
        background: #F2F2F2 !important;
        padding-top: 3px;
        padding-bottom: 5px;
    }

        .RadGrid_Telerik .rgGroupHeader > td {
            border-bottom: solid 1px white !important;
        }

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

.GridHeaderLink {
    color: White !important;
    text-decoration: underline !important;
}

.RadPanelBar .rpGroup .rpLink, .RadPanelBar .rpGroup .rpTemplate {
    font-size: 14px !important;
}

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

.RadPanelBar .rpRootGroup {
    border-style: none !important;
    border-width: 0px !important;
}

.RadPanelBar_Telerik a.rpFocused, .RadPanelBar_Telerik a.rpExpanded, .RadPanelBar_Telerik a.rpSelected, .RadPanelBar_Telerik div.rpFocused, .RadPanelBar_Telerik div.rpExpanded, .RadPanelBar_Telerik div.rpSelected, .RadPanelBar_Telerik a.rpSelected:hover {
    border-color: White !important;
}

.RadPanelBar_Telerik .rpExpandable span.rpExpandHandle, .RadPanelBar_Telerik .rpExpanded span.rpExpandHandle {
    background-image: none !important;
}

.RadPanelBar_Telerik div.rpHeaderTemplate, .RadPanelBar_Telerik a.rpLink {
    background: none !important;
}

.RadPanelBar_Telerik li.rpFirst .rpFocused, .RadPanelBar_Telerik .rpFrist a.rpLink:hoover {
    background: none !important;
}

.RadPanelBar .rpHeaderTemplate, .RadPanelBar .rpOut {
    border: none !important;
}

.fluidImage {
    max-width: 100%;
    height: auto;
    width: auto;
}

.ftChartHeader {
    height: 35px;
}

.textAlignCenter {
    text-align: center;
}

.textAlignRight {
    text-align: right;
}

.RadForm_Telerik.rfdButton a.rfdSkinnedButton, .RadForm_Telerik.rfdButton input.rfdDecorated[type="button"], .RadForm_Telerik.rfdButton input.rfdDecorated[type="reset"], .RadForm_Telerik.rfdButton input.rfdDecorated[type="submit"], .RadForm_Telerik.rfdButton .rfdSkinnedButton button, .RadForm_Telerik a.rfdSkinnedButton, .RadForm_Telerik .rfdSkinnedButton button, .RadForm_Telerik .rfdSkinnedButton input.rfdDecorated, .RadForm_Telerik.rfdButton a.rfdSkinnedButton, .RadForm_Telerik.rfdButton a.rfdSkinnedButton * {
    background-image: none !important;
}

.RadForm a.rfdSkinnedButton {
}

    .RadForm a.rfdSkinnedButton:hover {
        background-color: #e6e6e6 !important;
        border-color: #ADADAD !important;
    }

.RadTabStrip_Bootstrap .rtsLink {
    color: inherit !important;
}

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

.RadTabStripTop_Bootstrap .rtsLevel1 .rtsSelected, .RadTabStripTop_Bootstrap .rtsLevel1 .rtsSelected:hover {
    font-weight: bold !important;
}

.RadTabStripTop_Bootstrap .rtsLevel1 .rtsLink {
    background-color: #F1F1F1;
}

.RadMenu_Bootstrap .rmRootLink {
    padding: 10px !important;
    color: #A6BFAB !important;
    font-weight: bold !important;
    font-family: "segoe ui", verdana, arial, helvetica, sans-serif !important;
}

.RadMenu_Bootstrap .rmRootGroup {
    border: none !important;
    background: none !important;
}

.RadMenu_Bootstrap .rmRootLink.rmSelected, .RadMenu_Bootstrap .rmRootLink.rmExpanded, .RadMenu_Bootstrap .rmRootLink:hover {
    background: none !important;
    color: white !important;
    font-weight: bold !important;
    font-family: "segoe ui", verdana, arial, helvetica, sans-serif !important;
}

.RadMenu_Bootstrap {
    float: left !important;
}

    .RadMenu .rmSeparator .rmText, .RadMenu_Bootstrap .rmGroup.rmVertical > .rmSeparator {
        background-color: #e5e5e5 !important;
    }

    .RadMenu_Bootstrap .rmRootLink.pageMenu {
        color: #333 !important;
    }

        .RadMenu_Bootstrap .rmRootLink.pageMenu:hover,
        .RadMenu_Bootstrap .rmRootLink.pageMenu.rmSelected,
        .RadMenu_Bootstrap .rmRootLink.pageMenu.rmExpanded {
            color: #333 !important;
        }

    .RadMenu_Bootstrap .rmGroup.rmVertical {
        max-height: 500px;
        overflow-y: auto;
        overflow-x: hidden;
    }

        .RadMenu_Bootstrap .rmGroup.rmVertical::-webkit-scrollbar {
            width: 16px;
        }

        .RadMenu_Bootstrap .rmGroup.rmVertical::-webkit-scrollbar-track {
            background: #E6E5E5;
        }

        .RadMenu_Bootstrap .rmGroup.rmVertical::-webkit-scrollbar-thumb {
            background: #E6E5E5;
            border-radius: 4px;
        }

            .RadMenu_Bootstrap .rmGroup.rmVertical::-webkit-scrollbar-thumb:hover {
                background: #ffffff;
            }

.RadComboBox_Telerik {
    color: #444444 !important;
}

.RadForm a.rfdSkinnedButton:hover, .RadForm a.rfdSkinnedButton:hover * {
    cursor: pointer;
}

.RadMenu_Sunset .rmLink:hover {
    cursor: pointer;
}

.RadMenu_Sunset .rmRootGroup, .RadMenu_Sunset .rmLink, .RadMenu_Sunset .rmText, .RadMenu_Sunset .rmLeftArrow, .RadMenu_Sunset .rmRightArrow, .RadMenu_Sunset .rmTopArrow, .RadMenu_Sunset .rmBottomArrow, .RadMenu_Sunset .rmGroup, .RadMenu_Sunset .rmMultiColumn, .RadMenu_Sunset .rmGroup .rmVertical, .rmSeparator {
    background-color: #FFFFDA !important;
}

.RadListBoxScrollable .rlbGroup {
    overflow-y: scroll !important;
}

.RadSplitter .rspResizeBar, .RadSplitter .rspResizeBarHorizontal, .RadSplitter .rspSlideContainerResize, .RadSplitter .rspSlideContainerResizeHorizontal {
    vertical-align: top !important;
    padding-top: 10px !important;
}

.rgPager .riSingle .riTextBox {
    height: 22px !important;
}

.radGridPagerStyle {
    height: 22px !important;
}


.crmActionButton {
    color: #1E5A2F !important;
    cursor: pointer;
    padding-left: 10px !important;
}

    .crmActionButton:hover {
        background-color: #D0F7C3 !important;
        border-color: #A3C431 !important;
    }

.crmActionButton_Clicked {
    color: #1E5A2F !important;
    background-color: #F1F1F1 !important;
    padding-left: 10px !important;
}

    .crmActionButton_Clicked:hover {
        background-color: #D0F7C3 !important;
        border-color: #A3C431 !important;
    }

.actionButton {
    color: #1E5A2F !important;
    background-color: white;
    border-radius: 4px;
    border: solid 1px #CCCCCC;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
}

    .actionButton:hover {
        background-color: #D0F7C3 !important;
        border-color: #A3C431 !important;
    }

.deleteButton {
    color: white !important;
    background-color: #DB2828;
    border-radius: 4px;
    border: solid 1px #AF2020;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
}

    .deleteButton:hover {
        background-color: #8C1A1A !important;
        border-color: #AF2020 !important;
    }

.RadPanelBar_Bootstrap .rpLink.rpFocused, .RadPanelBar_Bootstrap .rpHeaderTemplate.rpFocused {
    border-color: lightgray !important;
    box-shadow: none !important;
}

.rfdSelectBox li {
    height: auto !important;
}

.Bootstrap .reDropdown span, .Bootstrap .reDropdown {
    min-width: 40px !important;
}

html .InsertCodeSnippet, html .InsertSnippet {
    background: none !important;
    width: 150px !important;
}

    html .InsertCodeSnippet:before, html .InsertSnippet:before {
        content: "Variables";
    }

.Bootstrap.RadEditor.reWrapper .reSplitButton.reTool {
    width: auto !important;
    padding-right: 12px;
}

.reDropDownBody {
    width: 350px !important;
    height: 400px !important;
}

.RadWizard_Bootstrap .rwzSelected .rwzLink, .RadWizard_Bootstrap .rwzSelected .rwzLink:before {
    border-color: #FF9801 !important;
    background-color: #FF9801 !important;
}

.RadWizard_Bootstrap .WizardPriorSteps .rwzLink, .RadWizard_Bootstrap .WizardPriorSteps .rwzLink:before {
    border-color: white !important;
    background-color: #FED9A0 !important;
}

.RadToolBar_Bootstrap .rtbOuter {
    background-color: white !important;
}

.telerik-button {
    cursor: pointer;
}

/* Sliding animation for RadWindow */
.radwindow-slide {
    left: auto !important;
    right: 0 !important;
    top: 0 !important;
    transform: translateX(100%);
    transition: transform 0.5s ease-out;
    border: none !important;
    background: white !important;
    box-shadow: -5px 0px 15px rgba(0, 0, 0, 0.3) !important;
}

    .radwindow-slide.radwindow-shown {
        transform: translateX(0);
    }

    .radwindow-slide .rwTable {
        border: none !important;
    }

    .radwindow-slide .rwInnerContent {
        padding: 0 !important;
        margin: 0 !important;
    }

/* used on asp panel to render as an inline-block element instead of a block-level */
.panelInline {
    display: inline-block;
    flex-direction: row;
}

/* to set Rad Check Box so that the check box will align with a text */
.RadButton .rbText {
    vertical-align: baseline !important;
}

/*Start of Insight Tag*/
.tags-area {
    display: flex;
    flex-wrap: wrap; /* Allows tags to wrap to the next line if needed */
    gap: 5px; /* Space between tags */
    margin-top: 10px; /* Space above tags */
}

.tag {
    padding: 1px 8px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: bold;
    font-family: "Poppins", helvetica, "segoe ui", verdana, arial, sans-serif;
}

.insight1 {
    background-color: #ECFDF3; /* Rising Stars */
    color: #027948;
}

.insight2 {
    background-color: #FFEAEA; /* NonProducingAgent */
    color: #F40000;
}

.insight3 {
    background-color: #FFF9EA; /* BuyerSpecialist */
    color: #FFB911;
}

.insight4 {
    background-color: #F4F4F4; /* SellerSpecialist */
    color: #7A7A7A;
}

.insight5 {
    background-color: #FFEFDF; /* ManagingBrokerManager */
    color: #7B3E00;
}

.insight6 {
    background-color: #EEEEFF; /* SalesIn90Days */
    color: #0404E6;
}

.insight7 {
    background-color: #EBF4FF; /* Trending Upward Productivity */
    color: #2E90FB;
}

.insight8 {
    background-color: #FFF3EC; /* Most-Improved Agent */
    color: #FD8539;
}

.insight9 {
    background-color: #FFFFDF; /* HighFailureAgent */
    color: #B7B700;
}

.insight10 {
    background-color: #EEF8FB; /* NewConstructionSpecialist */
    color: #3599BF;
}

.insight11 {
    background-color: #F5FBE6; /* NewlyLicensedAgent */
    color: #85BB00;
}

.insight12 {
    background-color: #FEEAFF; /* Crash & Burn */
    color: #F144FF;
}

.insight13 {
    background-color: #F8F4F1; /* Losing Market Share */
    color: #A27A53;
}

.insight14 {
    background-color: #EDFCFB; /* Low-Performing Agent in High-Performing Office */
    color: #23D1C5;
}

.insight15 {
    background-color: #FAEEFB; /* In High-Turnover Office */
    color: #B436BE;
}

.insight16 {
    background-color: #FFFFDF; /* NoActiveOrPended */
    color: #7B7B00;
}

.insight17 {
    background-color: #F9F5FF; /* CoopTransactionWithMyOffice */
    color: #6941C6;
}

.insight18 {
    background-color: #FDF2FA; /* BestFitAgent */
    color: #C11574;
}

.insight19 {
    background-color: #F8F9FC; /* Closed1Sale */
    color: #363F72;
}

.insight20 {
    background-color: #FAF7E4; /* FormerAgent */
    color: #655916;
}

.insight21 {
    background-color: #EFDFFF; /* MyAgent */
    color: #3E007B;
}

.insightmr_Low {
    background-color: green;
}

.insightmr_Medium {
    background-color: cornflowerblue;
}

.insightmr_High {
    background-color: red;
}

.insightgp_Decelerating {
    background-color: red;
}

.insightgp_Steady {
    background-color: cornflowerblue;
}

.insightgp_Accelerating {
    background-color: green;
}

.tagMoveRisk {
    color: white;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.tagGrowthPotential {
    color: white;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

    .tagGrowthPotential::before {
        content: ""; /* needed to make the element created */
        width: 20px;
        height: 20px;
        flex: 0 0 auto;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        /* SVG embed with a URI. */
        background-image: url('data:image/svg+xml;utf8,\
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">\
      <path d="M12.1499 16.5V18.6" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\
      <path d="M7.1499 22H17.1499V21C17.1499 19.9 16.2499 19 15.1499 19H9.1499C8.0499 19 7.1499 19.9 7.1499 21V22Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>\
      <path d="M6.1499 22H18.1499" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\
      <path d="M12 16C8.13 16 5 12.87 5 9V6C5 3.79 6.79 2 9 2H15C17.21 2 19 3.79 19 6V9C19 12.87 15.87 16 12 16Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\
      <path d="M5.47004 11.65C4.72004 11.41 4.06004 10.97 3.54004 10.45C2.64004 9.44998 2.04004 8.24998 2.04004 6.84998C2.04004 5.44998 3.14004 4.34998 4.54004 4.34998H5.19004C4.99004 4.80998 4.89004 5.31998 4.89004 5.84998V8.84998C4.89004 9.84998 5.10004 10.79 5.47004 11.65Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\
      <path d="M18.5298 11.65C19.2798 11.41 19.9398 10.97 20.4598 10.45C21.3598 9.44998 21.9598 8.24998 21.9598 6.84998C21.9598 5.44998 20.8598 4.34998 19.4598 4.34998H18.8098C19.0098 4.80998 19.1098 5.31998 19.1098 5.84998V8.84998C19.1098 9.84998 18.8998 10.79 18.5298 11.65Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\
    </svg>');
    }

.tagMoveRisk::before {
    content: ""; /* needed to make the element created */
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    /* SVG embed with a URI. */
    background-image: url('data:image/svg+xml;utf8,\
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">\
      <path d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12" \
            stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\
      <path d="M13 11L21.2 2.8" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\
      <path d="M22 6.83V2H17.17" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\
    </svg>');
}

.moreTag {
    padding-left: 5px;
    font-size: 17px;
    font-weight: bold;
    color: #444444;
}

.mr_Low {
    color: green;
}

.mr_Medium {
    color: cornflowerblue;
}

.mr_High {
    color: red;
}

.gp_Inactive {
}

.gp_Decelerating {
    color: red;
}

.gp_Steady {
    color: cornflowerblue;
}

.gp_Accelerating {
    color: green;
}
/*End of Insight Tag*/

/*Start of triple Action Button*/
.tripleActionbutton {
    vertical-align: middle;
    outline: none;
    background: none;
    margin: 0;
    border: none;
    padding: 0;
    width: 100%;
    height: 100%;
    line-height: 0;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    position: relative; /* Ensure positioning context for pseudo-elements */
    transition: background-color 0.5s ease;
}

    .tripleActionbutton.clicked {
        background-color: #E2E2E2; /* Gray background on click */
        border-radius: 50%; /* Round shape */
    }

    .tripleActionbutton.released {
        background-color: transparent;
        border-radius: 50%;
        outline: 1px solid #E2E2E2;
        outline-offset: -2px;
        animation: fadeOutline 0.5s ease forwards;
    }

@keyframes fadeOutline {
    0% {
        outline-color: #E2E2E2;
    }

    100% {
        outline-color: transparent;
    }
}
/*End of triple Action Button*/

/*Start of AgentSearchView*/
.RcAgentSearchViewUC-grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(285px, 1fr));
    gap: 25px;
    padding: 20px;
    background-color: #F8F8F8;
}

.RcAgentSearchViewUC-scroll-container {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    white-space: nowrap;
    width: 100%; /* Adjust as needed */
    gap: 25px;
    padding: 20px;
    background-color: #F8F8F8;
}

    .RcAgentSearchViewUC-scroll-container .RcAgentSearchViewUC-grid-item {
        flex: 0 0 285px;
    }

.RcAgentSearchViewUC-grid-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 15px;
    transition: transform 0.2s;
    border-radius: 20px;
    background-color: #FFFFFF;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    border: 1px solid #E2E2E2;
}

    .RcAgentSearchViewUC-grid-item:hover {
        transform: scale(1.03);
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    }

    .RcAgentSearchViewUC-grid-item.view-more-item {
        display: flex;
        justify-content: center; /* Centers the text horizontally */
        align-items: center; /* Centers the text vertically within this item */
        height: 55px; /* Set a specific height if needed */
        align-self: center; /* Vertically centers only this item in the parent container */
    }

/* Style for the "View More" link itself */
.RcAgentSearchViewUC-grid-itemViewMore {
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    color: #008000;
}


.RcAgentSearchViewUC-agentPic {
    width: 75px;
    height: 75px;
    object-fit: cover;
    border: 2px solid #FFFFFF;
    margin-bottom: 10px;
    cursor: pointer;
}

.RcAgentSearchViewUC-top-area {
    display: flex;
    justify-content: flex-start; /* Aligns items to the left */
    align-items: flex-start; /* Keeps items aligned at the top */
    margin-bottom: 5px;
    width: 100%; /* Takes full width of .grid-item */
    align-self: flex-start; /* Overrides parent’s align-items: center */
}

    .RcAgentSearchViewUC-top-area .RcAgentSearchViewUC-topleft-column {
        flex: 0 0 85px; /* Fixed width of 85px */
        text-align: left; /* Aligns the inline image to the left */
        padding: 0; /* Remove any potential padding */
    }

    .RcAgentSearchViewUC-top-area .RcAgentSearchViewUC-topright-column {
        flex: 1 1 auto; /* Takes remaining space */
        text-align: left;
        padding-left: 5px; /* Small gap between columns; set to 0 if no gap is desired */
    }

.RcAgentSearchViewUC-topright-column {
    display: grid;
    grid-template-columns: auto 25px; /* First column auto-sized, second column for menu */
    grid-template-rows: auto auto; /* Two rows: one for agent info/menu, one for office info */
    align-items: start; /* Align items to the top */
    width: 100%; /* Ensure it takes full width */
}

    .RcAgentSearchViewUC-topright-column .agent-info {
        grid-column: 1; /* First column */
        grid-row: 1; /* First row */
        display: flex;
        flex-direction: column; /* Stack agent name and ID vertically if needed */
        margin-right: 3px; /* Space between agent info and menu */
    }

    .RcAgentSearchViewUC-topright-column .tripleAction {
        grid-column: 2; /* Second column */
        grid-row: 1; /* First row */
        justify-self: end; /* Align to the right */
        width: 25px; /* Fixed width for the small triple menu */
        height: 25px;
        display: flex;
        align-items: center; /* Center menu vertically */
        justify-content: center; /* Center menu horizontally */
    }

    .RcAgentSearchViewUC-topright-column .office-info {
        grid-column: 1 / span 2; /* Span both columns */
        grid-row: 2; /* Second row */
        margin-top: 5px; /* Space between rows */
    }



.RcAgentSearchViewUC-middle-area {
    display: flex;
    justify-content: flex-start; /* Aligns items to the left */
    align-items: flex-start; /* Keeps items aligned at the top */
    margin-bottom: 5px;
    width: 100%; /* Takes full width of .grid-item */
    align-self: flex-start; /* Overrides parent’s align-items: center */
}

    .RcAgentSearchViewUC-middle-area .RcAgentSearchViewUC-middleleft-column {
        flex: 0 0 60px; /* Fixed width of 60px */
        text-align: center;
        padding: 10px;
        font-weight: bold;
        border-radius: 10px;
        border: 1px solid #A4A4A4;
    }

    .RcAgentSearchViewUC-middle-area .RcAgentSearchViewUC-middleright-column {
        flex: 1 1 auto; /* Takes remaining space */
        text-align: left;
        margin-left: 10px; /* Small gap between columns */
        padding: 10px;
        font-weight: bold;
        border-radius: 10px;
        border: 1px solid #A4A4A4;
    }

.RcAgentSearchViewUC-totalSalesHeader {
    font-size: 15px;
}
/*End of AgentSearchView*/

/* Customizing Global Tooltip*/
.RadToolTip, .RadToolTip * {
    z-index: 20000 !important; /* Ensure tooltip appears above other elements */
}

/*  To make the tooltip shown correctly for Bootstrap skin */
.RadToolTip_Bootstrap {
    background-color: white !important;
}

    .RadToolTip_Bootstrap table.rtWrapper td.rtWrapperContent {
        color: #121212 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        font-size: 12px !important;
        font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif !important;
    }

.RadToolTip_Bootstrap {
    border: 1px solid black !important;
    border-radius: 0px !important;
}

    .RadToolTip_Bootstrap.rtVisibleCallout div.rtCallout {
        background-image: none !important;
    }