/* For Easy theme color access from apps hosted in framework*/
:root {
    /*Static Variables (Based On Trimble Standard)*/
    --error-color: #DA212C;
    --disabled-input-color: #595959;
    --disabled-input-background-color: #E1E1E1;
    /*Inherited from Site Customizer*/
    --SiteBackgroundColor: White;
    --OverallFunctionBackgroundColor: #FAFAFA;
    --BaseThemeColor: #21D1F8;
    --MainThemeColorLightened20: #0A9FFF;
    --MainThemeColorLightened50: #A3DBFF;
    --MainThemeColorDarkened: #004470;
    --LeftMenuBackgroundColor: #0063A3;
    --LeftMenuTabBackgroundColor: #0063A3;
    --LeftMenuSelectedBackgroundColor: #0063A3;
    --LeftMenuTabHoverGlow: #0A9FFF;
    --LeftMenuTabFontColor: White;
    --LeftMenuSelectedFontColor: #A3DBFF;
    /*buttons*/
    --ButtonFontColor: White;
    --ButtonBackgroundColor: #005085;
    --ButtonGlowColor: Transparent;
    --ButtonHoverFontColor: #BDE5FF;
    /*textbox*/
    --TextBoxHoverBorderColor: #0A9FFF;
    --TextBoxSelectedBorderColor: #0063A3;
    /*combobox*/
    --ComboBoxFontColor: Black;
    --ComboBoxHoveredFontColor: #0063A3;
    --ComboBoxHoveredBackgroundColor: Transparent;
    --ComboBoxSelectedBackgroundColor: #0063A3;
    --ComboBoxSelectedFontColor: White;
    --ComboBoxBackgroundColor: Transparent;
    --ComboBoxHoveredBorderColor: #0A9FFF;
    --ComboBoxHoveredListItemBackgroundColor: #0063A3;
    --ComboBoxHoveredListItemFontColor: White;
    --ComboBoxSelectedListItemBackgroundColor: $$ComboBoxSelectedListItemBackgroundColor$$;
    --ComboBoxSelectedListItemFontColor: $$ComboBoxSelectedListItemFontColor$$;
    /*checkbox*/
    --CheckBoxFillColor: #0063A3;
    --CheckBoxBackgroundColor: Transparent;
    --CheckBoxLabelBackgroundColor: Transparent;
    --CheckBoxLabelFontColor: Black;
    /*Menu*/
    --MenuFontFamily: Arial;
    --MenuFontColor: Black;
    --MenuBackgroundColor: White;
    --MenuHoverBackgroundColor: Gray;
    --MenuHoverFontColor: White;
    --MenuSelectedBackgroundColor: #0063A3;
    --MenuSelectedFontColor: White;
    --MenuFontSize: 12px;
    --MenuSprite: /AMSApp/WebResource.axd?d=ExhBjI_f5tuDmtVBtrLZi3syWcESJUFEa7odCl54aZcQ8P8TSuacJk3QqNvrzieKxi-GtJXiDAgfMYwItT5Y7ZHmMumzP8aNjOH1mM4LcE7LjSFxJBSjeCRmWkO9ovumWzKAefBQaeFvk-yfAvsR8Wqz5WiiFFdHIjPx49a50gZ8T9JECVB2p-3ep7paWrXiLvL_redQJi8fvQ69s9Y5lw2&t=638847313280000000;
    /*Grid*/
    --GridItemFontColor: Black;
    --GridItemBackgroundColor: Transparent;
    --GridSelectedItemBackgroundColor: #0063A3;
    --GridSelectedItemFontColor: White;
    --GridFooterFontColor: White;
    --GridHoveredItemFontColor: White;
    --GridPagerInfoNumberFontColor: White;
    --GridPagerInfoTextFontColor: LightGrey;
    --GridAlternateItemBackgroundColor: #F5F5F5;
    --GridAlternateItemFontColor: Black;
    --GridHeaderBackgroundColor: #0063A3;
    --GridHeaderFontColor: White;
    --GridPagerFontColor: White;
    --GridPagerBackgroundColor: #0063A3;
    --GridBackgroundColor: White;
    --GridFilterBackgroundColor: White;
    --GridFilterFontColor: Black;
    --GridFooterBackgroundColor: #0063A3;
    /*Tabs*/
    --TabStripFontColor: White;
    --TabStripBackgroundColor: #56BDFF;
    --TabStripContentFontColor: White;
    --TabStripContentBackgroundColor: #0063A3;
    /*Site Settings*/
    --PageNameFontColor: White;
    --SiteFontFamily: Arial;
    --SiteFontColor: #0063A3;
    --SiteFontSize: 11px;
    --LinkFontColor: Black;
    --VisitedLinkFontColor: #0063A3;
    --SubHeaderFontColor: White;
    --SubHeaderBackgroundColor: #0063A3;
    --AjaxBackgroundColor: Black;
    --AjaxBackgroundTransparency: 0.15;
    --AjaxImageTransparency: 1;
    /*Computed Shared Styles*/
    /*input shared rules*/
    --DefaultInputFontColor: var(--ComboBoxFontColor); /*There is no Textbox customize control so importing values from the combobox*/
    --DefaultInputBorderColor: var(--ComboBoxFontColor); /*There is no Textbox customize control so importing values from the combobox*/
    --InputBackground-color: var(--ComboBoxBackgroundColor); /*There is no Textbox customize control so importing values from the combobox*/
    --DefaultInputBorderStyle: solid;
    --DefaultInput_0_BorderWidth: 0;
    --DefaultInputBottomBorderWidth: 2px;
    --DefaultInputBorderWidth: var(--DefaultInput_0_BorderWidth) var(--DefaultInput_0_BorderWidth) var(--DefaultInputBottomBorderWidth) var(--DefaultInput_0_BorderWidth) !important;
    --FocusedInputBorderColor: var(--ComboBoxHoveredBorderColor);
    --FocusedInputFontColor: var(--DefaultInputFontColor);
    --HoveredInputFontColor: var(--ComboBoxHoveredBorderColor);
    --HoveredInputBorderColor: var(--ComboBoxHoveredBorderColor);
    --InvalidInputBorderColor: var(--error-color);
    --ValidationFailedTextColor: var(--error-color);
    --DisabledInputBorderColor: var(--disabled-input-color);
    --ComboboxDisabled_BG: var(--disabled-input-background-color);
    --ComboboxDisabled_FontColor: var(--disabled-input-color);
    /*These Variables manipulated client side so all should have a fallback implied by property default or set manually var(--someValue,1) */
    --invertSprites: 0;
    --invertSpriteString: invert(var(--invertSprites)) contrast(1);
}

/* All Theme Color Assignments*/
body,
html,
.GradientHeaderFont,
.BadgeContent,
.LeftColumn a.RadButton .rbDecorated,
#MainMobileRadTree .rtTop,
#MainMobileRadTree .rtMid,
#MainMobileRadTree .rtBot,
.tickLabel,
.DropDownDiv,
.LowerCaseDropDownDiv,
.LeftColumn .RadTreeView_TMW_v1,
.RadButton_TMW_v1,
.RadButton_TMW_v1.rbSkinnedButton,
.RadButton_TMW_v1 .rbDecorated,
.RadButton_TMW_v1 .rbSecondaryIcon,
.RadButton_TMW_v1.rbVerticalButton,
.RadButton_TMW_v1.rbVerticalButton .rbDecorated,
.RadWindow_TMW_v1 {
    font-family: var(--SiteFontFamily);
}

.RadMenu_TMW_v1 .rmItem {
    font-family: var(--MenuFontFamily);
}

.ProductVersion,
.CopyRight,
.HeaderPageTitle {
    font-family: var(--SiteFontFamily);
    color: var(--PageNameFontColor);
}

    .CopyRight a,
    .UserMenu span {
        color: var(--PageNameFontColor) !important;
    }

a:link {
    color: var(--LinkFontColor);
}

a:visited {
    color: var(--VisitedLinkFontColor);
}

.Color,
.UserMenu .RadMenu_TMW_v1 .rmSlide .rmExpanded,
.ui-widget-header,
.RadWindow_TMW_v1 .rwTopLeft,
.RadWindow_TMW_v1 .rwTopRight,
.RadWindow_TMW_v1 .rwTitlebar,
.RadWindow_TMW_v1 .rwTopResize,
.RadWindow_TMW_v1 .rwFooterLeft,
.RadWindow_TMW_v1 .rwFooterRight,
.RadWindow_TMW_v1 .rwFooterCenter,
.RadWindow_TMW_v1 .rwStatusbar div,
.RadWindow_TMW_v1 .rwStatusbar,
.RadWindow_TMW_v1 .rwBodyLeft,
.RadWindow_TMW_v1 .rwBodyRight,
.RadWindow_TMW_v1 .rwStatusbarRow .rwCorner,
.RadTreeView_TMW_v1_ParameterTreeView .rtSelected .rtIn,
.RadCalendar_TMW_v1 .rcTitlebar,
.RadCalendarMultiView_TMW_v1 .rcTitlebar {
    background-color: var(--BaseThemeColor) !important;
}

.SearchButtonDiv,
.RadGrid_TMW_v1 .rgFilter,
table.TotalTable thead th {
    background-color: var(--ComboBoxHoveredFontColor);
}

.RadComboBox .rcbArrowCell a {
    filter: invert(var(--invertSprites));
}

    table.TotalTable thead th:last-of-type {
        border-right: 1px solid var(--BaseThemeColor);
    }

    table.TotalTable thead th:first-of-type {
        border-left-color: var(--BaseThemeColor);
    }

#ajaxProgress {
    background-color: var(--AjaxBackgroundColor);
    opacity: var(--AjaxBackgroundTransparency);
}

.AnimationWrapper {
    opacity: var(--AjaxImageTransparency);
}

header,
footer,
.RadCalendar_TMW_v1 .rcRow .rcSelected {
    background: var(--BaseThemeColor);
}


.RadCalendarMonthView_TMW_v1 .rcSelected a,
.RadCalendarTimeView_TMW_v1 td.rcSelected a {
    border-color: var(--BaseThemeColor);
    background: var(--BaseThemeColor);
}

.ContentContainer,
.PopupMainContent,
.RadWindow .MainSearchDiv {
    background-color: var(--SiteBackgroundColor);
}

.header a,
.header {
    color: var(--SiteFontColor) !important;
}

.UserMenu .HelpButtonLink {
    color: var(--PageNameFontColor) !important;
}

header.header .RadMenu_TMW_v1 .rmHorizontal img.rmLeftImage + .rmText {
    color: var(--PageNameFontColor);
}

.AppSearchButton:hover .AppSearchButtonGlyph {
    color: var(--MainThemeColorLightened50) !important;
}


.LeftColumn {
    background-color: var(--LeftMenuBackgroundColor);
}


.TileWrap {
    background-color: var(--ButtonBackgroundColor) !important;
}


    .TileWrap:active {
        outline: 4px solid var(--ButtonBackgroundColor);
    }

    .TileWrap:hover {
        outline: 4px solid var(--ButtonBackgroundColor);
    }

    .TileWrap .TileTitle,
    .TileWrap .TileIcon {
        color: var(--ButtonFontColor);
        font-family: var(--SiteFontFamily);
    }

    .TileWrap.GraphTileLarge {
        height: 240px;
        width: 49.5%;
    }




.SubHeaderLabel {
    font-family: var(--SiteFontFamily);
    color: var(--SubHeaderFontColor);
    background-color: var(--SubHeaderBackgroundColor) !important;
}

.ParameterLabel {
    font-family: var(--SiteFontFamily);
    color: var(--SiteFontColor);
    font-size: var(--SiteFontSize);
}

.LabelColor {
    color: var(--SiteFontColor);
}

.AxnLabel {
    font-family: var(--SiteFontFamily);
    font-size: var(--SiteFontSize);
    color: var(--SiteFontColor);
}

    .AxnLabel.SubHeaderLabel {
        color: var(--SubHeaderFontColor);
        font-family: var(--SiteFontFamily);
    }

.ParameterLabelFirst {
    font-family: var(--SiteFontFamily);
    color: var(--SiteFontColor);
    font-size: var(--SiteFontSize);
}

.ParameterLabelInline {
    font-family: var(--SiteFontFamily);
    color: var(--SiteFontColor);
    font-size: var(--SiteFontSize);
}

.AxnRadioButton {
    font-family: var(--SiteFontFamily);
    font-size: var(--SiteFontSize);
    color: var(--SiteFontColor);
}

.AxnRadioButtonList {
    font-family: var(--SiteFontFamily);
    font-size: var(--SiteFontSize);
    color: var(--SiteFontColor);
}


.HomeMessage, [id$="_WelcomeMessageLabel"] {
    font-family: var(--SiteFontFamily);
    color: var(--SiteFontColor);
}


.WebFrameworkBody {
    color: var(--SiteFontColor);
    background: var(--SiteBackgroundColor);
    font-family: var(--SiteFontFamily);
    font-size: var(--SiteFontSize);
}

table.WebFrameworkPageContent {
    background-color: var(--OverallFunctionBackgroundColor);
}

td.WebFrameworkPageContent, td.navoff {
    background-color: var(--OverallFunctionBackgroundColor);
}



table th {
    color: var(--SiteFontColor);
}




/*============TMW Color For Telerik Controls============*/
/*#region Menu Skin */

.RadMenu_TMW_v1 {
    font: normal var(--MenuFontSize) var(--MenuFontFamily),Helvetica,sans-serif;
}

    .RadMenu_TMW_v1 .rmGroup {
        background-color: var(--MenuBackgroundColor);
    }

    .RadMenu_TMW_v1 .rmSlide .rmFocused,
    .RadMenu_TMW_v1 .rmSlide .rmFocused:hover {
        background: var(--MenuHoverBackgroundColor);
    }

    .RadMenu_TMW_v1 .rmSlide .rmSelected,
    .RadMenu_TMW_v1 .rmSlide .rmSelected:hover {
        background: var(--MenuSelectedBackgroundColor);
    }

    .RadMenu_TMW_v1 .rmGroup .rmFocused, .RadMenu_TMW_v1 .rmGroup .rmSelected, .RadMenu_TMW_v1 .rmGroup .rmExpanded, .RadMenu_TMW_v1 .rmGroup .rmExpanded:hover, .RadMenu_TMW_v1 .rmGroup .rmFocused:hover, .RadMenu_TMW_v1 .rmGroup .rmSelected:hover {
        background-color: var(--MenuSelectedBackgroundColor) !important;
    }

    .RadMenu_TMW_v1 .rmExpandTop,
    .RadMenu_TMW_v1 .rmExpandDown,
    .RadMenu_TMW_v1 .rmExpandRight,
    .RadMenu_TMW_v1 .rmExpandLeft {
        background-image: url('/AMSApp/WebResource.axd?d=ExhBjI_f5tuDmtVBtrLZi3syWcESJUFEa7odCl54aZcQ8P8TSuacJk3QqNvrzieKxi-GtJXiDAgfMYwItT5Y7ZHmMumzP8aNjOH1mM4LcE7LjSFxJBSjeCRmWkO9ovumWzKAefBQaeFvk-yfAvsR8Wqz5WiiFFdHIjPx49a50gZ8T9JECVB2p-3ep7paWrXiLvL_redQJi8fvQ69s9Y5lw2&t=638847313280000000');
    }

    .RadMenu_TMW_v1 .rmExpanded .rmExpandRight {
        color: var(--MenuSelectedFontColor) !important;
    }

    .RadMenu_TMW_v1 .rmGroup .rmFocused .rmExpandRight, .RadMenu_TMW_v1 .rmGroup .rmSelected .rmExpandRight, .RadMenu_TMW_v1 .rmGroup .rmExpanded .rmExpandRight {
        color: var(--MenuSelectedFontColor) !important;
    }

    .RadMenu_TMW_v1 .rmFocused .rmText {
        color: var(--MenuSelectedFontColor) !important;
    }


    .RadMenu_TMW_v1 .rmTopArrow, .RadMenu_TMW_v1 .rmBottomArrow, .RadMenu_TMW_v1 .rmLeftArrow, .RadMenu_TMW_v1 .rmRightArrow {
        background-image: url('/AMSApp/WebResource.axd?d=ExhBjI_f5tuDmtVBtrLZi3syWcESJUFEa7odCl54aZcQ8P8TSuacJk3QqNvrzieKxi-GtJXiDAgfMYwItT5Y7ZHmMumzP8aNjOH1mM4LcE7LjSFxJBSjeCRmWkO9ovumWzKAefBQaeFvk-yfAvsR8Wqz5WiiFFdHIjPx49a50gZ8T9JECVB2p-3ep7paWrXiLvL_redQJi8fvQ69s9Y5lw2&t=638847313280000000');
    }

    .RadMenu_TMW_v1 .rmRootGroup .rmTopArrow, .RadMenu_TMW_v1 .rmRootGroup .rmBottomArrow, .RadMenu_TMW_v1 .rmRootGroup .rmLeftArrow, .RadMenu_TMW_v1 .rmRootGroup .rmRightArrow /*TODO Create User Theme Control for this*/ {
        border-color: var(--MainThemeColorDarkened);
        background-color: var(--MainThemeColorLightened20);
    }

.RadGrid_TMW_v1 .rgMasterTable .rgActiveCell,
.RadGrid_TMW_v1 .rgActiveRow td,
.RadGrid_TMW_v1 .rgSelectedRow td,
.RadGrid_TMW_v1 .rgActiveRow td.rgSorted,
.RadGrid_TMW_v1 .rgSelectedRow td.rgSorted,
.RadGrid_TMW_v1 .rgNumPart a.rgCurrentPage:hover {
    border-color: var(--MainThemeColorDarkened);
}


.RadMenu_TMW_v1 .rmItem {
    font-family: var(--MenuFontFamily);
}


.RadMenu_TMW_v1 .rmLevel1 .rmItem .rmText,
.RadMenu_TMW_v1 .rmLevel2 .rmItem .rmText {
    color: var(--MenuFontColor)!important;
}

.RadMenu_TMW_v1 .rmSlide .rmLink.rmExpanded .rmText.rmExpandRight:hover {
    background-color: var(--MenuHoverBackgroundColor);
    color: var(--MenuHoverFontColor)!important;
}

.RadMenu_TMW_v1 .rmSlide .rmItem:hover {
    background-color: var(--MenuHoverBackgroundColor);
}

.RadMenu_TMW_v1 .rmSlide .rmText:hover {
    color: var(--MenuHoverFontColor) !important;
}

.RadMenu_TMW_v1 .rmSlide {
    border-top: solid 4px var(--BaseThemeColor);
}

.RadMenu_TMW_v1 .rmRootGroup > .rmItem > .rmSlide {
    color: var(--BaseThemeColor) !important;
}


.RadMenu_TMW_v1 .rmSlide .rmItem .rmExpanded .rmText {
    color: var(--MenuSelectedFontColor)!important;
    border-color: var(--BaseThemeColor) !important;
 }

.RadTreeView_TMW_v1 .rtChecked,
.RadTreeView_TMW_v1 .rtUnchecked,
.RadTreeView_TMW_v1 .rtIndeterminate,
.RadTreeView_TMW_v1_ParameterTreeView .rtChecked,
.RadTreeView_TMW_v1_ParameterTreeView .rtUnchecked,
.RadTreeView_TMW_v1_ParameterTreeView .rtIndeterminate,
.RadButton_TMW_v1 .rbToggleCheckbox,
.RadButton_TMW_v1 .rbToggleCheckboxChecked,
.RadButton_TMW_v1 .rbToggleCheckboxFilled,
.RadButton_TMW_v1 .rbToggleRadio,
.RadButton_TMW_v1 .rbToggleRadioChecked {
    background-image: url('/AMSApp/WebResource.axd?d=7DUYJMLTny8Cf66BDnnsxDIf6oVm3Zt4aWpAfyhhAsr9vKWYa8qGdxx17kacg9qnCVLVDmXZ5LCIVBYros6pfS-1Bwas92mqsimdsCb8AVzFVN8aMQThfb0XLlo4YTXb-3x-IBPOSRNsaThjOaX7W5S7kbrbgOSeSf5d4jgRQ559_VCL_HnDZLjK-CQfzfVheOEuaMqd35HbxiE5AxEsdX7chUyqY6T9Qt-nyuJQK_Y1&t=638847313280000000');
    _background-image: url('/AMSApp/WebResource.axd?d=_QVDpdEWmhuQa-l6Po6f5nEEReOnKhR2spn0ZwX9z6H4eSFyxox6vnGY_SajhtdKecI5THMKAcbRF3Bv2Hha6TSbp2wSKeRKCTokVG_1LvJMfWzmzNYyiaE74Wwt_T4X2iK8r06rywnhZ_32JV7QxJW07yYuSmYDb_4CtutSW1x5qMo2x3ZQESSSxja2X3B5CXjgsl5P-K-qOMK8IzzLY8oRpxdbIOQsmIx8L1dSQAI1&t=638847313280000000');
}

.RadTreeView_TMW_v1 .rtLoadingIcon,
.RadTreeView_TMW_v1_ParameterTreeView .rtLoadingIcon,
.RadGrid_TMW_v1 .rgStatus div,
.Radwindow_TMW_v1 input.rwLoading {
    background-image: url('/AMSApp/WebResource.axd?d=5ryuJI_3I7J6YA592ZKZ-ja3tprP9sOZ6Lssys8BYLmGjNQhlb0ax1QREAPPKcf65NQCp9p06skLSNMxwfgLaFAPzF_GXP-rUFlZkk0ylVn8W-vVUbJWREpl_5hfj0TVS1xBkQ1PwCYWIJtzm5SYMseJDbIklISdXac0IbsjdjHyaNnfTkqFnXRU40GRu46INar89OGriesjB7q98TeuSg2&t=638847313280000000');
}

.RadTreeView_TMW_v1 .rtPlus,
.RadTreeView_TMW_v1 .rtMinus,
.RadTreeView_TMW_v1_ParameterTreeView .rtPlus,
.RadTreeView_TMW_v1_ParameterTreeView .rtMinus {
    background-image: url('/AMSApp/WebResource.axd?d=BnEwWpgR7oo_Cxb-fbZ59p8_6taOUYjatNe5hDBrR5BW_bLQd1iQXto2iPyEKc0FY23rJ6H52qpckxgRhdKmtVD6HBXTSNeAk2lZHrR-UEubdjtYxpoJF57I3jOjgPnrfegxB3hztUd3R7vabGBpxpRDkawZGFFkQra6rvb-ZdQq0hfChCA8B-HwSitoKfQSP9xYDnV68sV29dFae-KN4w2&t=638847313280000000');
}



/*these are common to large and small tabs*/
.RadTreeView_TMW_v1 .rtUL {
    background-color: var(--LeftMenuTabBackgroundColor);
}

.LeftColumn .RadTreeView_TMW_v1 .rtLI {
    color: var(--LeftMenuTabFontColor);
}

.LeftColumn .RadTreeView_TMW_v1 .rtSelected {
    background-color: var(--LeftMenuSelectedBackgroundColor);
}

.LeftColumn .RadTreeView_TMW_v1 .rtHover,
.LeftColumn .RadTreeView_TMW_v1 .rtSelected {
    color: var(--LeftMenuSelectedFontColor) !important;
}

.RadButton_TMW_v1.AxnButton .rbText {
    color: var(--ButtonFontColor);
}

.RadButton_TMW_v1.rbSkinnedButton .rbDecorated {
    background-color: var(--ButtonBackgroundColor);
}


.RadButton_TMW_v1.rbLinkButton .rbText {
    color: var(--ButtonFontColor) !important;
}

.RadButton_TMW_v1 .rbSplitRight:focus,
.RadButton_TMW_v1 .rbSplitRight:active,
.RadButton_TMW_v1.rbLinkButton .rbSplitRight:focus,
.RadButton_TMW_v1.rbLinkButton .rbSplitRight:active {
    background-color: var(--ButtonBackgroundColor);
    border-left: 1px solid var(--ButtonBackgroundColor);
}

.RadButton_TMW_v1 .rbSplitLeft:focus,
.RadButton_TMW_v1 .rbSplitLeft:active,
.RadButton_TMW_v1.rbLinkButton .rbSplitLeft:focus,
.RadButton_TMW_v1.rbLinkButton .rbSplitLeft:active {
    background-color: var(--ButtonBackgroundColor);
    border-right: 1px solid var(--ButtonBackgroundColor);
}



.RadButton_TMW_v1 .rbSplitLeft:focus,
.RadButton_TMW_v1 .rbSplitLeft:active,
.RadButton_TMW_v1.rbLinkButton .rbSplitLeft:focus,
.RadButton_TMW_v1.rbLinkButton .rbSplitLeft:active {
    background-color: var(--ButtonBackgroundColor);
    border-right: 1px solid var(--ButtonBackgroundColor);
}

.RadButton_TMW_v1.rbSkinnedButton,
.RadButton_TMW_v1.rbVerticalButton,
.RadButton_TMW_v1 .rbDecorated {
    background-color: var(--ButtonBackgroundColor);
}


.RadButton_TMW_v1.rbSkinnedButtonChecked,
.RadButton_TMW_v1.rbSkinnedButtonChecked:hover,
.RadButton_TMW_v1.rbSkinnedButtonChecked input.rbDecorated,
.RadButton_TMW_v1.rbSkinnedButtonChecked:hover .rbDecorated {
    background-color: var(--ButtonBackgroundColor);
    border: 1px solid var(--ButtonBackgroundColor);
}

.RadButton_TMW_v1 .rbToggleCheckbox,
.RadButton_TMW_v1 .rbToggleCheckboxChecked,
.RadButton_TMW_v1 .rbToggleCheckboxFilled {
    background-color: var(--CheckBoxFillColor);
    border: none !important;
}

.RadButton_TMW_v1.rbToggleButton:focus span.rbPrimaryIcon.rbToggleCheckbox,
.RadButton_TMW_v1.rbToggleButton:focus span.rbPrimaryIcon.rbToggleCheckboxChecked {
    box-shadow: var(--CheckBoxFillColor) 0 0px 1px 2px;
}

.RadButton_TMW_v1 .rbToggleRadio {
    background-color: var(--ButtonBackgroundColor);
}
.RadButton_TMW_v1 .rbToggleRadioChecked {
    background-color: var(--CheckBoxFillColor);
}

.RadioButtonGroup label {
    background-color: var(--ButtonBackgroundColor);
    color: var(--ButtonFontColor);
}

.RadioButtonGroup input[type="radio"]:checked + label { 
    color: var(--ButtonFontColor) !important;
}

.RadioButtonGroup input[type="radio"]:focus + label,
.RadioButtonGroup label:hover {
  color: var(--ButtonHoverFontColor) !important;
}

.RadButton_TMW_v1.rbToggleButton:focus span.rbPrimaryIcon.rbToggleRadio,
.RadButton_TMW_v1.rbToggleButton:focus span.rbPrimaryIcon.rbToggleRadioChecked {
    box-shadow: var(--ButtonBackgroundColor) 0 0px 1px 2px;
}

.RadButton_TMW_v1.rbToggleButton,
.RadButton_TMW_v1.rbToggleButton.rbDisabled,
.RadButton_TMW_v1.rbToggleButton.rbDisabled:hover,
.RadButton_TMW_v1.rbDisabled .rbDecorated,
.RadButton_TMW_v1.rbDisabled:hover .rbDecorated,
.RadButton_TMW_v1.rbToggleButton:hover {
    color: var(--CheckBoxBackgroundColor);
    border: solid var(--CheckBoxBackgroundColor) !important;
}

.RadButton_TMW_v1.RadButton.rbLinkButton {
    background-color: var(--ButtonBackgroundColor) !important;
}



    .RadButton_TMW_v1.RadButton.rbLinkButton:active,
    .RadButton_TMW_v1.RadButton.rbLinkButtonChecked {
        background-color: var(--ButtonBackgroundColor);
    }


.RadButton_TMW_v1 .rbText {
    color: var(--SiteFontColor) !important;
    font-family: var(--SiteFontFamily);
}


.RadButton_TMW_v1:focus .rbText {
    color: var(--MainThemeColorLightened50) !important;
}


.RadButton_TMW_v1 .classHoveredImage .rbDecorated,
.RadButton_TMW_v1.rbLinkButtonChecked .rbText,
.SearchButtonDiv:hover .AppSearchButtonGlyph,
.RadButton_TMW_v1.rbSkinnedButton:hover .rbDecorated,
.RadButton_TMW_v1.rbLinkButton:hover,
.RadButton_TMW_v1.rbLinkButton:hover .rbText,
.RadButton_TMW_v1.rbDecorated:focus {
   color: var(--ButtonHoverFontColor) !important;
}

.RadButton_TMW_v1.RadButton.rbLinkButton:active,
.RadButton_TMW_v1.RadButton.rbLinkButtonChecked,
.RadButton_TMW_v1.rbSkinnedButton,
.RadButton_TMW_v1.rbVerticalButton,
.RadButton_TMW_v1 .rbDecorated {
    background-color: var(--ButtonBackgroundColor) !important;
}

.RadButton_TMW_v1 .rbDisabled.classHoveredImage .rbDecorated,
.RadButton_TMW_v1.rbLinkButtonChecked.rbDisabled .rbText,
.RadButton_TMW_v1.rbDisabled.rbSkinnedButton:hover .rbDecorated,
.RadButton_TMW_v1.rbDisabled.rbLinkButton:hover,
.RadButton_TMW_v1.rbDisabled.rbLinkButton:hover .rbText,
.RadButton_TMW_v1.rbDisabled.rbDecorated:focus {
    color: var(--ButtonFontColor) !important;
}


.AxnCheckBoxWithLabel {
    background-color: var(--CheckBoxLabelBackgroundColor)!important;
    color: var(--CheckBoxLabelFontColor) !important;
}

.RadButton_TMW_v1.AxnCheckBoxWithLabel .rbText {
    color: var(--CheckBoxLabelFontColor) !important;
    background-color: var(--CheckBoxLabelBackgroundColor) !important;
    font-size: var(--SiteFontSize);
    font-family: var(--SiteFontFamily);
}

.RadButton_TMW_v1.AxnCheckBox {
    background-color: var(--CheckBoxBackgroundColor) !important;
    border:none!important;
}


html body .RadInput_TMW_v1 .riError,
html body .RadInput_Error_TMW_v1 {
    background: #f6f6f6 100% -298px no-repeat url('/AMSApp/WebResource.axd?d=lSZdpa-Xuhyz95_e8R52Mg7m7NNUDzgnmaSkb-tsinfNA73Hx7jC7dvTLX5ndeRPLH03uQVQxMRXaaH_ejOzY3UbRbbIGhmZHHUtgG8BiddGmg5iVyuvIsA5P_O0wg04TkXgejGwe32qpcJXE9zhkHbaB_2xRIQxw4cECOimaPUh3YvGB_RZuRBePyj45fWjJtOCQcIp3rHTvkCZN0rp6Q2&t=638847313280000000');
}

.RadForm.rfdTextbox .RadInput_TMW_v1 .riError[type="text"],
.RadForm.rfdTextbox .RadInput_Error_TMW_v1[type="text"] {
    background: #fff 100% -298px no-repeat url('/AMSApp/WebResource.axd?d=lSZdpa-Xuhyz95_e8R52Mg7m7NNUDzgnmaSkb-tsinfNA73Hx7jC7dvTLX5ndeRPLH03uQVQxMRXaaH_ejOzY3UbRbbIGhmZHHUtgG8BiddGmg5iVyuvIsA5P_O0wg04TkXgejGwe32qpcJXE9zhkHbaB_2xRIQxw4cECOimaPUh3YvGB_RZuRBePyj45fWjJtOCQcIp3rHTvkCZN0rp6Q2&t=638847313280000000');
}

.RadInput_TMW_v1 a {
    background: transparent no-repeat url('/AMSApp/WebResource.axd?d=lSZdpa-Xuhyz95_e8R52Mg7m7NNUDzgnmaSkb-tsinfNA73Hx7jC7dvTLX5ndeRPLH03uQVQxMRXaaH_ejOzY3UbRbbIGhmZHHUtgG8BiddGmg5iVyuvIsA5P_O0wg04TkXgejGwe32qpcJXE9zhkHbaB_2xRIQxw4cECOimaPUh3YvGB_RZuRBePyj45fWjJtOCQcIp3rHTvkCZN0rp6Q2&t=638847313280000000');
}

html body .RadInput_TMW_v1 .riHover,
html body .RadInput_Hover_TMW_v1 {

}

.RadInput_TMW_v1 .riFocused {

}

.RadComboBox_TMW_v1 {
    color: var(--ComboBoxFontColor);
}

    .RadComboBox_TMW_v1 .rcbInputCellLeft {
        background-color: var(--ComboBoxBackgroundColor); /*Defaults to white*/
    }
           

    .RadComboBox_TMW_v1 .rcbInput {
        color: var(--ComboBoxFontColor);
    }

    .RadComboBox_TMW_v1 .rcbArrowCell {
        color: var(--ComboBoxFontColor);
        background-image: url('/AMSApp/WebResource.axd?d=Dgm0wLxlXQKCXqvsjaCN5JKAW7RtUJy3z19qi4bPftguh-5TlFRBZJrdz-Do3lsyxLofpm-PZNttgSe08bKqaIin_oQjkoZLvOW4SME1x5T1KoljA5NwYYFeACMUqAsj8kJgHOwSDHRsJh82tao8zt_shH1DpSxMcEf2AamG37g6XxiaPZ1dub11_eqcVK5dtvNFpHYh7WoOmONXm3VdrA2&t=638847313280000000');
    }

    .RadComboBox_TMW_v1 td.rcbArrowCellRight {
        background: var(--ButtonBackgroundColor) url('/AMSApp/WebResource.axd?d=WUpQ9Wo57TEPycq3FhLB_6p8daw4Mve83NUD1On0A3ZMx1r1e9IQVVhLQioaeNacpxvkNcd3jyOSPrV1DC6pHoS-mjvDrmjshxcZFTwNtm5-bAbHsoOwkJiOM4g-r_JslUlQGxniCUncH6pVILJRYoQPKhvM7Gigkd3InDYo5Mb2JysAsEtXVfkrvjL50FpORAn33KBDnsNydH6NI6n4Nw2&t=638847313280000000') no-repeat top left;
    }

.RadGrid_TMW_v1 .rgSelectedRow .RadComboBox_TMW_v1 .rcbArrowCell a {
    background: var(--ButtonBackgroundColor) url('/AMSApp/WebResource.axd?d=WUpQ9Wo57TEPycq3FhLB_6p8daw4Mve83NUD1On0A3ZMx1r1e9IQVVhLQioaeNacpxvkNcd3jyOSPrV1DC6pHoS-mjvDrmjshxcZFTwNtm5-bAbHsoOwkJiOM4g-r_JslUlQGxniCUncH6pVILJRYoQPKhvM7Gigkd3InDYo5Mb2JysAsEtXVfkrvjL50FpORAn33KBDnsNydH6NI6n4Nw2&t=638847313280000000') no-repeat top left;
}

/* Pager page size colors */
tr.rgPager td.rgPagerCell td.rcbInputCell {
    background-color: var(--GridPagerBackgroundColor);
}

    tr.rgPager td.rgPagerCell td.rcbInputCell > input {
        color: var(--GridPagerFontColor) !important;
    }

.RadComboBox_TMW_v1 .rcbHovered .rcbInputCell {
    color: var(--ComboBoxHoveredFontColor);
    background-color: var(--ComboBoxHoveredBackgroundColor);
}
.RadComboBox_TMW_v1 .rcbHovered .rcbInputCellLeft {
    color: var(--ComboBoxHoveredFontColor);
}
.RadComboBox_TMW_v1 .rcbHovered .rcbInputCellRight {
    color: var(--ComboBoxHoveredFontColor);
}


.RadComboBox_TMW_v1 .rcbHovered .rcbInput {
    color: var(--ComboBoxHoveredFontColor);
}

.RadComboBox_TMW_v1 .rcbHovered .rcbArrowCell {
    color: var(--ComboBoxHoveredFontColor);
    background-color: var(--ComboBoxHoveredFontColor);
}

.RadComboBox_TMW_v1 table.rcbHovered {

}

._Telerik_IE9 .RadComboBox_TMW_v1 table.rcbHovered {
    outline: 1px solid var(--ComboBoxHoveredBorderColor);
}




.RadComboBox_TMW_v1 .rcbFocused .rcbInputCell {
    border-color: var(--ComboBoxHoveredBorderColor);
    background-color: var(--ComboBoxSelectedBackgroundColor);
}

.RadComboBox_TMW_v1 .rcbFocused .rcbInput {
    color: var(--ComboBoxSelectedFontColor);
}

.RadComboBox_TMW_v1 .rcbFocused .rcbArrowCell {
    color: var(--ButtonGlowColor);
}


.RadComboBox_TMW_v1 .rcbReadOnly td.rcbArrowCellRight {
    background: var(--ButtonBackgroundColor) url('/AMSApp/WebResource.axd?d=WUpQ9Wo57TEPycq3FhLB_6p8daw4Mve83NUD1On0A3ZMx1r1e9IQVVhLQioaeNacpxvkNcd3jyOSPrV1DC6pHoS-mjvDrmjshxcZFTwNtm5-bAbHsoOwkJiOM4g-r_JslUlQGxniCUncH6pVILJRYoQPKhvM7Gigkd3InDYo5Mb2JysAsEtXVfkrvjL50FpORAn33KBDnsNydH6NI6n4Nw2&t=638847313280000000') no-repeat top left;
}



/*Focused Styles*/
.RadComboBox_TMW_v1 .rcbFocused .rcbInputCellLeft {
    color: var(--ComboBoxSelectedFontColor);
}

.RadComboBox_TMW_v1 .rcbFocused td.rcbInputCellRight {
    color: var(--BaseThemeColor);
}

.RadComboBox_TMW_v1 .rcbFocused .rcbReadOnly .rcbInputCell {
    border-color: var(--ComboBoxSelectedFontColor);
    color: var(--ComboBoxSelectedFontColor);
    background-color: var(--ComboBoxSelectedBackgroundColor);
}

.RadComboBox_TMW_v1 .rcbFocused .rcbReadOnly .rcbInput {
    color: var(--ComboBoxSelectedFontColor);
}



.RadComboBox_TMW_v1 .rcbFocused .rcbReadOnly .rcbArrowCellLeft.rcbArrowCellHidden,
.RadComboBox_TMW_v1 .rcbFocused .rcbReadOnly .rcbArrowCellRight.rcbArrowCellHidden {
    border-color: var(--ComboBoxSelectedFontColor);
    background-color: var(--ComboBoxSelectedFontColor);
}



.RadComboBoxDropDown_TMW_v1 .rcbMoreResults a {
    background-image: url('/AMSApp/WebResource.axd?d=Dgm0wLxlXQKCXqvsjaCN5JKAW7RtUJy3z19qi4bPftguh-5TlFRBZJrdz-Do3lsyxLofpm-PZNttgSe08bKqaIin_oQjkoZLvOW4SME1x5T1KoljA5NwYYFeACMUqAsj8kJgHOwSDHRsJh82tao8zt_shH1DpSxMcEf2AamG37g6XxiaPZ1dub11_eqcVK5dtvNFpHYh7WoOmONXm3VdrA2&t=638847313280000000');
}



.RadComboBox_TMW_v1 .rcbHovered .rcbInputCell .rcbInput {
    border-color: var(--ComboBoxHoveredBorderColor) !important;
}

.RadComboBox_TMW_v1 .rcbHovered .rcbArrowCellRight {
    background: #019bfc url('/AMSApp/WebResource.axd?d=WUpQ9Wo57TEPycq3FhLB_6p8daw4Mve83NUD1On0A3ZMx1r1e9IQVVhLQioaeNacpxvkNcd3jyOSPrV1DC6pHoS-mjvDrmjshxcZFTwNtm5-bAbHsoOwkJiOM4g-r_JslUlQGxniCUncH6pVILJRYoQPKhvM7Gigkd3InDYo5Mb2JysAsEtXVfkrvjL50FpORAn33KBDnsNydH6NI6n4Nw2&t=638847313280000000') no-repeat top left;
}



.RadComboBox_TMW_v1 .rcbReadOnly td.rcbArrowCellRight {
    background: #2B4F75 url('/AMSApp/WebResource.axd?d=WUpQ9Wo57TEPycq3FhLB_6p8daw4Mve83NUD1On0A3ZMx1r1e9IQVVhLQioaeNacpxvkNcd3jyOSPrV1DC6pHoS-mjvDrmjshxcZFTwNtm5-bAbHsoOwkJiOM4g-r_JslUlQGxniCUncH6pVILJRYoQPKhvM7Gigkd3InDYo5Mb2JysAsEtXVfkrvjL50FpORAn33KBDnsNydH6NI6n4Nw2&t=638847313280000000') no-repeat top left;
}


.RadComboBoxDropDown_TMW_v1 .rcbHovered {
    background-color: var(--ComboBoxHoveredListItemBackgroundColor);
    color: var(--ComboBoxHoveredListItemFontColor);
}

.RadComboBox_TMW_v1 .rcbDisabled td.rcbArrowCellLeft {
    background: transparent url('/AMSApp/WebResource.axd?d=wM-y4FQ-OhaIkEyB-grgaLpJCq_nRSBUke_loqh3f8o7RrREC0_RPU_u-ifpYfmwmecKONPY3uO2_PoqEWy-wH8qePbXgfUaAr28-QsNQ8JX0TxT2EYOmnEPA_tHV947Q9u8bh2Uqtbc6nNJ23C_BU1ulk4I7Xk8rgGzWrKqVSB6l7uU7x22pW3uoo_QnDfPij0XMdlaMxFepYHQjWj_bVei-QDfiKwxwRzReRgHt0I1&t=638847313280000000') no-repeat top left;
}

.RadComboBox_TMW_v1 .rcbDisabled td.rcbArrowCellRight {
    background: transparent url('/AMSApp/WebResource.axd?d=wM-y4FQ-OhaIkEyB-grgaLpJCq_nRSBUke_loqh3f8o7RrREC0_RPU_u-ifpYfmwmecKONPY3uO2_PoqEWy-wH8qePbXgfUaAr28-QsNQ8JX0TxT2EYOmnEPA_tHV947Q9u8bh2Uqtbc6nNJ23C_BU1ulk4I7Xk8rgGzWrKqVSB6l7uU7x22pW3uoo_QnDfPij0XMdlaMxFepYHQjWj_bVei-QDfiKwxwRzReRgHt0I1&t=638847313280000000') no-repeat top left;
}

.RadComboBox_TMW_v1 .rcbDisabled .rcbReadOnly td.rcbArrowCellRight {
    background: transparent url('/AMSApp/WebResource.axd?d=wM-y4FQ-OhaIkEyB-grgaLpJCq_nRSBUke_loqh3f8o7RrREC0_RPU_u-ifpYfmwmecKONPY3uO2_PoqEWy-wH8qePbXgfUaAr28-QsNQ8JX0TxT2EYOmnEPA_tHV947Q9u8bh2Uqtbc6nNJ23C_BU1ulk4I7Xk8rgGzWrKqVSB6l7uU7x22pW3uoo_QnDfPij0XMdlaMxFepYHQjWj_bVei-QDfiKwxwRzReRgHt0I1&t=638847313280000000') no-repeat top left;
}



/*Cant customize this at this point as there isnt a way to customize the kendo equivelent*/
/*.rcbItem {
    color: var(--ComboBoxFontColor);
    background-color: var(--ComboBoxBackgroundColor);
}*/


.RadComboBox_TMW_v1 .rcbHovered .rcbArrowCellRight,
.RadComboBox_TMW_v1 .rcbFocused .rcbArrowCellRight {
    background-color: var(--ButtonBackgroundColor) !important;
}


.RadGrid_TMW_v1 {
    color: var(--GridItemFontColor);
    background-color: var(--GridBackgroundColor);
}


    .RadGrid_TMW_v1 .rgAdd,
    .RadGrid_TMW_v1 .rgRefresh,
    .RadGrid_TMW_v1 .rgEdit,
    .RadGrid_TMW_v1 .rgDel,
    .RadGrid_TMW_v1 .rgFilter,
    .RadGrid_TMW_v1 .rgExpand,
    .RadGrid_TMW_v1 .rgCollapse,
    .RadGrid_TMW_v1 .rgSortAsc,
    .RadGrid_TMW_v1 .rgSortDesc,
    .RadGrid_TMW_v1 .rgUpdate,
    .RadGrid_TMW_v1 .rgCancel,
    .RadGrid_TMW_v1 .rgUngroup {
        background-image: url('/AMSApp/WebResource.axd?d=qTfjs9zhP9tXXRgMvZt6yqult-QDR9CkDc7HUcSveECRkUk9rD7fl5kGxM902hfACUdFWoQ0aH_bl9R0uXY7TNsAb4xSuuzbBMsCviMvkvfyYcOKU66hh9iPPcQznB3fdrwOEFqKls1vEngABkSb2QWRBSILX67gXq6LEtSngwcaEVuqtkMT0nQ9tj1T2G3gFxQJcQ71b7oByDNoHykiKQ2&t=638847313280000000');
    }

    .RadGrid_TMW_v1 .rgPagePrev,
    .RadGrid_TMW_v1 .rgPageNext,
    .RadGrid_TMW_v1 .rgPageFirst,
    .RadGrid_TMW_v1 .rgPageLast {
        background-color: var(--GridPagerBackgroundColor) !important;
        color: var(--GridPagerFontColor);
    }


.rgPageFirst:Hover, .rgPagePrev:Hover, .rgPageNext:Hover, .rgPageLast:Hover {
    color: var(--ButtonHoverFontColor) !important;
}


.RadGrid .rgFilterBox {
    background-color: var(--GridFilterBackgroundColor);
}

.RadGrid_TMW_v1 .rgFilterBox {
    color: var(--GridFilterFontColor) !important;
}



.RadGrid_TMW_v1 .rgHeaderDiv {
    background: var(--GridHeaderBackgroundColor) !important;
    background-color: var(--GridHeaderBackgroundColor) !important; /*TODO set with configuration variable*/
}

.RadGrid_TMW_v1 .rgHeader {
    color: var(--GridHeaderFontColor); /*default value: white*/
    font-family: var(--SiteFontFamily)!important;
    background-color: var(--GridHeaderBackgroundColor)!important;
}

    .RadGrid_TMW_v1 .rgHeader a {
        color: var(--GridHeaderFontColor);
    }


.RadGrid_TMW_v1 .rgRow {
    background-color: var(--GridItemBackgroundColor);
}


.RadGrid_TMW_v1 .rgAltRow {
    background-color: var(--GridAlternateItemBackgroundColor); /*defaults to gray rgba(154, 154, 154, 0.06)*/
}

.RadGrid_TMW_v1 .rgSelectedRow .rgSorted,
.RadGrid_TMW_v1 .rgActiveRow .rgSorted,
.RadGrid_TMW_v1 .rgHoveredRow .rgSorted,
.RadGrid_TMW_v1 .rgEditRow .rgSorted {
    border-color: var(--MainThemeColorDarkened);
    background-color: var(--BaseThemeColor);
}

.RadGrid_TMW_v1 .rgRow a,
.RadGrid_TMW_v1 .rgAltRow a {
    color: var(--GridAlternateItemFontColor);
}

.RadGrid_TMW_v1 .rgAltRow {
    color: var(--GridAlternateItemFontColor);
}

.RadGrid_TMW_v1 .rgFooter a {
    color: var(--GridFooterFontColor);
}


.RadGrid_TMW_v1 .rgMasterTable .rgSelectedCell,
.RadGrid_TMW_v1 .rgSelectedRow {
    border-color: var(--MainThemeColorDarkened);
    background-color: var(--GridSelectedItemBackgroundColor) !important; /*defaults to base color*/
    color: var(--GridSelectedItemFontColor) !important; /*defaults to white*/
}

    .RadGrid_TMW_v1 .rgSelectedCell a,
    .RadGrid_TMW_v1 .rgSelectedRow a {
        border-color: var(--MainThemeColorDarkened);
        background-color: var(--GridSelectedItemBackgroundColor) !important;
        color: var(--GridSelectedItemFontColor) !important; /*defaults white?*/
    }

.RadGrid_TMW_v1 .rgMasterTable .rgActiveCell,
.RadGrid_TMW_v1 .rgActiveRow {
    background: white 0 -5200px repeat-x url('/AMSApp/WebResource.axd?d=qTfjs9zhP9tXXRgMvZt6yqult-QDR9CkDc7HUcSveECRkUk9rD7fl5kGxM902hfACUdFWoQ0aH_bl9R0uXY7TNsAb4xSuuzbBMsCviMvkvfyYcOKU66hh9iPPcQznB3fdrwOEFqKls1vEngABkSb2QWRBSILX67gXq6LEtSngwcaEVuqtkMT0nQ9tj1T2G3gFxQJcQ71b7oByDNoHykiKQ2&t=638847313280000000');
}


.RadGrid_TMW_v1 .rgEditRow {
    background: white 0 -4900px repeat-x url('/AMSApp/WebResource.axd?d=qTfjs9zhP9tXXRgMvZt6yqult-QDR9CkDc7HUcSveECRkUk9rD7fl5kGxM902hfACUdFWoQ0aH_bl9R0uXY7TNsAb4xSuuzbBMsCviMvkvfyYcOKU66hh9iPPcQznB3fdrwOEFqKls1vEngABkSb2QWRBSILX67gXq6LEtSngwcaEVuqtkMT0nQ9tj1T2G3gFxQJcQ71b7oByDNoHykiKQ2&t=638847313280000000');
}

.RadGrid_TMW_v1 .rgDrag {
    background-image: url('/AMSApp/WebResource.axd?d=ssNDN9tzgHtNSknj5FQ54jcJqL6GMoyOKruzf9cmTLCo3-BaIaQ_9upHQClo9kXY5VQTREEuDGaBbdGPR_ojt1VvW3Tw8rY8t_Y8i9tTbYbumfwYfXx71raoq6PKZEPGOfIrQ4lI6UtB8316FtCuWtMZnox4PtL42azHbDCnrDHMzEUd2-4Yiw1N4gopOGMoaYDW5utQBqVk8rL4Kd4ddw2&t=638847313280000000');
}

.RadGrid_TMW_v1 .rgFooterDiv,
.RadGrid_TMW_v1 .rgFooter,
.RadGrid_TMW_v1 .rgFooterWrapper {
    background: var(--GridFooterBackgroundColor); /*defaults to #e4e4e4*/
}

.RadGrid_TMW_v1 td.rgPagerCell {
    background-color: var(--GridFooterBackgroundColor);
}

.RadGrid_TMW_v1 .rgAdvPart {
    color: var(--GridPagerInfoTextFontColor) !important;
}

.RadGrid_TMW_v1 .rgInfoPart {
    color: var(--GridPagerInfoTextFontColor) !important;
}

    .RadGrid_TMW_v1 .rgInfoPart strong {
        color: var(--GridPagerInfoNumberFontColor);
    }

.RadGrid_TMW_v1 .rgPageFirst:hover {
    color: var(--GridHoveredItemFontColor) !important;
}

.RadGrid_TMW_v1 .rgPagePrev:hover {
    color: var(--GridHoveredItemFontColor) !important;
}

.RadGrid_TMW_v1 .rgPageNext:hover {
    color: var(--GridHoveredItemFontColor) !important;
}

.RadGrid_TMW_v1 .rgPageLast:hover {
    color: var(--GridHoveredItemFontColor) !important;
}

.RadGrid_TMW_v1 .rgPager .rgPagerButton {
    border-color: var(--MainThemeColorDarkened);
    background: var(--GridPagerBackgroundColor);
    color: var(--GridPagerFontColor); /*defaults to white*/
}

.RadGrid_TMW_v1 .rgNumPart a {
    color: var(--GridPagerFontColor);
}

    .RadGrid_TMW_v1 .rgNumPart a:hover {
        color: var(--GridHoveredItemFontColor) !important;
    }

    .RadGrid_TMW_v1 .rgNumPart a.rgCurrentPage {
        color: var(--GridPagerFontColor) !important;
        border: 0px solid transparent;
        border-radius: 50%;
        box-shadow: inset 0 0 1.3em 0 black;
    }

.GridReorderTop_TMW_v1 {
    background: 0 0 no-repeat url('/AMSApp/WebResource.axd?d=qTfjs9zhP9tXXRgMvZt6yqult-QDR9CkDc7HUcSveECRkUk9rD7fl5kGxM902hfACUdFWoQ0aH_bl9R0uXY7TNsAb4xSuuzbBMsCviMvkvfyYcOKU66hh9iPPcQznB3fdrwOEFqKls1vEngABkSb2QWRBSILX67gXq6LEtSngwcaEVuqtkMT0nQ9tj1T2G3gFxQJcQ71b7oByDNoHykiKQ2&t=638847313280000000');
}

.GridReorderBottom_TMW_v1 {
    background: 0 0 no-repeat url('/AMSApp/WebResource.axd?d=qTfjs9zhP9tXXRgMvZt6yqult-QDR9CkDc7HUcSveECRkUk9rD7fl5kGxM902hfACUdFWoQ0aH_bl9R0uXY7TNsAb4xSuuzbBMsCviMvkvfyYcOKU66hh9iPPcQznB3fdrwOEFqKls1vEngABkSb2QWRBSILX67gXq6LEtSngwcaEVuqtkMT0nQ9tj1T2G3gFxQJcQ71b7oByDNoHykiKQ2&t=638847313280000000');
}

.RadGrid_TMW_v1 .rgFilter:hover {
    background-color: var(--MainThemeColorLightened50);
}

.RadGrid_TMW_v1 .rgFilterActive {
    background-color: var(--MainThemeColorLightened50);
}


.RadMenu_TMW_v1 .rgHCMClear, .RadMenu_TMW_v1 .rgHCMFilter {
    background: var(--GridHeaderBackgroundColor);
    color: var(--GridHeaderFontColor);
    font-family: var(--SiteFontFamily);
}

.GridContextMenu_TMW_v1 .rmLeftImage {
    background-image: url('/AMSApp/WebResource.axd?d=BLibVBG6aZoSAn5_-wEWN4BwJmXK58gnI3aUUUEdcd4h_IG-GKN4Q_BSinKJwuxrlg253u6XhcfTfFnxrnr90U2IqTzPC0Ah7T3EtRE8abNPRojxsWOe7ApfbLGHK32sDervSYK0fzZ_l2HdKkvZUSvjbXlQ1O5sQTi_Z4Gum1WgwEQiYYsFeT-K-R9XLSW9Kbg2BWE_46ivgh4slDs7gA2&t=638847313280000000');
}

.RadGrid_TMW_v1 .rgGroupPanel, .RadGrid_TMW_v1 .rgGroupPanel caption {
    background: var(--GridHeaderBackgroundColor);
    color: var(--GridHeaderFontColor);
}

.RadGrid_TMW_v1 .rgExpXLS, .RadGrid_TMW_v1 .rgExpDOC, .RadGrid_TMW_v1 .rgExpPDF, .RadGrid_TMW_v1 .rgExpCSV {
    background-image: url('/AMSApp/WebResource.axd?d=cjNRPVqMLP1m4b424kX7aYiRF8AxhsFdDJ9cHsRQiK9XLHJOXeGpJvaVUdqfZaXe5C4_3eUJbeKkW4FCHsNF8wEpWnMAspNP1YVeuwh23Cf3IYX-416w53sRr1FFaFnaXYLRkpSVsW8pT96REPgo-c8fFaWBvXI_A-niuIPXi9pkskFDPz6qK6GPA6VWkHt0_gcocWIDmSfofaTpmciNxA2&t=638847313280000000');
}

.RadWindow_TMW_v1 .rwControlButtons a {
    background-image: url('/AMSApp/WebResource.axd?d=-ZzuP7RiVO1bcwijdOnEp9vx_9RuQQK_Cku0HwmMpuygSkrOODNxpk9p-1Veem2PcSkdZuKyXI_GOlZaQI7r_hPg2ONXwJLITpd9acFAQnlId5qc_a9ySfAbWKTdsd71SXJ9DDrd_mIU1uAnTXTCz5JLQvZ-ExkwITZF6DZsl_VNxzVdog5hLAln_ipdniUfsBI-zldzP57FiiqFQ9B5efVA0PajtKxqdidhtTfek2s1&t=638847313280000000');
    filter: invert(var(--invertSprites)) contrast(1);
}


.Radwindow_TMW_v1 td.rwWindowContent.rwLoading {
    background-image: url('/AMSApp/WebResource.axd?d=ELEI6NYqJbaQ3ZCt8XM8B-GjPz2n3s5rOxux4yeGNNnuuxBo7H9H1TJM3t9cLtL8kZb6evCIz_5LwMphlrvVOFilj54NLkYhB0V5VbROGM9CzjrfoYBZEcSzS7Q455MzCk23uIoRyIg3CICIlcV4c4d1g1WBQHYyv7f0OTUph5DHrLTkQ-4GjCVgGGGgdkcDpqwgyGIQHq5Amw-t82ax-A2&t=638847313280000000');
}

.ui-widget-content {
    background-color: var(--SiteBackgroundColor) !important;
    color: var(--SiteFontColor) !important;
}


.TelerikModalOverlay {
    background-color: var(--AjaxBackgroundColor) !important;
    opacity: var(--AjaxBackgroundTransparency) !important;
}

.RadCalendar_TMW_v1 .rcTitlebar .rcPrev, .RadCalendar_TMW_v1 .rcTitlebar .rcNext, .RadCalendar_TMW_v1 .rcTitlebar .rcFastPrev, .RadCalendar_TMW_v1 .rcTitlebar .rcFastNext {
    background-image: url('/AMSApp/WebResource.axd?d=FO1YORzXcYMguJ6Dler9whxpQiaBLxm0zJWLKulR3FHVCWprI3giH6NUpwo2Q-zgTtLPQEHQchwimelGDGhBB8Pt7u_ENEwCJG8kYxSDHoVfN8vO5zKT-CD97sEmJtmWjw9Q5_64rnmDoNikxaCOToZgI9R2NS1TS7Amhz8VByYQ_gcRT1jA_35ZI0iljqoI7XvErTjs95XR8DfCqDEjWg2&t=638847313280000000');
}



.RadCalendar_TMW_v1 .rcWeek .rcViewSel {
    color: var(--BaseThemeColor);
}

.RadCalendar_TMW_v1 .rcRow th {
    color: var(--BaseThemeColor);
}

.RadCalendar_TMW_v1 .rcRow .rcToday {
    border-color: var(--BaseThemeColor);
}


.RadCalendarMonthView_TMW_v1 #rcMView_PrevY a, .RadCalendarMonthView_TMW_v1 #rcMView_NextY a {
    background-image: url('/AMSApp/WebResource.axd?d=FO1YORzXcYMguJ6Dler9whxpQiaBLxm0zJWLKulR3FHVCWprI3giH6NUpwo2Q-zgTtLPQEHQchwimelGDGhBB8Pt7u_ENEwCJG8kYxSDHoVfN8vO5zKT-CD97sEmJtmWjw9Q5_64rnmDoNikxaCOToZgI9R2NS1TS7Amhz8VByYQ_gcRT1jA_35ZI0iljqoI7XvErTjs95XR8DfCqDEjWg2&t=638847313280000000');
}

.RadPicker_TMW_v1 .rcCalPopup,
.RadPicker_TMW_v1 .rcTimePopup {
    background-image: url('/AMSApp/WebResource.axd?d=FO1YORzXcYMguJ6Dler9whxpQiaBLxm0zJWLKulR3FHVCWprI3giH6NUpwo2Q-zgTtLPQEHQchwimelGDGhBB8Pt7u_ENEwCJG8kYxSDHoVfN8vO5zKT-CD97sEmJtmWjw9Q5_64rnmDoNikxaCOToZgI9R2NS1TS7Amhz8VByYQ_gcRT1jA_35ZI0iljqoI7XvErTjs95XR8DfCqDEjWg2&t=638847313280000000');
}

.TMW_v1 .reToolbar li,
.TMW_v1 .reSpinBox a,
.TMW_v1.reToolbar .reSeparator,
.TMW_v1.reToolbar .reGrip,
.TMW_v1 .reDialog .reTool,
.TMW_v1 .reModule .reTool,
.TMW_v1 .reTool .split_arrow,
.TMW_v1 .reSplitButton.reTool_text .split_arrow,
.TMW_v1 .reToolbar .reTool_text .split_arrow,
.TMW_v1 .reDialog .reTool.reSplitButton,
.TMW_v1 .reModule .reTool.reSplitButton,
.TMW_v1 .reDropdown,
.TMW_v1 .reResizeCell div {
    background-image: url('/AMSApp/WebResource.axd?d=YpV41BXARQcmbguD-CWoSYSQmmgbqNeWVAUz8lPOkDUhWY7Ab0ikm8w2o40AlRk1rRWHqFrz0kmNLgSLhhI4083FN3JpxCjoBZLRXhJPJOs9kSlB3M9nxwjPoyYM0zdXTDzXjsWQLA_QJCPfxvgEHMBgu73pU3cJNL28-yV9uAc7AhadocntA7ub9Yfuo_D3_moBGfOc5Nlcbl3fncG4gw2&t=638847313280000000');
}

    .TMW_v1 .reDropdown:hover,
    .TMW_v1.RadEditor .reTlbVertical li,
    .TMW_v1.RadEditor .reTlbVertical .reToolbar.Default .reGrip,
    .TMW_v1.RadEditor.reTlbVertical .reToolbar.Default .reSeparator,
    .TMW_v1.reDropDownBody .reTlbVertical .reToolbar {
        background-image: url('/AMSApp/WebResource.axd?d=H0k-vv0n2mThbt2ROB91Lqx82xjrAllD1zzjBhdyeYjkwb--YRk0CMSJLS6pvWwNHpmYn3nn8SashUj-Oc6Az_CZozmsptz-MSizGOkbsJc_0ujrtV7g9dRkaJWHg0AqQIb8ZreTRPr9o8MCX9AxAouwfgAhEhnZ6wL91AACHfJ5DdOTZGdNR9RkkeJOoQBxyS0S_1PUdMba5TKXp9oZYnUFELmZWpfGEXUXbfBvVMw1&t=638847313280000000');
    }


.reTool span, .TMW_v1.reInsertTable .reTlbVertical ul .reTool_text span, .reToolbar .reTool_text span {
    background-image: url('/AMSApp/WebResource.axd?d=Q8cNY4k8wU5eiFU67gvfxUFgpNMnTqZKFhAeOO7zdIbaZWQNrakQv2PxgtoAJsWMZPxywjU-owTjypRjymzUJ-HCOTe3KlPHUGrlLOuwmcKKmK_ILfJQDDsyxuE2vEl-SbQD_8Mt9NEf3-WV6WbHg8lJKqkxev-DnrHO0K58NQvpC8HTH7ZFni7uLziuxfKC41ciai7BCY-x0MjYAVmD0oUYj5krup_29381DPRUY7U1&t=638847313280000000');
}

.reTool span, .reTool_text span, .TMW_v1 .reTlbVertical .reTool_text span, .reToolbar .reSplitButton.reTool_text span {
    _background-image: url('/AMSApp/WebResource.axd?d=dHaTmV_s3HYWTekE9oPAN5boM5bIT85pMj4cN_zJ1_1ulB_Kl-yKhdmbfatwHFlADRw9GmVL9NDOOr-UCZO0x2nwEY3Kjmxb0P8NDiG5fJk9Lb3r8P2UX4iVBpLHCeAfXsw6zwey40I-XCFyj9pPYhyWIpeLLwK3HwFI4jcJEhxItB6sWzBXPkbPvm9C98X5OvHlzIeiDR3uLeaV8vT3oZki8aVI9cW_Ah--o7Fu1KQ1&t=638847313280000000');
}

.RadTabStrip_TMW_v1 .rtsLI, .RadTabStrip_TMW_v1 .rtsLink {
    color: var(--TabStripFontColor);
}

    .RadTabStrip_TMW_v1 .rtsLI, .RadTabStrip_TMW_v1 .rtsLink.rtsSelected {
        color: var(--TabStripContentFontColor);
    }



.RadTabStrip_TMW_v1 .rtsLI {
    background-color: var(--TabStripBackgroundColor);
}


.RadTabStripTop_TMW_v1 .rtsLevel .rtsLink.rtsSelected,
.RadTabstripTop_TMW_v1 .rtsLevel .rtsLink.rtsSelected,
.RadTabstripTop_TMW_v1_rtl .rtsSelected {
    background-color: var(--TabStripContentBackgroundColor) !important;
}


.RadDropDownList_TMW_v1.RadDropDownList .rddlIcon {
    background-color: var(--ButtonBackgroundColor);
}

.RadDropDownList_TMW_v1 span.rddlInner.rddlFocused {
}



.rddlPopup_TMW_v1.rddlPopup .rddlList li.rddlItem:hover {
}


.rcbArrowCell.rcbArrowCellRight {
    background-color: var(--ButtonBackgroundColor) !important;
}

.RadComboBox_TMW_v1 .rcbHovered .rcbArrowCellRight,
.RadComboBox_TMW_v1 .rcbFocused .rcbArrowCellRight {
    background-color: var(--ButtonBackgroundColor) !important;
}


/*Kendo Theme Ovverrides*/
.LeftColumn .rtHover, 
.LeftColumn .rtSelected, 
.RadButton_TMW_v1:focus .rbDecorated, 
.NotesFonticonGlow, .PMLevel.PMLevelHighlighted  {
   color: var(--MainThemeColorLightened50) !important;
}

                                                                     
 .YesNoLeft:hover, 
 .YesNoLeft:focus, 
 .YesNoLeft_v1:hover, 
 .YesNoLeft_v1:focus, 
 .YesNoLeftSideBySide:hover, 
 .YesNoLeftSideBySide:focus {

 }
                                                                                                                           
 .ActiveTreeNode { 
     color: var(--BaseThemeColor) !important;
 }

 .LeftColumn {
     background-color: var(--LeftMenuBackgroundColor) !important;
 }
     
 .HoverFocus {

 }
 
 .ToggleFocus{

 }
                                             
 .HoverFocus{
     outline:1px solid var(--MainThemeColorLightened20) !important;
 }
                                             
.ToggleFocus {
    outline:1px solid var(--MainThemeColorDarkened) !important;
}

    .ListBoxContainer{
        border-color:var(--BaseThemeColor)!important;
    }

    .ListBoxContainer .rlbButtonTL, 
    .RadListBox_TMW_v1 .rlbList .rlbSelected, 
    .XrefGrid .CommandItem a {
        background-color:var(--BaseThemeColor)!important;

    }

    .RadDropDownList_TMW_v1 span.rddlInner.rddlFocused,
    .rddlPopup_TMW_v1.rddlPopup .rddlList li.rddlItem:hover {
        background-color: var(--BaseThemeColor);
    }

    .RadScheduler_TMW_v1 .rsFooter, 
    .RadScheduler_TMW_v1 .rsHeader,
    .switch.SliderBtn label i {
        background-color: var(--BaseThemeColor)!important;
    } 
    
    .RadScheduler_TMW_v1 .rsHeader ul .rsSelected em,
    .RadScheduler_TMW_v1 .rsHeader ul a:hover, 
    .RadScheduler .rsLast a:hover, 
    .RadScheduler_TMW_v1 .rsHeader ul a:hover span, 
    .RadScheduler .rsLast a:hover span {
        color: var(--MainThemeColorLightened50) !important;    
    } 

    .RadScheduler .rsModalButtons {
	    background-color: var(--BaseThemeColor) !important;
    }
    .RadScheduler .rsModalOuter {
	    background-color: var(--BaseThemeColor) !important;
    }
    
    .RadGrid_TMW_v1 .rgHeader.rgSorted {
        background-color:rgba(0, 0, 0, 0.15)!important; 
    }

    .RadGrid_TMW_v1 thead {
        background-color:var(--GridHeaderBackgroundColor);
    }

    .RadGrid_TMW_v1 th.rgSorted {
        color: var(--GridHeaderFontColor);
    }

        .RadGrid_TMW_v1 th.rgSorted a {
            color: var(--GridHeaderFontColor);
        }

    .switch.SliderBtn.RadButtonMode .RadButton_TMW_v1:focus {

    }

    .k-window .MainSearchDiv, .MainSearchDiv > .ModalBodySection {
        background-color:var(--SiteBackgroundColor)!important;
    }

    .k-widget.k-window .k-window-titlebar {
        background-color: var(--BaseThemeColor) !important;
    }
    
    
    .k-button, 
    .k-pager-wrap, 
    .k-select, 
    .k-block, 
    .k-header, 
    .k-grid-header, 
    .k-toolbar, 
    .k-grouping-header, 
    .k-pager-wrap, 
    .k-button, 
    .k-draghandle, 
    .k-select, 
    .k-header.k-tabstrip .k-item.k-state-active, 
    .k-tabstrip .k-grid-content table tbody tr.k-state-selected, 
    .k-state-hover,
    .k-state-hover:hover,
    .k-splitbar-horizontal-hover:hover,
    .k-splitbar-vertical-hover:hover,
    .k-list > .k-state-hover,
    .k-scheduler .k-scheduler-toolbar ul li.k-state-hover,
    .k-pager-wrap .k-link:hover,
    .k-dropdown .k-state-focused,
    .k-imagebrowser-dropzone,
    .k-mobile-list .k-item > .k-link:active,
    .k-mobile-list .k-item > .k-label:active,
    .k-mobile-list .k-edit-label.k-check:active,
    .k-mobile-list .k-scheduler-timezones .k-edit-field:nth-child(2):active,
    .k-mobile-list .k-recur-view .k-check:active {
        background-color:var(--BaseThemeColor) !important;
    }
    
    .k-grid {
        background-color: var(--GridBackgroundColor)!important;
    }

    .k-grid .k-grid-header,
    .k-grid .k-header
    {
        background-color:var(--GridHeaderBackgroundColor)!important;
        color: var(--GridHeaderFontColor)!important;
    }

    .k-grid .k-header a.k-link 
    {
        color: var(--GridHeaderFontColor)!important;
    }

    .k-grid th.k-header[role='columnheader'][aria-sort='ascending'],
    .k-grid th.k-header[role='columnheader'][aria-sort='descending'] {
        background-color:rgba(0, 0, 0, 0.15)!important;
    }

        .k-grid .k-pager-wrap.k-grid-pager {
            background-color: var(--GridFooterBackgroundColor) !important
        }

            .k-grid .k-pager-wrap.k-grid-pager .k-link,
            .k-grid .k-pager-wrap.k-grid-pager .k-link a {
                color: var(--GridPagerFontColor) !important;
            }
        .k-grid .k-pager-wrap .k-link:hover {
            background-color:transparent!important;
        }

        .k-grid span.k-pager-info.k-label,
        .k-grid span.k-pager-sizes.k-label,
        .k-grid span.k-pager-input.k-label {
            color: var(--GridFooterFontColor)!important;
        }

        .k-grid .k-master-row,
        .k-grid .k-grid-footer,
        .k-grid tr[role=row] {
            background-color: var(--GridItemBackgroundColor) !important;
            color: var(--GridItemFontColor);
        }

        .k-grid .k-master-row + tr.k-detail-row:not(.k-alt) {
            background-color: var(--GridItemBackgroundColor);
        }

        .k-grid .k-master-row a:link:not(.k-button),
        .k-grid tr[role=row] a:link:not(.k-button),
        .k-grid .k-master-row a:visited:not(.k-button),
        .k-grid tr[role=row] a:visited:not(.k-button)   {
            color: var(--GridItemFontColor);
        }
        .k-grid .k-grid-footer td {
            color:var(--GridItemFontColor);
        }

        .k-grid .k-master-row.k-alt,
        .k-grid tr[role=row].k-alt,
        .k-grid .k-alt.k-master-row + tr.k-detail-row.k-alt
         {
            background-color: var(--GridAlternateItemBackgroundColor) !important;
            color: var(--GridAlternateItemFontColor);
        }

        .k-grid .k-master-row.k-alt a:link:not(.k-button),
        .k-grid tr[role=row].k-alt a:link:not(.k-button),
        .k-grid .k-master-row.k-alt a:visited:not(.k-button),
        .k-grid tr[role=row].k-alt a:visited:not(.k-button) {
            color: var(--GridAlternateItemFontColor);
        }

        .k-grid td.k-state-selected.k-state-focused,
        .k-grid tr.k-state-selected,
        .k-grid td.k-state-selected.k-state-focused,
        .k-grid tr.k-alt.k-state-selected,
        .k-grid .k-grid-content .k-master-row.k-alt.k-state-selected,
        .k-grid .k-grid-content tr[role=grid].k-alt.k-state-selected,
        .k-grid .k-grid-content tr[role=row].k-alt.k-state-selected,
        .k-grid .k-grid-content .k-master-row.k-state-selected,
        .k-grid .k-grid-content tr[role=grid].k-state-selected,
        .k-grid .k-grid-content tr[role=row].k-state-selected {
            background-color: var(--GridSelectedItemBackgroundColor) !important;
            color: var(--GridSelectedItemFontColor) !important;
        }


        .k-widget.k-listview .k-state-selected {
            background-color: inherit !important;
            color: inherit !important;
        }

            .k-widget.k-listview .k-state-selected .k-state-selected {
                background-color: var(--GridSelectedItemBackgroundColor) !important;
                color: var(--GridSelectedItemFontColor) !important;
            }

.k-grid .k-master-row.k-state-selected a:link:not(.k-button),
.k-grid tr[role=row].k-state-selected a:link:not(.k-button),
.k-grid .k-master-row.k-state-selected.k-alt a:link:not(.k-button),
.k-grid tr[role=row].k-state-selected.k-alt a:link:not(.k-button),
.k-grid .k-master-row.k-state-selected a:visited:not(.k-button),
.k-grid tr[role=row].k-state-selected a:visited:not(.k-button),
.k-grid .k-master-row.k-state-selected.k-alt a:visited:not(.k-button),
.k-grid tr[role=row].k-state-selected.k-alt a:visited:not(.k-button) {
    color: var(--GridSelectedItemFontColor) !important;
}

	.k-button,
	tr.k-master-row td[role='gridcell'] a.k-button, 
    tr.k-master-row td[role='gridcell'] a.k-button:visited,
	div.k-grid-content table[role="treegrid"] tbody[role="rowgroup"] tr.k-master-row.k-state-selected td a.k-button,
    .ReportListingContainer .RadMenu_TMW_v1 .rmHorizontal > .rmText
    {
    	color:var(--ButtonFontColor)!important;	
    }

    .k-grid .OrangeRow[role=row] a.k-button,
    .k-grid .RedRow[role=row] a.k-button,
    .k-grid .GreenRow[role=row] a.k-button,
    .k-grid .BlueRow[role=row] a.k-button,
    .k-grid .OrangeRow.k-alt[role=row] a.k-button,
    .k-grid .RedRow.k-alt[role=row] a.k-button,
    .k-grid .GreenRow.k-alt[role=row] a.k-button,
    .k-grid .BlueRow.k-alt[role=row] a.k-button {
        color:var(--ButtonFontColor)!important;
    }

    .k-button,
    .k-select,
    .k-dropdown .k-state-focused  {
        background-color:var(--ButtonBackgroundColor) !important;
    }

    .k-button:hover,
    .k-button:focus, 
    .k-button.k-state-focused , 
    .k-header.k-tabstrip .k-item.k-state-default.k-state-hover .k-link {
        color: var(--ButtonHoverFontColor) !important;    
    }

    .k-pager-numbers .k-state-selected, 
    .k-pager-numbers a:hover {
        color: var(--GridPagerFontColor) !important;    
    }

    .k-grid .k-grid-header.k-tabstrip, 
    .k-grid .k-header.k-tabstrip {
        background-color: transparent!important;
    }

    .k-header.k-tabstrip .k-item.k-state-default, 
    .k-header.k-tabstrip .k-item.k-state-default.k-state-hover {
        background-color: var(--TabStripBackgroundColor) !important;
    }

.k-tabstrip-items .k-state-default .k-link,
.k-panelbar > li.k-state-default > .k-link {
    color: var(--TabStripFontColor) !important;
}

.k-header.k-tabstrip .k-item.k-state-default.k-state-active,
.k-header.k-tabstrip .k-item.k-state-default.k-state-active.k-state-hover {
    background-color: var(--TabStripContentBackgroundColor) !important;
}

    .k-tabstrip-items .k-state-default.k-state-active .k-link, 
    .k-panelbar > li.k-state-default.k-state-active > .k-link {
        color: var(--TabStripContentFontColor) !important;
    }

    .k-header.k-tabstrip .k-item.k-state-default.k-state-disabled, 
    .k-header.k-tabstrip .k-item.k-state-default.k-state-disabled.k-state-hover {
        background: #ffffff !important;
    }

    .k-tabstrip-items .k-state-default.k-state-disabled .k-link, 
    .k-panelbar > li.k-state-default.k-state-disabled > .k-link {
        color: DarkGrey !important;
    }

    .ReportListingMenu {
        background-color: var(--ButtonBackgroundColor);
    }
            
    .k-textbox:hover, .k-numeric-wrap.k-state-hover .k-input, .k-picker-wrap input:hover  { 
 
    }

    .k-textbox:focus, .k-picker-wrap input:focus, .k-numeric-wrap.k-state-focused .k-input  {

    }

.k-autocomplete.k-state-hover,
.k-picker-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-dropdown-wrap.k-state-hover {
    background-color: var(--ComboBoxHoveredBackgroundColor);
} 

    .k-autocomplete.k-state-focused, 
    .k-picker-wrap.k-state-focused, 
    .k-numeric-wrap.k-state-focused, 
    .k-dropdown-wrap.k-state-focused {
	    background-color: var(--ComboBoxSelectedBackgroundColor) !important; 
	    background-image: none; 

    }

    .k-grid th.k-header[role='columnheader'][aria-sort='ascending'], 
    .k-grid th.k-header[role='columnheader'][aria-sort='descending'] {
        background-color:rgba(0, 0, 0, 0.15)!important;
    }

    .rsHorizontalHeaderTable th {
	    background-color: var(--BaseThemeColor) !important; 
	    background-image: none; 

    }

     .k-window .k-window-content{
         background-color: var(--SiteBackgroundColor);
     }

    .k-widget.k-combobox .k-dropdown-wrap.k-state-default,
    .k-widget.k-dropdown .k-dropdown-wrap.k-state-default {
        background-color:var(--ComboBoxBackgroundColor);
    }

    span.k-widget.k-combobox .k-dropdown-wrap.k-state-default .k-input,
    span.k-widget.k-dropdown .k-dropdown-wrap.k-state-default span.k-input {
        color:var(--ComboBoxFontColor)!important;
    }

     span.k-widget.k-combobox .k-dropdown-wrap.k-state-default.k-state-hover input,
     span.k-widget.k-dropdown .k-dropdown-wrap.k-state-default.k-state-hover span.k-input  {
        background-color:var(--ComboBoxHoveredBackgroundColor);
        color:var(--ComboBoxHoveredFontColor)!important;

     }

     span.k-widget.k-combobox .k-dropdown-wrap.k-state-default.k-state-focused input,
     span.k-widget.k-dropdown .k-dropdown-wrap.k-state-default.k-state-focused span.k-input,
     span.k-widget.k-dropdown .k-dropdown-wrap.k-state-default.k-state-focused.k-state-active span.k-input {
        background-color:var(--ComboBoxSelectedBackgroundColor);
        color:var(--ComboBoxSelectedFontColor)!important;
 
     }

    .k-list-container.k-popup .k-item.k-state-hover,
    .k-list-container.k-popup .k-item.k-state-hover:hover,
    .k-list-container.k-popup .k-list > k-item.k-state-hover,
    .k-list-container.k-popup .k-item.k-state-focused,
    .k-list-container.k-popup .k-item.k-state-focused:hover,
    .k-list-container.k-popup .k-list > k-item.k-state-focused {
        background-color: var(--ComboBoxHoveredListItemBackgroundColor) !important;
        color:var(--ComboBoxHoveredListItemFontColor)!important;
    }

.k-list-container.k-popup .k-item.k-state-selected,
.k-list-container.k-popup .k-item.k-state-selected.k-state-focused.k-state-hover,
.k-list-container.k-popup .k-item.k-state-selected:hover,
.k-list-container.k-popup .k-list > k-item.k-state-selected {
    background-color: var(--ComboBoxSelectedListItemBackgroundColor) !important;
    color: var(--ComboBoxSelectedListItemFontColor) !important;
}
     
    
     .ValidationFailed  .k-widget.k-combobox .k-state-focused input,
     .ValidationFailed  .k-widget.k-dropdown .k-state-focused span.k-input { 

     }

    .k-widget.k-combobox .k-state-hover input,
    .k-widget.k-dropdown .k-state-hover span.k-input {

    }

    .MainDiv .ValidationFailed .k-textbox:hover {

    }

    .k-widget.k-combobox.k-state-hover,
    .k-widget.k-dropdown.k-state-hover
     {
        border-color:var(--ComboBoxHoveredBorderColor);
    }

     .ValidationFailed .k-picker-wrap.k-state-hover input{
        border:1px solid red;
     }

     .RadComboBox_TMW_v1 .rcbHovered .rcbArrowCell.rcbArrowCellRight,
     .RadComboBox_TMW_v1 .rcbFocused .rcbArrowCell.rcbArrowCellRight {
         background-color: var(--ButtonBackgroundColor)!important;
     }

     .RadTabStrip_TMW_v1 .rtsLevel2{
         background-color: var(--BaseThemeColor)!important

     }

    .XrefGrid .CommandItem a:hover,.XrefGrid .CommandItem a:focus{
        color: var(--MainThemeColorLightened50) !important;    
    }

    .GridTB input[type='text']:hover {

    }

    .GridTB input[type='text']:focus {

    }


        .k-loading-image {
            background-image:url('../images/ajax-loader.gif')!important;
        }

        .k-loading-color {
            background-color: var(--AjaxBackgroundColor)!important;
        }

/*#region Angular Theme Ovverrides*/
#SPAContentPane tmw-navbar,
/*#SPAContentPane .ModuleHeader,
*/#SPAContentPane .ContentModuleFooter,
#SPAContentPane .StickyFooter,
#SPAContentPane button,
#SPAContentPane input[type=button],
#SPAContentPane input[type=submit],
#SPAContentPane kendo-grid.k-grid .k-grid-header th,
#SPAContentPane kendo-grid.k-grid .k-grid-header,
#SPAContentPane kendo-grid.k-grid .k-master-row.k-state-selected,
#SPAContentPane kendo-dialog kendo-grid.k-grid td.k-state-selected,
#SPAContentPane kendo-dialog kendo-grid.k-grid tr.k-alt.k-state-selected td,
#SPAContentPane kendo-dialog kendo-grid.k-grid tr.k-state-selected,
#SPAContentPane kendo-grid.k-grid tr.k-state-selected,
#SPAContentPane kendo-grid.k-grid kendo-pager.k-grid-pager,
#SPAContentPane kendo-grid.k-grid kendo-pager.k-grid-pager kendo-pager-next-buttons a.k-link.k-state-selected,
#SPAContentPane kendo-grid.k-grid kendo-pager.k-grid-pager kendo-pager-numeric-buttons a.k-link.k-state-selected,
#SPAContentPane kendo-grid.k-grid kendo-pager.k-grid-pager kendo-pager-prev-buttons a.k-link.k-state-selected,
#SPAContentPane kendo-grid.k-grid kendo-pager.k-grid-pager kendo-pager-next-buttons a.k-link:hover,
#SPAContentPane kendo-grid.k-grid kendo-pager.k-grid-pager kendo-pager-numeric-buttons a.k-link:hover,
#SPAContentPane kendo-grid.k-grid kendo-pager.k-grid-pager kendo-pager-prev-buttons a.k-link:hover,
#SPAContentPane .k-combobox .k-select,
#SPAContentPane .k-dateinput .k-select,
#SPAContentPane .k-datepicker .k-select,
#SPAContentPane .k-datetimepicker .k-select,
#SPAContentPane .k-dropdown .k-dropdown-wrap,
#SPAContentPane .k-dropdowntree .k-dropdown-wrap,
#SPAContentPane .k-numerictextbox .k-select,
#SPAContentPane .k-scheduler-navigation .k-nav-next,
#SPAContentPane .k-scheduler-navigation .k-nav-prev,
#SPAContentPane .k-scheduler-navigation .k-nav-today,
#SPAContentPane .k-timepicker .k-select,
#SPAContentPane kendo-dropdownlist span.k-dropdown-wrap span.k-select,
#SPAContentPane .k-list .k-item.k-state-selected,
#SPAContentPane .k-list-optionlabel.k-state-selected,
#SPAContentPane .k-list-container .k-button:active,
#SPAContentPane .k-list-container .k-button.k-state-active,
#SPAContentPane .k-spreadsheet-popup .k-button:active,
#SPAContentPane .k-spreadsheet-popup .k-button.k-state-active,
#SPAContentPane .k-spreadsheet-popup .k-button.k-state-selected,
#SPAContentPane .k-menu-group .k-item.k-state-selected,
#SPAContentPane .k-menu.k-context-menu .k-item.k-state-selected,
#SPAContentPane .k-dialog-titlebar,
#SPAContentPane .grid-label,
#SPAContentPane .k-drag-clue,
#SPAContentPane .k-treeview .k-in.k-state-selected,
#SPAContentPane .k-calendar .k-state-selected .k-link,
#SPAContentPane .k-calendar .k-weekend.k-state-selected .k-link,
#SPAContentPane .k-calendar:not(.k-calendar-infinite) .k-content .k-state-selected .k-link,
#SPAContentPane .k-calendar:not(.k-calendar-infinite) .k-content .k-weekend .k-state-selected .k-link,
#SPAContentPane .k-event, .k-panelbar > .k-item > .k-link.k-state-selected:not(.k-state-expanded),
#SPAContentPane .k-panelbar > .k-item > .k-link.k-state-selected:not(.k-state-active),
#SPAContentPane .k-panelbar .k-group > .k-item > .k-link.k-state-selected,
#SPAContentPane kendo-popup.k-animation-container-shown .k-list .k-item:hover,
#SPAContentPane attachments kendo-dialog .imageDescription {
    background-color: var(--BaseThemeColor);
}

#SPAContentPane kendo-dialog kendo-dialog-actions,
#SPAContentPane kendo-switch.k-switch .k-switch-container .k-switch-handle {
    background-color: var(--BaseThemeColor) !important;
}

#SPAContentPane .k-calendar-header .k-today,
#SPAContentPane .ContentModule label,
#SPAContentPane .ContentModule label.ModuleChildHeader {
    color: var(--BaseThemeColor);
}

    #SPAContentPane .ContentModule label.ModuleHeader {
        color: white;
    }

#SPAContentPane .ModuleChildHeader
{
    border-bottom-color: var(--BaseThemeColor);
}

#SPAContentPane .ModuleFooterCap {
    border-bottom-color: var(--BaseThemeColor);
}

#SPAContentPane button:hover,
#SPAContentPane input[type=button]:hover,
#SPAContentPane input[type=submit]:hover,
#SPAContentPane .k-dropdown:hover .k-dropdown-wrap,
#SPAContentPane .k-combobox:hover .k-select,
#SPAContentPane .k-dateinput:hover .k-select,
#SPAContentPane .k-datepicker:hover .k-select,
#SPAContentPane .k-datetimepicker:hover .k-select,
#SPAContentPane .k-dropdown:hover .k-dropdown-wrap,
#SPAContentPane .k-dropdowntree:hover .k-dropdown-wrap,
#SPAContentPane .k-numerictextbox:hover .k-select,
#SPAContentPane .k-scheduler-navigation:hover .k-nav-next,
#SPAContentPane .k-scheduler-navigation:hover .k-nav-prev,
#SPAContentPane .k-scheduler-navigation:hover .k-nav-today,
#SPAContentPane .k-timepicker:hover .k-select,
#SPAContentPane tmw-navbar ul.navbar li a:active,
#SPAContentPane tmw-navbar ul.navbar li a:hover,
#SPAContentPane kendo-numerictextbox .k-numeric-wrap .k-select > .k-link:hover {
    color: var(--MainThemeColorLightened20);
}

#SPAContentPane kendo-combobox.k-combobox input.k-input:hover:not(:focus),
#SPAContentPane input.k-textbox:hover:not(:focus),
#SPAContentPane kendo-datepicker input.k-input:hover,
#SPAContentPane kendo-switch.k-switch:hover {
    border-color: var(--MainThemeColorLightened20);
}

#SPAContentPane kendo-combobox.k-combobox input.k-input:focus,
#SPAContentPane input.k-textbox:focus,
#SPAContentPane kendo-dropdownlist span.k-dropdown-wrap.k-state-focused span.k-input,
#SPAContentPane kendo-switch.k-switch.k-state-focused,
#SPAContentPane kendo-switch.k-switch.k-state-focused:hover {
    border-color: var(--BaseThemeColor);
}

/*angular button ovverrides*/
#SPAContentPane button[kendobutton],
#SPAContentPane button,
#SPAContentPane .btn, 
#SPAContentPane input[type=button][kendobutton], 
#SPAContentPane input[type=submit][kendobutton] {
    background-color:var(--ButtonBackgroundColor);
    color:var(--ButtonFontColor);
}

    #SPAContentPane button[kendobutton]:hover,
    #SPAContentPane button:hover,
    #SPAContentPane .btn:hover,
    #SPAContentPane input[type=button][kendobutton]:hover,
    #SPAContentPane input[type=submit][kendobutton]:hover {
        color:var(--ButtonHoverFontColor);
    }

    #SPAContentPane button[kendobutton]:active,
    #SPAContentPane button:active,
    #SPAContentPane .btn:active,
    #SPAContentPane input[type=button][kendobutton]:active,
    #SPAContentPane input[type=submit][kendobutton]:active {
        color:var(--ButtonHoverFontColor);
    }

    #SPAContentPane kendo-numerictextbox .k-numeric-wrap .k-select > .k-link.k-state-active {
        background-color:var(--ButtonBackgroundColor);
        color:var(--ButtonHoverFontColor);
    }
    
/*Combo Box*/
#SPAContentPane kendo-dropdownlist span.k-dropdown-wrap.k-state-default span.k-input,
#SPAContentPane kendo-combobox span.k-dropdown-wrap.k-state-default input.k-input {
    color: var(--ComboBoxFontColor);
    background-color: var(--ComboBoxBackgroundColor);
}

#SPAContentPane kendo-dropdownlist:hover span.k-dropdown-wrap span.k-input,
#SPAContentPane kendo-combobox:hover span.k-dropdown-wrap input.k-input {
    color:var(--ComboBoxHoveredFontColor);
    background-color:var(--ComboBoxHoveredBackgroundColor);
}
#SPAContentPane kendo-dropdownlist:hover span.k-dropdown-wrap span.k-input,
#SPAContentPane kendo-combobox:hover span.k-dropdown-wrap input.k-input {
/*    box-shadow: inset 0px 0px 13px 0px rgba(0, 0, 0, .4), 0 0 .3em .3em #0A9FFF !important;
    -webkit-box-shadow: inset 0px 0px 13px 0px rgba(0, 0, 0, .4), 0 0 .3em .3em #0A9FFF !important;*/
}  

#SPAContentPane kendo-dropdownlist span.k-dropdown-wrap.k-state-focused span.k-input,
#SPAContentPane kendo-combobox span.k-dropdown-wrap.k-state-focused input.k-input {
    color:var(--ComboBoxSelectedFontColor);
    background-color:var(--ComboBoxSelectedBackgroundColor);
    /*There is no ComboBox focused border setting that is working Ive used the focused background color here for now*/
}


#SPAContentPane .k-numeric-wrap.k-state-focused input.k-input,
#SPAContentPane .k-combobox .k-dropdown-wrap.k-state-focused input.k-input,
#SPAContentPane .k-dropdown .k-dropdown-wrap.k-state-focused span.k-input {
    color:var(--ComboBoxSelectedFontColor) !important;
}

/*excludes search from normal combobox theme inheritance to better match other similar controls*/
#SPAContentPane .basic-search.k-combobox .k-dropdown-wrap.k-state-focused input.k-input {
    color:inherit !important;
}
#SPAContentPane .basic-search.k-combobox .k-dropdown-wrap input.k-input {
    background-color:white !important;
    color:inherit !important;
}
     #SPAContentPane kendo-combobox.basic-search.k-combobox:hover .k-dropdown-wrap.k-state-default input.k-input {
    
    }
    #SPAContentPane .basic-search.k-combobox .k-dropdown-wrap.k-state-default.k-state-focused input {
 
    }


#SPAContentPane .basic-search.k-combobox .k-dropdown-wrap.k-state-focused input.k-input {
    color:inherit !important;
}
#SPAContentPane .basic-search.k-combobox.k-state-invalid .k-dropdown-wrap,
#SPAContentPane .basic-search.k-combobox.ng-invalid.ng-dirty.ng-touched .k-dropdown-wrap,
#SPAContentPane .basic-search.k-combobox.ng-invalid.ng-dirty .k-dropdown-wrap {
  border-color: rgba(243, 23, 0, 0.5);
  color: #f31700!important;
}

#SPAContentPane .k-numerictextbox.k-state-invalid .k-numeric-wrap, .k-numerictextbox.ng-invalid.ng-touched .k-numeric-wrap, .k-numerictextbox.ng-invalid.ng-dirty .k-numeric-wrap {
  border-color: rgba(243, 23, 0, 0.5);
  color: #f31700 ;
}

#SPAContentPane .k-textbox.ng-invalid.ng-dirty, .k-textbox.ng-invalid.ng-touched {
  color: #f31700 ;
}

#SPAContentPane kendo-popup .k-list-container.k-popup kendo-list .k-item.k-state-selected {
    background-color: var(--ComboBoxSelectedListItemBackgroundColor);
    color: var(--ComboBoxSelectedListItemFontColor);
}

#SPAContentPane kendo-popup .k-list-container.k-popup kendo-list .k-item.k-state-focused {
    /*This isnt working - the variable does not resolve, defaulting to functioning hover variables for now*/
    /*temporary working variable*/
    background-color: var(--ComboBoxHoveredListItemBackgroundColor);
    color: var(--ComboBoxHoveredListItemFontColor);
    /*Correct but non-functional Variable*/
    background-color: var(--ComboBoxSelectedListItemBackgroundColor);
    color: var(--ComboBoxSelectedListItemFontColor);
}

#SPAContentPane kendo-popup .k-list-container.k-popup kendo-list .k-list .k-item:hover {
    background-color:var(--ComboBoxHoveredListItemBackgroundColor);
    color:var(--ComboBoxHoveredListItemFontColor);
}

/*These should become active themeing once we set up textbox theme support are static for now*/
#SPAContentPane .form-control kendo-combobox.k-widget.k-combobox span.k-dropdown-wrap.k-state-default,
#SPAContentPane .form-control kendo-combobox.k-widget.k-combobox span.k-dropdown-wrap.k-state-default.k-state-focused {
    background-color: white!important;
    background-image: none!important;
}

#SPAContentPane .k-pager-wrap .k-link, .k-pager-wrap .k-state-selected {
    padding: 1.25px;
}

#SPAContentPane kendo-grid .k-grid-content {
    background-color: var(--GridBackgroundColor);
}

#SPAContentPane kendo-grid .k-grid .k-pager-wrap.k-grid-pager .k-link {
    color:var(--GridPagerFontColor)!important; /*should this be pager button color in stead what matches kendo best?*/
}

#SPAContentPane kendo-grid.k-grid kendo-pager.k-grid-pager kendo-pager-numeric-buttons a.k-link.k-state-selected {
    background-color:transparent!important;
}

#SPAContentPane kendo-grid.k-grid kendo-pager.k-grid-pager {
    color: var(--GridPagerFontColor)!important;
}

#SPAContentPane kendo-grid-filter-menu span.k-icon {
    color: var(--GridHeaderFontColor)!important;
}

#SPAContentPane .k-grid .k-detail-row .k-grid tr td a.gridLink:visited,
#SPAContentPane .k-grid .k-detail-row .k-grid tr td a.gridLink {
    color: var(--GridItemFontColor);
}