/* This is your portal's Branding CSS file. You can find information on ClickHelp branding in the following topic:
   http://doc.clickhelp.co/articles/clickhelp-documentation/branding-general-information
*/
/* === Application header / main menu styles === */
/* General styles */
.TopicViewer_contentContainer .dxcaLoadingPanel_DefaultTheme .dxlp-loadingImage,
.TopicViewer_contentContainer .dxlpLoadingPanel_DefaultTheme .dxlp-loadingImage,
.TopicViewer_contentContainer .dxlpLoadingPanelWithContent_DefaultTheme .dxlp-loadingImage
{
/* Uncomment to change the color of all "Loading..." animations to blue. The color does not have to be the same for all the properties */
/*border-left-color: #0072C6 !important;
  border-right-color: #0072C6 !important;
  border-bottom-color: #0072C6 !important;*/
}

.TopicViewer_contentContainer .BaseMaster_mainMenuContainer
{
/* Uncomment the following lines to get custom header background image */
/*background-image: url('/resources/Storage/Templates/Projects/Minimalist/escheresque.png') !important;
  background-repeat: repeat !important;*/
/* Uncomment the following lines to get light gray header background */
/* background-color: #efefef !important;
  background-image: none !important;*/
}

.TopicViewer_contentContainer .CHMenu_menuItem a,
.TopicViewer_contentContainer .BaseMaster_profileLink
{
/* This line makes header links blue for readers */
/*color: #2C72C8 !important;*/
/* Uncomment the following line to get red header links */
/*color: red !important;*/
}

/* The two extra selectors below are for the "Log In" / user profile link - you can style them separately if needed */
.TopicViewer_contentContainer .CHMenu_menuItem:hover a,
.TopicViewer_contentContainer .BaseMaster_profileLink:hover,
.TopicViewer_contentContainer .BaseMaster_profileLink:hover a
{
/* These lines make header links white with blue background on hover */
/*color: white !important;
  background-color: #0072C6 !important;*/
/* Uncomment the following line to get black header links with yellow background on hover */
/*color: black !important;
  background-color: yellow !important;*/
}

.TopicViewer_contentContainer .dxm-hovered,
.TopicViewer_contentContainer .dxm-hovered a.dx
{
/* Uncomment to make the My Profile and Log Out dropdown menu items blue and white on hover for Power Readers */
/*color: white !important;
  background-color: #0072C6 !important;*/
}

/* Mobile-specific styles */
.TopicViewer_contentContainer .BaseMaster_offCanvasHeader
{
/* Uncomment the following line to get light gray background in mobile menu header */
/* background-color: #efefef !important; */
}

.TopicViewer_contentContainer .BaseMaster_hamburgerMenuIcon:hover
{
/* Uncoment the following lines to make the mobile "hamburger" button hover color blue and white */
/*background-color: #0072C6 !important;
  color: white !important;*/
}

.TopicViewer_contentContainer .CHMenu_menuItemSelected
{
/* Change the underline color for the selected mobile menu item.
     Also affects selected item in Web Help navigation panel */
/*border-bottom-color: #0072C6 !important;*/
}

.TopicViewer_contentContainer .dxeFocused_DefaultTheme
{
/* Change the focused edit box border color to blue */
/*border-color: #0072C6 !important;*/
}

.TopicViewer_contentContainer .dxRipple
{
/* This changes the color of the ripple which appears on clicks to gray */
  background-color: rgba(180,180,180,.4) !important;
}

/* Web Help */
/* Navigation panel */
.TopicViewer_contentContainer .WebHelp_navMenu
{
/* Uncomment the following line to get light gray navigation panel background */
/* background-color: #efefef !important; */
}

/* === TOC styles === */
.TopicViewer_contentContainer .ArticleSelector_tabContent
{
/* Uncomment the line below to make the TOC / Index navigation panel have light-gray background */
/*background-color: #efefef !important;*/
}

.TopicViewer_contentContainer .TocTreeLight_container .CHTree_nodeFocused
{
/* Set background color for the focused TOC tree node */
/*background-color: #0072C6 !important;
  color: white !important;*/
}

.TopicViewer_contentContainer .TocTree_tocNode.TocTreeLight_imgTopic
{
/* Uncomment the following lines to replace the default topic icon with an icon from Storage */
/*background-image: url('../../Storage/r12-1-2025jul03/info.png') !important;*/
}

.TopicViewer_contentContainer .TocTree_tocNode.TocTreeLight_imgBook
{
/* Uncomment the following lines to replace the default "book" folder icon with an icon from Storage */
/*background-image: url('../../Storage/r12-1-2025jul03/info.png') !important;*/
}

.TopicViewer_contentContainer .TocTree_tocNode.TocTreeLight_imgBook_open
{
/* Uncomment the following lines to replace the default "open book" folder icon with an icon from Storage */
/*background-image: url('../../Storage/r12-1-2025jul03/warning.png') !important;*/
}

/* === Tab styles === */
.TopicViewer_contentContainer .dxtc-activeTab a,
.TopicViewer_contentContainer .dxtc-tabHover a
{
/* Set background color for active / hovered tabs */
/*background-color: #0072C6 !important;*/
}

.TopicViewer_contentContainer .dxtc-leftIndent,
.TopicViewer_contentContainer .dxtc-activeTab,
.TopicViewer_contentContainer .dxtc-tab,
.TopicViewer_contentContainer .dxtc-spacer,
.TopicViewer_contentContainer .dxtc-rightIndent,
.TopicViewer_contentContainer .dxtc-sbWrapper,
.TopicViewer_contentContainer .dxtc-sbIndent,
.TopicViewer_contentContainer .dxtc-sbSpacer
{
/* Set color for the base border lines near the tabs */
/*border-top-color: #0072C6 !important;*/
}

/* === Topic header styles === */
/* NOTE: You can also change header visibility and control elements displayed in it via the "Reader Experience section of global or project settings */
.TopicViewer_contentContainer .ArticleEditor_header
{
/* Uncomment the following lines to get black topic header with white text */
/*background-color: black !important;
  color: white !important;*/
}

.TopicViewer_contentContainer .ArticleEditor_title
{
/* Uncomment the following line to get red topic title */
/*color: red !important;*/
}

.TopicViewer_contentContainer .CHImageButton:hover
{
/* Uncomment the following line to set hover background color for image buttons like Print or Remove Highlighting */
/*background-color: #0072C6 !important;*/
}

.TopicViewer_contentContainer .dxeListBoxItemSelected_DefaultTheme,
.TopicViewer_contentContainer .dxeListBoxItemHover_DefaultTheme.dxeListBoxItemSelected_DefaultTheme
{
/* Set background color for the selected publication in the publications dropdown */
/*background-color: #0072C6;
  color: white;*/
}

/* === "Was It Helpful?" widget styles === */
.TopicViewer_contentContainer .ArticleEditor_btnWasItHelpful
{
/* Set colors for the Yes/No buttons */
/*background-color: #0072C6 !important;
  color: white !important;
  border:  none !important;*/
}

/* === Search page styles === */
/* The following rules make the search result links, the Search button and the filter tree have blue background with black text. */
.TopicViewer_contentContainer .BaseMaster_mainMenuContainer .dxeFocused_DefaultTheme,
.TopicViewer_contentContainer .BaseMaster_contentContainer .dxeFocused_DefaultTheme
{
/* Set border color for focused Search edit boxes in the app header and on the Search page */
/*border-color: #0072C6;*/
}

/* Set colors for the Search box completion window and its items */
.TopicViewer_contentContainer .SearchControl_results a,
.TopicViewer_contentContainer .SearchBox_completionWindow .SearchBox_moreResultsItem a
{
/*color: #2C72C8 !important;*/
}

.TopicViewer_contentContainer .SearchBox_completionWindow .CHListBox_item:hover
{
/*background-color: #0072C6 !important;*/
}

.TopicViewer_contentContainer .SearchBox_completionWindow .CHListBox_item:hover .ArticleCompletionBox_item,
.TopicViewer_contentContainer .SearchBox_completionWindow .CHListBox_item:hover .ArticleCompletionBox_projectName,
.TopicViewer_contentContainer .SearchBox_completionWindow .CHListBox_item:hover a
{
/*color: white !important;*/
}

/* Set colors for the Search button */
.TopicViewer_contentContainer a.SearchBox_button
{
/*color: white !important;
  background-color: #0072C6 !important;*/
}

.TopicViewer_contentContainer a.SearchBox_button:hover
{
/*color: black !important;
  background-color: #E7E3E7 !important;*/
}

.TopicViewer_contentContainer .SearchControl_filterByContainer .dxeButtonEditButtonHover_DefaultTheme,
.TopicViewer_contentContainer .SearchControl_filterByContainer .dxeButtonEditButtonPressed_DefaultTheme
{
/* Change the filter dropdown arrow color on hover */
/*background-color: #0072C6 !important;*/
}

/* Set colors for projects filter on the Search page */
.TopicViewer_contentContainer .ProjectsTreeDropdown_dropDownContainer .CHTree_nodeFocused
{
/* Set the focused node color in the project filter dropdown on the Search page */
/*background-color: #0072C6 !important;
  color: white !important;*/
}

.TopicViewer_contentContainer .CHTree_node:hover,
.TopicViewer_contentContainer .CHListBox_item:hover
{
/*background-color: #E7E3E7 !important;
  color: black !important;*/
}

/* Uncomment the following two rules to specify different styles for odd and even search results */
/*.SearchResults_itemOdd
{
  background-color: #EFEFEF !important;
}

.SearchResults_itemEven
{
  background-color: white !important;
}*/