/* 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 */

.dxcaLoadingPanel_DefaultTheme .dxlp-loadingImage, 
.dxlpLoadingPanel_DefaultTheme .dxlp-loadingImage,
.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-inline-start-color: #0072C6 !important;
  border-inline-end-color: #0072C6 !important;
  border-bottom-color: #0072C6 !important;
  */
}

.Login_back
{
    background-size: auto !important;
}

@media (max-width: 480px)
{
  .Login_back 
  {
    background-image: none !important;
  
  }
}

.Login_table
{
  table-layout: initial !important;
}

.Login_rightContainer
{
  display:none;
}

.Login_column
{
  width: 100% !important;
}

.Login_glass
{
  background:none !important;
  height: 0 !important;
}


div.BaseMaster_profileLink
{
  display: none;
}

.Home_page .BaseMaster_logoContainer
{
  /*padding-block-start: 47px !important;padding-inline-end: 0 !important;padding-block-end: 26px !important;padding-inline-start: 0 !important;*/
  padding-top:47px !important;
  /*padding-bottom:26px !important;*/
}

.Home_page .BaseMaster_imgLogo
{
  max-height: initial !important;
}

.CHMenu_popup
{
  border-radius: 8px;
  max-width: 180px !important;
}

.Home_page .CHMenu_menuItem a
{
  padding-inline-start: 20px !important;
  padding-inline-end: 20px !important;
}

.Home_page .CHMenu_menuItem a,
.Home_page .BaseMaster_profileLink
{
  line-height: initial !important;
}
.CHMenu_menuItem a,
.BaseMaster_profileLink
{
  color: #adadad !important;
  font: 14px/14px 'Georgia', Georgia, Arial, Helvetica, sans-serif;
  
  line-height: 45px;
}

.CHMenu_menuItem_phoneNumber a,
.CHMenu_menuItem_phoneNumber div
{
  color: #003399 !important;
}

.CHMenu_menuItem:hover, 
.BaseMaster_profileLink:hover {
    background: none !important;
}

.CHMenu_menuItem:hover a, 
.BaseMaster_profileLink:hover {
    color: #000000 !important;
    transition: color .35s ease !important;
}

.BaseMaster_mainMenuContainer {
    height: 47px !important;
    max-height: 47px !important;
    line-height:initial !important;
}

.Home_page .BaseMaster_mainMenuContainer {
    height: 135px !important;
    max-height: 135px !important;
    line-height:initial !important;
}

div.BaseMaster_mainMenuContainer
{
  border-bottom: 1px solid #e9ebeb !important;
  background-color: white !important;
  /*padding-block-start: 0 ;padding-inline-end: 100px ;padding-block-end: 0 ;padding-inline-start: 100px ;
  */
  text-align: center;
}


/*.Home_page .BaseMaster_mainMenu
{
  padding-inline-start: 300px ;
}*/

.Home_page .BaseMaster_mainMenuContainer #pnlMainMenuContainer
{
  padding-top:74px; 
  /*width:100%;*/
}



.BaseMaster_mainMenuContainer #pnlMainMenuContainer,
.BaseMaster_logoContainer
{
  display:inline-block;
  float:initial !important;
}

@media (max-width: 1100px)
{
  .BaseMaster_logoContainer
  {
    float: inline-start !important;
  }
}

.BaseMaster_mainMenuContainer
{
  background-color: #ffffff !important;
  /* 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;
  */
}

.CHMenu_menuItem:hover a,
/* The two extra selectors below are for the "Log In" / user profile link - you can style them separately if needed */
.BaseMaster_profileLink:hover,
.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;
  */
}

.dxm-hovered,
.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 */

.BaseMaster_offCanvasHeader
{
  /* Uncomment the following line to get light gray background in mobile menu header */
  /* background-color: #efefef !important;
  */
}


.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;
  */
}

.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;
}

.dxeFocused_DefaultTheme
{
  /* Change the focused edit box border color to blue */
  border-color: #0072C6 !important;
}

.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 */
.WebHelp_navMenu
{
  /* Uncomment the following line to get light gray navigation panel background */
  /* background-color: #efefef !important;
  */
}

/* === TOC styles === */

.ArticleSelector_tabContent
{
  /* Uncomment the line below to make the TOC / Index navigation panel have light-gray background */
  /*background-color: #efefef !important;
  */
}

.TocTreeLight_container .CHTree_nodeFocused 
{
  color: #adadad;
  /* Set background color for the focused TOC tree node */
  /*background-color: #0072C6 !important;
  color: white !important;
  */
}

.TocTree_tocNode.TocTreeLight_imgTopic
{
  /* Uncomment the following lines to replace the default topic icon with an icon from Storage */
  /*background-image: url('/resources/Storage/info.png') !important;
  */
}

.TocTree_tocNode.TocTreeLight_imgBook
{
  /* Uncomment the following lines to replace the default "book" folder icon with an icon from Storage */
  /*background-image: url('/resources/Storage/info.png') !important;
  */
}

.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('/resources/Storage/warning.png') !important;
  */
}

/* === Tab styles === */

.dxtc-activeTab a, 
.dxtc-tabHover a
{
  /* Set background color for active / hovered tabs */
  background-color: #0072C6 !important;
}

.dxtc-leftIndent, 
.dxtc-activeTab, 
.dxtc-tab, 
.dxtc-spacer, 
.dxtc-rightIndent, 
.dxtc-sbWrapper, 
.dxtc-sbIndent, 
.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 */
.ArticleEditor_header
{
  /* Uncomment the following lines to get black topic header with white text */
  /*background-color: black !important;
  color: white !important;
  */
}

.ArticleEditor_title
{
  /* Uncomment the following line to get red topic title */
  /*color: red !important;
  */
}

.CHImageButton:hover
{
  /* Uncomment the following line to set hover background color for image buttons like Print or Remove Highlighting */
  /*background-color: #0072C6 !important;
  */
}

.dxeListBoxItemSelected_DefaultTheme,
.dxeListBoxItemHover_DefaultTheme.dxeListBoxItemSelected_DefaultTheme
{
  /* Set background color for the selected publication in the publications dropdown */
  background-color: #0072C6;
  color: white;
}

/* === Search page styles === */ 

/* The following rules make the search result links, the Search button and the filter tree have blue background with black text. */

.BaseMaster_mainMenuContainer .dxeFocused_DefaultTheme,
.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 */

.SearchControl_results a,
.SearchBox_completionWindow .SearchBox_moreResultsItem a
{
  color: #003399 !important;
}

.SearchControl_results a:hover,
.SearchBox_completionWindow .SearchBox_moreResultsItem a:hover
{
  color: #add8e6 !important;
}

.SearchBox_completionWindow .CHListBox_item:hover
{
  
  background-color: #0072C6 !important;
}

.SearchBox_completionWindow .CHListBox_item:hover .ArticleCompletionBox_item,
.SearchBox_completionWindow .CHListBox_item:hover .ArticleCompletionBox_projectName,
.SearchBox_completionWindow .CHListBox_item:hover a
{
  color: white !important;
}

/* Set colors for the Search button */

a.SearchBox_button
{
  color: white !important;
  background-color: #0072C6 !important;
}

a.SearchBox_button:hover
{
  color: black !important;
  background-color: #E7E3E7 !important;
}

.SearchControl_filterByContainer .dxeButtonEditButtonHover_DefaultTheme,
.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 */

.ProjectsTreeDropdown_dropDownContainer .CHTree_nodeFocused
{
  color: #adadad;
  /* Set the focused node color in the project filter dropdown on the Search page */
  /*background-color: white !important;
  color: #add8e6 !important;*/
}

.ArticleSelector_container .CHTree_node:hover,
.ArticleSelector_container .CHListBox_item:hover
{
  background-color: white !important;
  color: #003399 !important;
}

/* Uncomment the following two rules to specify different styles for odd and even search results */
/*.SearchResults_itemOdd
{
background-color: ##FFFFFF !important;
}

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

/* Added automatically during the ClickHelp Oasis update - BEGIN */
.Articles_navExpandCollapseSeparator:hover .Articles_btnNavExpandCollapse,
.Articles_navExpandCollapseSeparator:hover::before
{
background-color: #696969 !important;
}
.extUser_page .CHTree_node:hover .TocTreeLight_imgBook,
.extUser_page .CHTree_nodeFocused .TocTreeLight_imgBook,
.ReaderUiPreview_tocNodeHover .TocTreeLight_imgBook
{
background-image: url('/App_Themes/DefaultTheme/Icons/folder_glyph.png');
}

.extUser_page .CHTree_node:hover .TocTreeLight_imgBook_open,
.extUser_page .CHTree_nodeFocused .TocTreeLight_imgBook_open,
.ReaderUiPreview_tocNodeHover .TocTreeLight_imgBook_open
{
background-image: url('/App_Themes/DefaultTheme/Icons/folder_glyph_open.png');
}

.extUser_page .CHTree_node:hover .TocTreeLight_imgTopic,
.extUser_page .CHTree_nodeFocused .TocTreeLight_imgTopic,
.ReaderUiPreview_tocNodeHover .TocTreeLight_imgTopic
{
background-image: url('/App_Themes/DefaultTheme/Icons/topic.png');
}

/* Added automatically during the ClickHelp Oasis update - END */

.BaseMaster_appHeaderSeparator 
{
  Margin-right: 0 !important;
}

.BaseMaster_templateHeader
{ 
   justify-content: center;
}

.mobileView .BaseMaster_templateHeader
{
   justify-content: left;
}


.Home_page button.BaseMaster_profileLink,
.Home_page .CHHamburger_container {
   margin-top: 70px;
}

.BaseMaster_searchBoxContainer,
.BaseMaster_logoContainer
{
  margin-inline-start: auto ;
}

.Home_page .BaseMaster_searchBoxContainer,
.Home_page .BaseMaster_logoContainer
{
  margin-inline-start: 0 ;
}

.Home_page .CHMenu_menuItem a {
   padding-inline-start: 20px !important;
   padding-inline-end: 20px !important;
   box-sizing: border-box;
}


.CHMenu_popup .CHTree_nodeContent
{
  Text-align: left;
}

.desktopView .ArticleEditor_header {
    padding-inline-end: 5px ;
}

.BaseMaster_headerSeparator {
     margin-inline-end: 0 ; 
}

.Search_page .BaseMaster_headerSeparator {
    margin-inline-end: auto ;
}