.grayscale{
      filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray;
}

/*High contrast*/

.highContrast .header-top-container,
.highContrast .header-bottom-container,
body.highContrast,
.highContrast .footer-content,
.highContrast .footer-nav-copyright,
.highContrast .RefPage .RefExample, 
.highContrast .RefPage table,
.highContrast .RefExample:before, 
.highContrast .RefTOC, 
.highContrast .RefIconList li, 
.highContrast .RefPage code,
.highContrast :not(pre) > code[class*="language-"], pre[class*="language-"],
.highContrast .Quote,
.highContrast .FeatureText,
.highContrast .accessTools{
  background:#000;
  color:#fff;
}

.highContrast .account-toggle, 
.highContrast .account-toggle:visited{
  color: #00FFFF!important;
}

.highContrast .socialIcons svg{
  fill:#00FFFF;
}


.highContrast .account-toggle:hover, 
.highContrast .account-toggle:focus{
  color: #00FFFF!important;
  background:#400000;
}

.highContrast .breadcrumb li:not(:last-of-type):after,
.highContrast #masterMainBreadcrumb{
    color: #fff;
}

.highContrast .CalloutArea2{
  background:#000;
  color: #00FFFF;
}

.highContrast .CalloutArea1{
  background:#000;
}

.highContrast .token.property, 
.highContrast .token.tag, 
.highContrast .token.boolean, 
.highContrast .token.number, 
.highContrast .token.constant, 
.highContrast .token.symbol, 
.highContrast .token.deleted {
    color: #00FFFF;
}

.highContrast #masterLogoArea img{
  background:#808080;
}

.highContrast .nav-auxiliary .UtilityAuthentication a, 
.highContrast .nav-auxiliary .UtilityNavigationList a, 
.highContrast .nav-auxiliary .UtilityAuthentication a:visited, 
.highContrast .nav-auxiliary .UtilityNavigationList a:visited,
.highContrast .RadMenu.RadMenu_Toronto .rmLink,
.highContrast a, 
.highContrast .Link,
.highContrast .RadGrid.RadGrid .rgRow a, 
.highContrast .RadGrid.RadGrid .rgAltRow a, 
.highContrast .RadGrid.RadGrid .rgEditForm a, 
.highContrast .k-grid.k-grid a,
.highContrast .RadToolTip.RadToolTip a{
    color: #00FFFF;
}

.highContrast .nav-auxiliary .UtilityAuthentication a:hover, 
.highContrast .nav-auxiliary .UtilityNavigationList a:hover, 
.highContrast .nav-auxiliary .UtilityAuthentication a:focus, 
.highContrast .nav-auxiliary .UtilityNavigationList a:focus {
    color: #00FFFF;
    background-color: #400000;
}


.highContrast .RadMenu.RadMenu_Toronto .rmToggle .rmIcon, 
.highContrast .RadMenu.RadMenu_Toronto .rmRootGroup .rmRootLink .rmToggle .rmIcon:after {
    border-color: #00FFFF transparent transparent transparent;
}

.highContrast .InternalHeaderArea .carousel-inner.bg-img > .item{
  background-image: none!important;
  background-color:#000;
}

.highContrast h1,
.highContrast h2,
.highContrast h3,
.highContrast h4,
.highContrast h5,
.highContrast h6,
.highContrast #ft h4{
  color:#40C090;
}

/* default button */
.highContrast .btn,
.highContrast .TextButton,
.highContrast .RadUpload.RadUpload .ruButton,
.highContrast .RadUploadProgressArea.RadUploadProgressArea .ruButton {
  background-color: #000;
  color:#00FFFF ;
}


.highContrast .btn, 
.highContrast .btn:visited,
.highContrast .TextButton,
.highContrast .TextButton:visited,
.highContrast .RadUpload.RadUpload .ruButton,
.highContrast .RadUpload.RadUpload .ruButton:visited,
.highContrast .RadUploadProgressArea.RadUploadProgressArea .ruButton,
.highContrast .RadUploadProgressArea.RadUploadProgressArea .ruButton:visited {
  color: #00FFFF;
}

.highContrast .btn:hover, 
.highContrast .btn:focus, 
.highContrast .btn:active,
.highContrast .TextButton:hover,
.highContrast .TextButton:focus,
.highContrast .TextButton:active,
.highContrast .RadUpload.RadUpload .ruButton:hover,
.highContrast .RadUpload.RadUpload .ruButton:focus,
.highContrast .RadUpload.RadUpload .ruButton:active,
.highContrast .RadUploadProgressArea.RadUploadProgressArea .ruButton:hover,
.highContrast .RadUploadProgressArea.RadUploadProgressArea .ruButton:focus,
.highContrast .RadUploadProgressArea.RadUploadProgressArea .ruButton:active {
  color: #00FFFF ;
  background-color: #400000;
}


.highContrast .GreenButton, 
.highContrast .GreenButton:visited {
    color: #00FFFF;
    background-color: #000;
    border-color: #198754;
}

.highContrast .GreenButton:focus,
.highContrast .GreenButton:hover{
  background-color:#400000;
  border-color:#157347;
}

.highContrast .RadMenu.RadMenu_Toronto .rmRootLink.rmExpanded, 
.highContrast .RadMenu.RadMenu_Toronto .rmRootLink:hover, 
.highContrast .RadMenu.RadMenu_Toronto .rmRootLink.rmFocused {
    background-color: #400000;
}

.highContrast .RadMenu.RadMenu_Toronto .rmGroup,
.account-page-with-banner.highContrast  .account-page-top-area.account-page-top-area,
.highContrast .mini-profile-banner-large .mini-profile-name-section, 
.highContrast .mini-profile-banner-large .mini-profile-address-section,
.highContrast .mini-profile-banner-large .mini-profile-picture-section, 
.highContrast .mini-profile-banner-small .mini-profile-picture-section,
.highContrast .mini-profile-banner-large .panel-heading, 
.highContrast .mini-profile-banner-small .panel-heading, 
.highContrast .account-page-with-banner .account-page-top-area.account-page-top-area{
    background-color: #000000;
}

.highContrast .RadMenu_Toronto .rmSlide .rmLink:hover, 
.highContrast .RadMenu_Toronto .rmSlide .rmLink:focus, 
.highContrast .RadMenu_Toronto .rmSlide .rmLink.rmFocused, 
.highContrast .RadMenu_Toronto .rmSlide .rmLevel1 > .rmItem > .rmLink:hover, 
.highContrast .RadMenu_Toronto .rmSlide .rmLevel1 > .rmItem > .rmLink:focus, 
.highContrast .RadMenu_Toronto .rmSlide .rmLevel1 > .rmItem > .rmLink.rmFocused {
    background-color: #400000;
    color: #00FFFF;
}

.highContrast .mini-profile-banner-large .mini-profile-name-section, 
.highContrast .mini-profile-banner-large .mini-profile-name-section .SectionLabel, 
.highContrast .mini-profile-banner-large .mini-profile-name-section label, 
.highContrast .mini-profile-banner-large .mini-profile-name-section .Label, 
.highContrast .mini-profile-banner-large .mini-profile-address-section, 
.highContrast .mini-profile-banner-large .mini-profile-address-section .SectionLabel, 
.highContrast .mini-profile-banner-large .mini-profile-address-section label, 
.highContrast .mini-profile-banner-large .mini-profile-address-section .Label,
.highContrast label, 
.highContrast .Label, 
.highContrast .PanelFieldLabelFont{
  color:#fff;
}

.highContrast .RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
    background-color: #000;
    color:#00FFFF;
}

html .highContrast  .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected, 
html .highContrast  .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover {
    color: #00FFFF;
    background-color: #000;
    border-color: #00FFFF;
}

.highContrast .sysicon.sysicon-edit, 
.highContrast .sysicon--before.sysicon-edit:before, 
.highContrast .sysicon--after.sysicon-edit:after,
.highContrast .IconSprite.EditIcon{
    background-position: -35px 0px;
    background-image: url(images/IconSprite.png)!important;
}

.highContrast a.sysicon.sysicon-edit:not(.aspNetDisabled):hover, 
.highContrast a.sysicon.sysicon-edit:not(.aspNetDisabled):focus, 
.highContrast a:not(.aspNetDisabled):hover .sysicon.sysicon-edit, 
.highContrast a:not(.aspNetDisabled) .sysicon.sysicon-edit:focus, 
.highContrast a.sysicon--before.sysicon-edit:not(.aspNetDisabled):hover:before, 
.highContrast a.sysicon--before.sysicon-edit:not(.aspNetDisabled):focus:before, 
.highContrast a.sysicon--after.sysicon-edit:not(.aspNetDisabled):hover:after, 
.highContrast a.sysicon--after.sysicon-edit:not(.aspNetDisabled):focus:after{
  background-position: -35px 0px;
    background-image: url(images/IconSprite.png)!important;
}

.highContrast .IconSprite.ConfigureIcon, 
.highContrast .IconSprite.ConfigureIcon[disabled]:hover, 
.highContrast .IconSprite.ConfigureIcon.Disabled:hover, 
.highContrast .IconSprite.ConfigureIcon.aspNetDisabled:hover, 
.highContrast a.aspNetDisabled:hover .IconSprite.ConfigureIcon{
  background-image: url(images/IconSprite.png)!important;
  background-position: -420px 0px;
}

.highContrast .IconSprite.ConfigureIcon:hover, 
.highContrast .IconSprite.ConfigureIcon:focus, 
.highContrast a:hover .IconSprite.ConfigureIcon, 
.highContrast a:focus .IconSprite.ConfigureIcon {
    background-image: url(images/IconSprite.png)!important;
    background-position: -420px 0px;
}

.highContrast .sysicon.sysicon-copy, 
.highContrast .sysicon--before.sysicon-copy:before, 
.highContrast .sysicon--after.sysicon-copy:after {
    background-position: -1050px 0;
    background-image: url(images/IconSprite.png)!important;
}

.highContrast .RadTreeView.GLE .rtIn, 
.highContrast .RadTreeView.GLE .rtHover .rtIn, 
.highContrast .RadTreeView.GLE .rtSelected .rtIn {
    background-color: transparent;
    border: none;
    color: #fff;
}

.highContrast .RadGrid_MetroTouch {
    border-color: #fff;
    color: #fff;
    background-color: #000!important;
}

.highContrast .RadGrid.RadGrid_MetroTouch .rgMasterTable, 
.highContrast .RadGrid.RadGrid_Metro .rgMasterTable {
    background-color: #000;
    color:#fff;
}

.highContrast .RadGrid .rgNoRecords TD {
    color: #fff;
}

.highContrast .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell, 
.highContrast .RadGrid.RadGrid_MetroTouch .rgSelectedRow, 
.highContrast .RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow, 
.highContrast .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted, 
.highContrast .RadGrid.RadGrid_MetroTouch th.rgSorted,
.highContrast .RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell, 
.highContrast .RadGrid.RadGrid_Metro .rgSelectedRow, 
.highContrast .RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow, 
.highContrast .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted, 
.highContrast .RadGrid.RadGrid_Metro th.rgSorted,
.highContrast .dropdown-menu,
.highContrast .small-chartbox .donut-hole,
.highContrast .Alerts .AlertItem{
    background-color: #000;
    border-color: #fff;
    text-decoration: none;
}


.highContrast .account-menu .dropdown-header{
  color:#fff!important;
}


.highContrast .dropdown-menu > li > a:hover, 
.highContrast .dropdown-menu > li > a:focus {
    text-decoration: none;
    background-color: #400000;
  color:#00FFFF;
}

.highContrast .RadGrid_MetroTouch .rgHeader, 
.highContrast .RadGrid_MetroTouch .rgHeader a {
    color: #000;
}

.highContrast #ste_container_ciAccessibilityTools{
  background:#000;
}

.highContrast .breadcrumb-item {
    color: #00FFFF;
}

.highContrast .RadMenu_Toronto .rmSlide .rmExpandRight .rmText:after, 
.highContrast .RadMenu_Toronto .rmSlide .rmGroup a.rmLink.rmExpandRight .rmText:after {
    border-color: transparent transparent transparent #00FFFF;
}

.highContrast .SearchField, 
.highContrast .SearchResultSummary .ListItemTitle a,
.highContrast .ContentBlockPrimary,
.highContrast .RadGrid_MetroTouch .rgAltRow {
    background-color: #000;
}

.highContrast .SearchResultSummary .ListItemTitle a,
.highContrast .RadGrid_MetroTouch .rgNumPart a,
.highContrast .RadGrid.RadGrid_MetroTouch .rgInfoPart, 
.highContrast .RadGrid.RadGrid_Metro .rgInfoPart,
.highContrast .RadGrid_MetroTouch .rgInfoPart strong {
    color: #00FFFF !important;
}

.highContrast .accessTools .links,
.negContrast .accessTools .links{
  background:#000;
}

.highContrast .accessTools .links,
.negContrast .accessTools .links{
  color:#fff;
}

/*Neg contrast*/

.negContrast .header-top-container,
.negContrast .header-bottom-container,
body.negContrast,
.negContrast .footer-content,
.negContrast .footer-nav-copyright,
.negContrast .RefPage .RefExample, 
.negContrast .RefPage table,
.negContrast .RefExample:before, 
.negContrast .RefTOC, 
.negContrast .RefIconList li, 
.negContrast .RefPage code,
.negContrast :not(pre) > code[class*="language-"], pre[class*="language-"],
.negContrast .Quote,
.negContrast .FeatureText{
  background:#000;
  color:#fff;
}

.negContrast .socialIcons svg{
  fill:yellow;
}

.negContrast .account-toggle, 
.negContrast .account-toggle:visited{
  color: yellow!important;
}

.negContrast .account-toggle:hover, 
.negContrast .account-toggle:focus{
  color: yellow!important;
  background:#000000;
}

.negContrast .breadcrumb li:not(:last-of-type):after,
.negContrast #masterMainBreadcrumb{
    color: #fff;
}

.negContrast .CalloutArea2{
  background:#000;
  color: yellow ;
}

.negContrast .CalloutArea1{
  background:#000;
}

.negContrast .token.property, 
.negContrast .token.tag, 
.negContrast .token.boolean, 
.negContrast .token.number, 
.negContrast .token.constant, 
.negContrast .token.symbol, 
.negContrast .token.deleted {
    color: yellow ;
}

.negContrast #masterLogoArea img{
  background:#808080;
}

.negContrast .nav-auxiliary .UtilityAuthentication a, 
.negContrast .nav-auxiliary .UtilityNavigationList a, 
.negContrast .nav-auxiliary .UtilityAuthentication a:visited, 
.negContrast .nav-auxiliary .UtilityNavigationList a:visited,
.negContrast .RadMenu.RadMenu_Toronto .rmLink,
.negContrast a, 
.negContrast .Link,
.negContrast .RadGrid.RadGrid .rgRow a, 
.negContrast .RadGrid.RadGrid .rgAltRow a, 
.negContrast .RadGrid.RadGrid .rgEditForm a, 
.negContrast .k-grid.k-grid a,
.negContrast .RadToolTip.RadToolTip a,
.negContrast .dropdown-menu a, 
.negContrast .dropdown-menu a:visited{
    color: yellow ;
}

.negContrast .dropdown-menu > li > a:hover, 
.negContrast .dropdown-menu > li > a:focus{
  background:#000;
}

.negContrast .nav-auxiliary .UtilityAuthentication a:hover, 
.negContrast .nav-auxiliary .UtilityNavigationList a:hover, 
.negContrast .nav-auxiliary .UtilityAuthentication a:focus, 
.negContrast .nav-auxiliary .UtilityNavigationList a:focus {
    color: yellow;
    background:#000;
}


.negContrast .RadMenu.RadMenu_Toronto .rmToggle .rmIcon, 
.negContrast .RadMenu.RadMenu_Toronto .rmRootGroup .rmRootLink .rmToggle .rmIcon:after {
    border-color: yellow  transparent transparent transparent;
}

.negContrast .InternalHeaderArea .carousel-inner.bg-img > .item{
  background-image: none!important;
  background-color:#000;
}

.negContrast h1,
.negContrast h2,
.negContrast h3,
.negContrast h4,
.negContrast h5,
.negContrast h6,
.negContrast #ft h4{
  color:yellow ;
}

/* default button */
.negContrast .btn,
.negContrast .TextButton,
.negContrast .RadUpload.RadUpload .ruButton,
.negContrast .RadUploadProgressArea.RadUploadProgressArea .ruButton {
  background-color: #000;
  color:yellow  ;
}


.negContrast .btn, 
.negContrast .btn:visited,
.negContrast .TextButton,
.negContrast .TextButton:visited,
.negContrast .RadUpload.RadUpload .ruButton,
.negContrast .RadUpload.RadUpload .ruButton:visited,
.negContrast .RadUploadProgressArea.RadUploadProgressArea .ruButton,
.negContrast .RadUploadProgressArea.RadUploadProgressArea .ruButton:visited {
  color: yellow ;
}

.negContrast .btn:hover, 
.negContrast .btn:focus, 
.negContrast .btn:active,
.negContrast .TextButton:hover,
.negContrast .TextButton:focus,
.negContrast .TextButton:active,
.negContrast .RadUpload.RadUpload .ruButton:hover,
.negContrast .RadUpload.RadUpload .ruButton:focus,
.negContrast .RadUpload.RadUpload .ruButton:active,
.negContrast .RadUploadProgressArea.RadUploadProgressArea .ruButton:hover,
.negContrast .RadUploadProgressArea.RadUploadProgressArea .ruButton:focus,
.negContrast .RadUploadProgressArea.RadUploadProgressArea .ruButton:active {
  color: yellow ;
}


.negContrast .GreenButton, 
.negContrast .GreenButton:visited {
    color: yellow ;
    background-color: #000;
    border-color: #198754;
}

.negContrast .GreenButton:focus,
.negContrast .GreenButton:hover{
  border-color:#157347;
}

.negContrast .RadMenu.RadMenu_Toronto .rmRootLink.rmExpanded, 
.negContrast .RadMenu.RadMenu_Toronto .rmRootLink:hover, 
.negContrast .RadMenu.RadMenu_Toronto .rmRootLink.rmFocused {
    background-color: #000000;
}

.negContrast .RadMenu.RadMenu_Toronto .rmGroup,
.account-page-with-banner.negContrast  .account-page-top-area.account-page-top-area,
.negContrast .mini-profile-banner-large .mini-profile-name-section, 
.negContrast .mini-profile-banner-large .mini-profile-address-section,
.negContrast .mini-profile-banner-large .mini-profile-picture-section, 
.negContrast .mini-profile-banner-small .mini-profile-picture-section,
.negContrast .mini-profile-banner-large .panel-heading, 
.negContrast .mini-profile-banner-small .panel-heading, 
.negContrast .account-page-with-banner .account-page-top-area.account-page-top-area{
    background-color: #000000;
}

.negContrast .RadMenu_Toronto .rmSlide .rmLink:hover, 
.negContrast .RadMenu_Toronto .rmSlide .rmLink:focus, 
.negContrast .RadMenu_Toronto .rmSlide .rmLink.rmFocused, 
.negContrast .RadMenu_Toronto .rmSlide .rmLevel1 > .rmItem > .rmLink:hover, 
.negContrast .RadMenu_Toronto .rmSlide .rmLevel1 > .rmItem > .rmLink:focus, 
.negContrast .RadMenu_Toronto .rmSlide .rmLevel1 > .rmItem > .rmLink.rmFocused {
    color: yellow;
}

.negContrast .mini-profile-banner-large .mini-profile-name-section, 
.negContrast .mini-profile-banner-large .mini-profile-name-section .SectionLabel, 
.negContrast .mini-profile-banner-large .mini-profile-name-section label, 
.negContrast .mini-profile-banner-large .mini-profile-name-section .Label, 
.negContrast .mini-profile-banner-large .mini-profile-address-section, 
.negContrast .mini-profile-banner-large .mini-profile-address-section .SectionLabel, 
.negContrast .mini-profile-banner-large .mini-profile-address-section label, 
.negContrast .mini-profile-banner-large .mini-profile-address-section .Label,
.negContrast label, 
.negContrast .Label, 
.negContrast .PanelFieldLabelFont,
.negContrast .account-menu .dropdown-header{
  color:#fff;
}

.negContrast .RadTabStrip_MetroTouch .rtsLevel1 .rtsLink,
.negContrast .accessTools{
    background-color: #000;
    color:yellow ;
}

html .negContrast  .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected, 
html .negContrast  .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover {
    color: yellow;
    border-color: yellow;
    background-color: #000;
}

.negContrast .sysicon.sysicon-edit, 
.negContrast .sysicon--before.sysicon-edit:before, 
.negContrast .sysicon--after.sysicon-edit:after,
.negContrast .IconSprite.EditIcon{
    background-position: -35px 0px;
    background-image: url(images/IconSprite.png)!important;
}

.negContrast a.sysicon.sysicon-edit:not(.aspNetDisabled):hover, 
.negContrast a.sysicon.sysicon-edit:not(.aspNetDisabled):focus, 
.negContrast a:not(.aspNetDisabled):hover .sysicon.sysicon-edit, 
.negContrast a:not(.aspNetDisabled) .sysicon.sysicon-edit:focus, 
.negContrast a.sysicon--before.sysicon-edit:not(.aspNetDisabled):hover:before, 
.negContrast a.sysicon--before.sysicon-edit:not(.aspNetDisabled):focus:before, 
.negContrast a.sysicon--after.sysicon-edit:not(.aspNetDisabled):hover:after, 
.negContrast a.sysicon--after.sysicon-edit:not(.aspNetDisabled):focus:after{
  background-position: -35px 0px;
    background-image: url(images/IconSprite.png)!important;
}

.negContrast .IconSprite.ConfigureIcon, 
.negContrast .IconSprite.ConfigureIcon[disabled]:hover, 
.negContrast .IconSprite.ConfigureIcon.Disabled:hover, 
.negContrast .IconSprite.ConfigureIcon.aspNetDisabled:hover, 
.negContrast a.aspNetDisabled:hover .IconSprite.ConfigureIcon{
  background-image: url(images/IconSprite.png)!important;
  background-position: -420px 0px;
}

.negContrast .IconSprite.ConfigureIcon:hover, 
.negContrast .IconSprite.ConfigureIcon:focus, 
.negContrast a:hover .IconSprite.ConfigureIcon, 
.negContrast a:focus .IconSprite.ConfigureIcon {
    background-image: url(images/IconSprite.png)!important;
    background-position: -420px 0px;
}

.negContrast .sysicon.sysicon-copy, 
.negContrast .sysicon--before.sysicon-copy:before, 
.negContrast .sysicon--after.sysicon-copy:after {
    background-position: -1050px 0;
    background-image: url(images/IconSprite.png)!important;
}

.negContrast .RadTreeView.GLE .rtIn, 
.negContrast .RadTreeView.GLE .rtHover .rtIn, 
.negContrast .RadTreeView.GLE .rtSelected .rtIn {
    background-color: transparent;
    border: none;
    color: #fff;
}

.negContrast .RadGrid_MetroTouch {
    border-color: #fff;
    color: #fff;
    background-color: #000!important;
}

.negContrast .RadGrid.RadGrid_MetroTouch .rgMasterTable, 
.negContrast .RadGrid.RadGrid_Metro .rgMasterTable,
.negContrast .small-chartbox .donut-hole,
.negContrast .Alerts .AlertItem{
    background-color: #000;
    color:#fff;
}

.negContrast .RadGrid .rgNoRecords TD {
    color: #fff;
}

.negContrast .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell, 
.negContrast .RadGrid.RadGrid_MetroTouch .rgSelectedRow, 
.negContrast .RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow, 
.negContrast .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted, 
.negContrast .RadGrid.RadGrid_MetroTouch th.rgSorted,
.negContrast .RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell, 
.negContrast .RadGrid.RadGrid_Metro .rgSelectedRow, 
.negContrast .RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow, 
.negContrast .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted, 
.negContrast .RadGrid.RadGrid_Metro th.rgSorted {
    background-color: #000;
    border-color: #fff;
    text-decoration: none;
}

.negContrast .RadGrid_MetroTouch .rgHeader, 
.negContrast .RadGrid_MetroTouch .rgHeader a {
    color: #000;
}

.negContrast #ste_container_ciAccessibilityTools,
.negContrast.dropdown-menu{
  background:#000;
}

.negContrast .breadcrumb-item {
    color: yellow;
}

.negContrast .RadMenu_Toronto .rmSlide .rmExpandRight .rmText:after, 
.negContrast .RadMenu_Toronto .rmSlide .rmGroup a.rmLink.rmExpandRight .rmText:after {
    border-color: transparent transparent transparent yellow;
}



/*Light background*/

.lightBG .header-top-container{
  background:#fff;
}

.lightBG .nav-auxiliary .UtilityAuthentication a,
.lightBG .UtilityNavigation .account-menu > li > a, 
.lightBG .UtilityNavigation .account-menu > li > a:hover, 
.lightBG .UtilityNavigation .account-menu > li > a:visited, 
.lightBG .UtilityNavigation .account-menu > li > a:active,
.lightBG .nav-auxiliary .UtilityAuthentication a, 
.lightBG .nav-auxiliary .UtilityNavigationList a, 
.lightBG .nav-auxiliary .UtilityAuthentication a:visited, 
.lightBG .nav-auxiliary .UtilityNavigationList a:visited,
.lightBG h1,
.lightBG h2,
.lightBG h3,
.lightBG h4,
.lightBG h5,
.lightBG h6,
.lightBG #ft h4,
.lightBG .breadcrumb li.breadcrumb-item,
.lightBG .InternalHeaderArea .carousel-caption h1{
  color:#000;
  
}

.lightBG .obo-toggle {
    background-position: 0px -70px;
}

.lightBG .InternalHeaderArea .carousel-inner.bg-img > .item{
  background-image: none!important;
  background-color: #fff;
}

.lightBG .footer-content,
.lightBG .footer-nav-copyright{
  color:#000;
  background:#fff;
}

.lightBG .socialIcons svg{
  fill:#000;
}

.lightBG #masterLogoArea img {
    background: #000;
}


/* default button */
.lightBG .btn,
.lightBG .TextButton,
.lightBG .RadUpload.RadUpload .ruButton,
.lightBG .RadUploadProgressArea.RadUploadProgressArea .ruButton {
  background-color: #fff;
  color:#000 ;
}

.lightBG .btn, 
.lightBG .btn:visited,
.lightBG .TextButton,
.lightBG .TextButton:visited,
.lightBG .RadUpload.RadUpload .ruButton,
.lightBG .RadUpload.RadUpload .ruButton:visited,
.lightBG .RadUploadProgressArea.RadUploadProgressArea .ruButton,
.lightBG .RadUploadProgressArea.RadUploadProgressArea .ruButton:visited {
  color: #000;
}

.lightBG .btn:hover, 
.lightBG .btn:focus, 
.lightBG .btn:active,
.lightBG .TextButton:hover,
.lightBG .TextButton:focus,
.lightBG .TextButton:active,
.lightBG .RadUpload.RadUpload .ruButton:hover,
.lightBG .RadUpload.RadUpload .ruButton:focus,
.lightBG .RadUpload.RadUpload .ruButton:active,
.lightBG .RadUploadProgressArea.RadUploadProgressArea .ruButton:hover,
.lightBG .RadUploadProgressArea.RadUploadProgressArea .ruButton:focus,
.lightBG .RadUploadProgressArea.RadUploadProgressArea .ruButton:active {
  color: #000 ;
  background-color: #fff;
}

/*Links underline*/

.linkUnderline a,
.linkUnderline a:visited,
.linkUnderline a:hover,
.linkUnderline a:focus,
.linkUnderline .RadMenu.RadMenu_Toronto .rmRootGroup > .rmItem > .rmLink .rmText,
.linkUnderline .RadMenu.RadMenu_Toronto .rmVertical .rmItem .rmText{
  text-decoration:underline!important;
}

/*Readable font*/

body.readFont,
.readFont .carousel h1, 
.readFont .carousel h2, 
.readFont .carousel h3, 
.readFont .carousel h4, 
.readFont .carousel h5,
.readFont h1, 
.readFont .h1, 
.readFont .PageTitle,
.readFont h2,
.readFont .h2, 
.readFont .PanelTitle,
.readFont h3, 
.readFont .SectionTitle,
.readFont h4, 
.readFont .h4, 
.readFont .SectionLabel,
.readFont h5, 
.readFont .h5, 
.readFont .SectionLabelSmaller,
.readFont h6, 
.readFont .h6,
.readFont .SubNavPanelHead,
.readFont .footer-promo-container .lead,
.readFont #ft h4,
.readFont input,
.readFont button,
.readFont select,
.readFont textarea,
.readFont .mini-profile-banner-large .mini-profile-name-section .SectionLabel,
.readFont .mini-profile-banner-small .mini-profile-name-section .SectionLabel,
.readFont .ProgramGroup .PanelTitle,
.readFont .ProgramGroup .panel-title,
.readFont .ProgressTracker2 .ProgressTrackerPanel .count,
.readFont .RadScheduler.RadScheduler_Metro .rsHeader h2,
.readFont a.FeatureActionLink
{
    font-family: Verdana,Arial,Helvetica,sans-serif !important;

}