/* 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_f5tuDmtVBtrLZi-Xg-rUHQmwUzl9_z_RBqBjh42_RZSYz-66ct6gz9NfhYIk3-Mc057VqYlQNag9-kj36VZGXtVtxhJIBz6dbuGvzkWsWKflHWLRPijY7rEJ7AQwM_U3lbMeaCj0I9ILd1EolB39OKdiXVWjg7W7dICGzkCVbl6qlln8ZPll5ygGqrPSg5YsVK6jHbcGizZkv1g2&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_f5tuDmtVBtrLZi-Xg-rUHQmwUzl9_z_RBqBjh42_RZSYz-66ct6gz9NfhYIk3-Mc057VqYlQNag9-kj36VZGXtVtxhJIBz6dbuGvzkWsWKflHWLRPijY7rEJ7AQwM_U3lbMeaCj0I9ILd1EolB39OKdiXVWjg7W7dICGzkCVbl6qlln8ZPll5ygGqrPSg5YsVK6jHbcGizZkv1g2&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_f5tuDmtVBtrLZi-Xg-rUHQmwUzl9_z_RBqBjh42_RZSYz-66ct6gz9NfhYIk3-Mc057VqYlQNag9-kj36VZGXtVtxhJIBz6dbuGvzkWsWKflHWLRPijY7rEJ7AQwM_U3lbMeaCj0I9ILd1EolB39OKdiXVWjg7W7dICGzkCVbl6qlln8ZPll5ygGqrPSg5YsVK6jHbcGizZkv1g2&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=7DUYJMLTny8Cf66BDnnsxBRk2TtsbvleH-RRbC9TJViQGGz7nzVLTLU2EQhxRtuq-toaDSa_K4Mo9mWaLpqfk7lMIXcVSV-3xoAvIzQet6evAD6ifj7LXhQyr-jO0u2HcuvgucK5LfjJvNCLIhwXq9k13uwnAW04ypdtBvGAC1SLWhsdiXI8j0pbq_wlmDp4usYec3-diorBvpTydijTg6OjvL21_0WtQofIX3DuFCE1&t=638847313280000000');
    _background-image: url('/AMSApp/WebResource.axd?d=_QVDpdEWmhuQa-l6Po6f5rLRTpsZeoDkwghT5w7s7IlZ3Stbvrjh-b9_d_Mvwc9mKYcT92ChG8hXH--eVVcEtBcpykwcy_ZTmWm0EQD-nBFBDjx5jwM3JRnsh_2lXqlQuvRYBAMLsgsfzqGcK9CrfcAa89APzTzpensL947OYxG-q4rOO_zTpol8kmraqu4aab8DOE5VA2HBFQk7pH7BNKfcRCotgfPQd6-r2Dr4qDc1&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-jg5drUSAQrvV47kckWUXIRHkWEKifzBCNJj4Xf5ZtLkImPu_zm9sHEp46eK51P7QYB5N-are40gZl8EW1-YRx7MjFKx0ZW2CJPxu54Qn7NOcjg7j6vxwJEsL_HDwQm6pdbGutN_tmSTeiEHjWZHp2bNkeEijRyuwuc33VtGQTmQuPmwDdKEJ84UpuG1ul-K2g2&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-fbZ59h3r8dywK8hfWqyfjl_qtAAXkyMVm2GL-Db-c6E6xOJHzqujz7H8MqlDk7avpXffir4yjLNZUzAUb66R7dXZATv-zGrCftovje6rphU3dngEZ3l_sClHYumPac1jAct_MOr3-ZZYMkjvLu5NNloEqnD7ozG-bK0qH-ftsVVdyTUWuQ1kADWsniYje1uu6jw99Q2&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_e8R52MoOUjI6E-R3Cw6AXBNfksoehr8v52NpsQ8zcVc_PfVSi88yECxdsZRaOA6WDVV9n3dH6bS_7pzYg2evPkGGXGNeNZvtc7Bx3dFLvBJzgBDEfVyYm_ogtdomyUpYF7ouSAlplG5jKjLGcUIHMdufbP3SqTIR_Ulc_Ei_NMx00CL-zlz6Hh5tTLHGEUyhyAVq2FA2&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_e8R52MoOUjI6E-R3Cw6AXBNfksoehr8v52NpsQ8zcVc_PfVSi88yECxdsZRaOA6WDVV9n3dH6bS_7pzYg2evPkGGXGNeNZvtc7Bx3dFLvBJzgBDEfVyYm_ogtdomyUpYF7ouSAlplG5jKjLGcUIHMdufbP3SqTIR_Ulc_Ei_NMx00CL-zlz6Hh5tTLHGEUyhyAVq2FA2&t=638847313280000000');
}

.RadInput_TMW_v1 a {
    background: transparent no-repeat url('/AMSApp/WebResource.axd?d=lSZdpa-Xuhyz95_e8R52MoOUjI6E-R3Cw6AXBNfksoehr8v52NpsQ8zcVc_PfVSi88yECxdsZRaOA6WDVV9n3dH6bS_7pzYg2evPkGGXGNeNZvtc7Bx3dFLvBJzgBDEfVyYm_ogtdomyUpYF7ouSAlplG5jKjLGcUIHMdufbP3SqTIR_Ulc_Ei_NMx00CL-zlz6Hh5tTLHGEUyhyAVq2FA2&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=Dgm0wLxlXQKCXqvsjaCN5PSLchutxzBt8qBamifIha_VIO0FsAvbSD5fC9QvKbeoy70d8OY1mvm4Ee0goGJ_3P19u0EpyypvMEiA1KbQMOSlfunyx0_dXjapehsKMQ8-N4wvaeN6bMitQFTd8V_0T700aF7rOVU1S6fx4MCfn74PSIg1lfnqgEVSgow-79HM4UKFRUwioPN00z6gXfNGcg2&t=638847313280000000');
    }

    .RadComboBox_TMW_v1 td.rcbArrowCellRight {
        background: var(--ButtonBackgroundColor) url('/AMSApp/WebResource.axd?d=WUpQ9Wo57TEPycq3FhLB_5iXILcWQHEXhotFZfR-Gl33EkJPxk-9QnxFqaGG-EPDdkC8D-WEjLVFurqmXNX2BA0PQcaBWrFj-MujdPavalvPfzHHCOVooLmu2zwmZOXNII2-rvfGplUv0ZLyh_H719LS_7YWrKwXF63iShwneJ4zYJSMCV0horcZ-6Jmsb8CciLXa9oSZmZMbaeafvrNoQ2&t=638847313280000000') no-repeat top left;
    }

.RadGrid_TMW_v1 .rgSelectedRow .RadComboBox_TMW_v1 .rcbArrowCell a {
    background: var(--ButtonBackgroundColor) url('/AMSApp/WebResource.axd?d=WUpQ9Wo57TEPycq3FhLB_5iXILcWQHEXhotFZfR-Gl33EkJPxk-9QnxFqaGG-EPDdkC8D-WEjLVFurqmXNX2BA0PQcaBWrFj-MujdPavalvPfzHHCOVooLmu2zwmZOXNII2-rvfGplUv0ZLyh_H719LS_7YWrKwXF63iShwneJ4zYJSMCV0horcZ-6Jmsb8CciLXa9oSZmZMbaeafvrNoQ2&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_5iXILcWQHEXhotFZfR-Gl33EkJPxk-9QnxFqaGG-EPDdkC8D-WEjLVFurqmXNX2BA0PQcaBWrFj-MujdPavalvPfzHHCOVooLmu2zwmZOXNII2-rvfGplUv0ZLyh_H719LS_7YWrKwXF63iShwneJ4zYJSMCV0horcZ-6Jmsb8CciLXa9oSZmZMbaeafvrNoQ2&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=Dgm0wLxlXQKCXqvsjaCN5PSLchutxzBt8qBamifIha_VIO0FsAvbSD5fC9QvKbeoy70d8OY1mvm4Ee0goGJ_3P19u0EpyypvMEiA1KbQMOSlfunyx0_dXjapehsKMQ8-N4wvaeN6bMitQFTd8V_0T700aF7rOVU1S6fx4MCfn74PSIg1lfnqgEVSgow-79HM4UKFRUwioPN00z6gXfNGcg2&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_5iXILcWQHEXhotFZfR-Gl33EkJPxk-9QnxFqaGG-EPDdkC8D-WEjLVFurqmXNX2BA0PQcaBWrFj-MujdPavalvPfzHHCOVooLmu2zwmZOXNII2-rvfGplUv0ZLyh_H719LS_7YWrKwXF63iShwneJ4zYJSMCV0horcZ-6Jmsb8CciLXa9oSZmZMbaeafvrNoQ2&t=638847313280000000') no-repeat top left;
}



.RadComboBox_TMW_v1 .rcbReadOnly td.rcbArrowCellRight {
    background: #2B4F75 url('/AMSApp/WebResource.axd?d=WUpQ9Wo57TEPycq3FhLB_5iXILcWQHEXhotFZfR-Gl33EkJPxk-9QnxFqaGG-EPDdkC8D-WEjLVFurqmXNX2BA0PQcaBWrFj-MujdPavalvPfzHHCOVooLmu2zwmZOXNII2-rvfGplUv0ZLyh_H719LS_7YWrKwXF63iShwneJ4zYJSMCV0horcZ-6Jmsb8CciLXa9oSZmZMbaeafvrNoQ2&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-grgaGFEPbvBG3XTmokLbg-fuAMJlAk8XeR6mx_aK6XxTuZT4Y9LYyjRvClKXp9F_4kciyh2fJFSlA8P7LLcOmEad433Tsa6k40sHTiVvFeY0xnqU4dnKac9IAGCATmBjz8dX5_q9UvS_YUc2htimpfdcSHE4YdHV2zbfK_cASFo7eAqfA4r6Vxz2yTOs2RoXBBw60xNodgnby7snOYr5vZPXeg1&t=638847313280000000') no-repeat top left;
}

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

.RadComboBox_TMW_v1 .rcbDisabled .rcbReadOnly td.rcbArrowCellRight {
    background: transparent url('/AMSApp/WebResource.axd?d=wM-y4FQ-OhaIkEyB-grgaGFEPbvBG3XTmokLbg-fuAMJlAk8XeR6mx_aK6XxTuZT4Y9LYyjRvClKXp9F_4kciyh2fJFSlA8P7LLcOmEad433Tsa6k40sHTiVvFeY0xnqU4dnKac9IAGCATmBjz8dX5_q9UvS_YUc2htimpfdcSHE4YdHV2zbfK_cASFo7eAqfA4r6Vxz2yTOs2RoXBBw60xNodgnby7snOYr5vZPXeg1&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=qTfjs9zhP9tXXRgMvZt6ymVPqcFHrInuhCCdDnlYrZN4lP8R4F3wQvg3lRVxcpg6Q0eqIaZNQtSrATKHeq1CG1StYpDDL21Nd-icFZt2IGYkEazjkb7C4VQTpI7a5Dm2QvYzMRaY1ChFfj1-RE854nzscnuSEazScZ4iGY470I7ap26cu5hnGZHLcZW_JWD_nA3tQhkmPAKANAg7l1LikA2&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=qTfjs9zhP9tXXRgMvZt6ymVPqcFHrInuhCCdDnlYrZN4lP8R4F3wQvg3lRVxcpg6Q0eqIaZNQtSrATKHeq1CG1StYpDDL21Nd-icFZt2IGYkEazjkb7C4VQTpI7a5Dm2QvYzMRaY1ChFfj1-RE854nzscnuSEazScZ4iGY470I7ap26cu5hnGZHLcZW_JWD_nA3tQhkmPAKANAg7l1LikA2&t=638847313280000000');
}


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

.RadGrid_TMW_v1 .rgDrag {
    background-image: url('/AMSApp/WebResource.axd?d=ssNDN9tzgHtNSknj5FQ54vcoEaz5pLmHtYSv3KJcgYqJECGCyxrdRfvB7FofbQe3S6FrjaUteeskQebCEhhv-_QjDXp5yOCwN5f54OuIBBtQrKFuNq3Zip_AUgxdgADX5PRYAow7UHba_hKhdhcGntDaAEIHnvxllWYgfZnRlbXGyKQKrYjLleBTCwSrVs_8NsIxcUGFKJeNDVg4KOVWZA2&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=qTfjs9zhP9tXXRgMvZt6ymVPqcFHrInuhCCdDnlYrZN4lP8R4F3wQvg3lRVxcpg6Q0eqIaZNQtSrATKHeq1CG1StYpDDL21Nd-icFZt2IGYkEazjkb7C4VQTpI7a5Dm2QvYzMRaY1ChFfj1-RE854nzscnuSEazScZ4iGY470I7ap26cu5hnGZHLcZW_JWD_nA3tQhkmPAKANAg7l1LikA2&t=638847313280000000');
}

.GridReorderBottom_TMW_v1 {
    background: 0 0 no-repeat url('/AMSApp/WebResource.axd?d=qTfjs9zhP9tXXRgMvZt6ymVPqcFHrInuhCCdDnlYrZN4lP8R4F3wQvg3lRVxcpg6Q0eqIaZNQtSrATKHeq1CG1StYpDDL21Nd-icFZt2IGYkEazjkb7C4VQTpI7a5Dm2QvYzMRaY1ChFfj1-RE854nzscnuSEazScZ4iGY470I7ap26cu5hnGZHLcZW_JWD_nA3tQhkmPAKANAg7l1LikA2&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_-wEWN885D3ZLbkMq9oGjnREzOvPW6CEckQlAlNxXftrPTc6GX9KdPx0nFYyuQ34j2XFEis40uuJMzPntPj-HydDoy-sH9bxLUg1vRoWXy9jPcLU_xQFMKHVHYU3goKvU4Dsk2bbuvcdVOhPpcj0aY_5T1MSTq9cnSCzodetJ-hOdY3wLOgTOd99jmbJeKn59cEPd3A2&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=cjNRPVqMLP1m4b424kX7abv9gWht6s7hnO6lzvEeYJoLBt5Ct-Z-PyxIFPIl7b-WA9xGyVVR4OLsx8DJEqQGjzv8bKWRgr_wM7VU7znqKpSYY4_dumCRXj1Yh9oMiYuj_Mikffm-7ei_I0xmYtyQXNaukZ76LupYTBhdN1usnPoFLeG4CIb96XNWKI8mLx6gob9ufoPlblxT4LTwmsoahQ2&t=638847313280000000');
}

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


.Radwindow_TMW_v1 td.rwWindowContent.rwLoading {
    background-image: url('/AMSApp/WebResource.axd?d=ELEI6NYqJbaQ3ZCt8XM8BwaHczpzC1Xp58ksXjNxHd_8-CtnXgyZ_UW66xphdwvZ959YvhxTCaX8jKIsjaeLxk5L0G7694tjLL95fhv4iRFM4tnFrN5xzpdGOC3hpbKePk9OVCnQwd04U2xwOru7vcQxPjRpEmRJCbvyWy3NsK-wZT-Ck4e-NSFlaAEShM65c28fsKf52wVhipOL6vvShw2&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=FO1YORzXcYMguJ6Dler9wtDfCQb10K3MkxjN6w_Dotw-kzF2Djny6t9_ZVhCqk4gEQAaXeYLmKnUYrScRIXtF3OdRAHLphYf4f1C9ubMT-RNbh7eXFl-HdyH_TFmvdB7egUefmSaWGhCIuEl2bQ8TsFgdi1q3W17-snpN5paIyKZq0JBKRVwtCYnIMbMgq7xHNQz7OOBPfyD5JwpCCAmcA2&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=FO1YORzXcYMguJ6Dler9wtDfCQb10K3MkxjN6w_Dotw-kzF2Djny6t9_ZVhCqk4gEQAaXeYLmKnUYrScRIXtF3OdRAHLphYf4f1C9ubMT-RNbh7eXFl-HdyH_TFmvdB7egUefmSaWGhCIuEl2bQ8TsFgdi1q3W17-snpN5paIyKZq0JBKRVwtCYnIMbMgq7xHNQz7OOBPfyD5JwpCCAmcA2&t=638847313280000000');
}

.RadPicker_TMW_v1 .rcCalPopup,
.RadPicker_TMW_v1 .rcTimePopup {
    background-image: url('/AMSApp/WebResource.axd?d=FO1YORzXcYMguJ6Dler9wtDfCQb10K3MkxjN6w_Dotw-kzF2Djny6t9_ZVhCqk4gEQAaXeYLmKnUYrScRIXtF3OdRAHLphYf4f1C9ubMT-RNbh7eXFl-HdyH_TFmvdB7egUefmSaWGhCIuEl2bQ8TsFgdi1q3W17-snpN5paIyKZq0JBKRVwtCYnIMbMgq7xHNQz7OOBPfyD5JwpCCAmcA2&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-CWoSZgdGqSFeKPdRgAjpgKNR9mgVcB3qJzYji7HYSbdrpyZeMFlZls2_VHRFi3aR00TVQccd_JzFNFKhyJkU-cEDJxRQ30ZgqmCtHZBUDsEMfSRz5kTJKZn7uqXCUK96mLDxHjFk2mskv7d4QQjyvPc7B3rkvCsHKK8GJs0s0dUyowWulzGDTINB0J4TJT_ta_G6A2&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-vv0n2mThbt2ROB91LkfOcrCAn1dvXTzayRX7Q-SIjK9fevsFPd0epUfkjJkXKquqBhy1uk03SsUQx34Ew1_feYctfhDA8savADHAkfqgM8za3FVYE-4uxfeoXaLg5SyA2qyvDNwecp_K_Y8jVPyAOrouLRD2teTzadkEaUqcKz_o6ToS_9SjE0B0tyiQRTzH3RC_DudAqcKxu-TSSqKABwjx1TIxI-EmrBDlIXI1&t=638847313280000000');
    }


.reTool span, .TMW_v1.reInsertTable .reTlbVertical ul .reTool_text span, .reToolbar .reTool_text span {
    background-image: url('/AMSApp/WebResource.axd?d=Q8cNY4k8wU5eiFU67gvfxdAYO5W63IqVafrKZRc8Vph7JXCWa_1BCyQxeXw-XLu36K6Nxb2ZtPbpIxoucOwYaIU8j5iYzWrrWQ0nwQ7fB-bhGAmivFf6IKRgIm7XUWwkje9EP6TCFsZH698Houu_1rBiAW-504Ng2wvFuxVyTJBfreMjvH4w06BJUyq-bRVyLeurwJ6yl6akLW51FkBSmB35LCg7SRP1l7pdAG-vPRs1&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_s3HYWTekE9oPAN7LcFTaA2K0pQeJy2CW8PwTRAEL8rNZZB56tikr-epIluKavKDriyktI_XZrjeWewX8TCZ2h4-i_57-ibnhvlhlsfjMviAqA4-uTWQnxmDrCHGOcNWY1HDDps9tvz1hk42_hX60BkjjW3M3DtbB8u3BGISCT0Fzysv-3G24q0dmxyeDzbv_5Yhd4r_QZRaPINdFa3vxegSJ5LNKSQsk3Qfc1&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);
}