/* 2026-02 trying css colours */

:root{
    --slate:#2B3B42;
    --slateish:#365a68;
    --slater:#182125;
    --peri25:#D3DAEE;
    --primary:#3D2DF7;
    --wool:#F7F4EE;
    --thebg:#FaFaF6;

  
}



@font-face {
    font-family: "Inter";
    src: url(/resources/Storage/fonts/Inter-VariableFont_slnt,wght.ttf);
}


body {font-family: Inter, Arial, Helvetica, sans-serif;}



/* At time of creation, just a copy of branding.css - switching to this to make the home page icon size changes (pubIcon*) come through */

/* === Application header / main menu styles === */

/* General styles */




/* move article feedback widget out from under AI popup 26/2/26 */

.ArticleEditor_pnlWasItHelpful {bottom:75px !important;}



/* update 11/2/25 to make login page image with disclaimer big */

.Login_header img {height:auto;}


/* Update 29/8/2024 work around CH issue that has login link showing */

#pnlProfileLink {
    display: none;
}



/* Update 8/6/2023, more Clickhelp top margins apparently
Presumably there's some single 36px thing that's gone from somewhere but */


/*search screen content height and extra scroll bar*/

#pnlBaseMasterContainer{overflow:hidden;}

.Search_container {margin-top:36px;}

/* desktop topic index too high */

#pnlArticlesNav {margin-top:36px; padding-top:0px;}

/* some article contents too high */

.ArticleEditor_contentFrameContainer {top:91px !important;}


/* Update 15/5/2023 to remove padding above main section of home page, presumed to be from Clickhelp update */

.BaseMaster_contentContainer {margin-top:0 !important;}


/* Updates 11/2022 to make top bar pack badge button work */

/* Hide it on home page */
.Home_page .BaseMaster_headerSeparator {opacity:0.0;}

/* centre the span (and line up the text nicely) */
.BaseMaster_headerSeparator
{
  margin-inline-start: auto ; 
  margin-inline-end: auto ;  
  margin-top:-1px;
}

/* DIV for pack badge */
#packBadgeDiv
{
  display:table-cell;
  height:36px;
  vertical-align:middle;
  text-align:center;
  padding-inline-start: 10px ;
  padding-inline-end: 10px ;
  line-height:10px;
}
#packBadgeDiv:hover
{
  background-color:rgba(255,255,255,.3);
}

/* Link for pack badge */
#packBadgeLink 
{
  font-size:11px;
  text-decoration:none; 
  color: #ffffff;width: 100%;
  // text-transform: uppercase; 
  font-weight: 700;
  font-family: Inter, Arial, sans-serif;
}





.BaseMaster_mainMenuContainer
{
  /* Change header background for all other pages - but no don't because different branding for projects... background-color: #385699 !important;  */
  
  height: 36px !important;
  line-height: 36px !important;
  padding-inline-start: 0 !important;
}


.CHHamburger_container.BaseMaster_hamburgerMenuIcon
{
  height: 36px;
}


/* ############################### */
.BaseMaster_imgLogo
{
  /* display: none; */
}


.BaseMaster_logoContainer a
{
  /* background-image: url('/resources/Storage/Branding/logo_white.png');
  background-size: cover;
  display: block;
  height: 20px;
  width: 100px;
  margin-inline-start: 10px ;
  margin-top: 7px; */
}





/* ############################### still hidden but leaving size fix in 11/22 */
.BaseMaster_mainMenu
{
  display: none; 
  /* AND MAKE IT FIT? */
  height: 36px;
  line-height: 36px;
}

.BaseMaster_mainMenuContainer .CHMenu_menu .CHMenu_menuItem
{height:36px;}



/* This makes the search box wider. Change made 16 May 2017 */
div.BaseMaster_searchBoxContainer
{
  max-width: 250px;
  width: 100%;
}

div.BaseMaster_searchBoxContainer
{
  /* Make search box height smaller to make it fit the header height */
  padding-top: 5px;
}
div.BaseMaster_searchBoxContainer .dxic,
div.BaseMaster_searchBoxContainer .dxeButton
{
  /* Make search box height smaller to make it fit the header height */
  /*padding-top: 3px;
  padding-bottom: 3px;
  */
  padding-block-start: 3px ;padding-inline-end: 3px ;padding-block-end: 3px ;padding-inline-start: 3px ;
}

.BaseMaster_imgLogo
{
  max-height: 36px !important;
  padding-block-start: 0 !important;padding-inline-end: 0 !important;padding-block-end: 0 !important;padding-inline-start: 0 !important;
}

/* Add logo to the mobile view */
div.BaseMaster_logoContainer{
  display: block;
}

/*Logo on mobile screens*/
@media (max-width: 979px)
  {
  div.BaseMaster_logoContainer
  {
    display: block;
  }
  
  /*div.BaseMaster_logoContainer img
  {
  
  padding-top: 9px;
  max-height: 27px;
}
  */
}

.BaseMaster_mainMenuContainer .CHMenu_menuItem a,
.BaseMaster_profileLink
{
  /* This line makes header links white for readers */
  color: #fff !important;
  /* Uncomment the following line to get red header links */
  /*color: red !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: #385699 !important;
  */
  /* Uncomment the following line to get black header links with yellow background on hover */
  /*color: black !important;
  background-color: yellow !important;
  */
}

.dxm-hovered
{
  /* Make the My Profile and Log Out dropdown menu items blue and white on hover for Power Readers */
  color: white !important;
  background-color: #385699 !important;
}

.BaseMaster_hamburgerMenuIcon:hover
{
  /* Uncoment the following lines to make the mobile "hamburger" button hover color blue and white */
  /*background-color: #385699 !important;
  color: white !important;
  */
}

.CHMenu_menuItemSelected
{
  /* Change the underline color for the selected mobile menu item */
  border-bottom-color: #385699 !important;
}

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

.TocTreeLight_filterContainer
{
  border-bottom-color: #fff !important;
}

div.ArticleSelector_tabContent
{
  /*Set up a custom splitter for the TOC
  REDUCE FROM 30 TO 3 NOV 2022 */  
  border-inline-end: 3px solid #DFDFDF ;
}




 a.CHTree_node
{
  color: var(--slater);
}


.TocTreeLight_treeContainer .CHTree_nodeFocused 
{
  /* Set background color for the focused TOC tree node */
  background-color: #FFF;
  
}

.TocTree_tocNode.TocTreeLight_imgTopic
{
  /* Uncomment the following lines to replace the default topic icon with an icon from Storage */
  background-image: none !important;
}

.TocTree_tocNode.TocTreeLight_imgBook
{
  /* Uncomment the following lines to replace the default "book" folder icon with an icon from Storage */
  background-image: none !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: none !important;
}

/* Hide the Expand button in TOC */
.CHTree_desktopView .CHTree_btn
{
  /*display: none;
  */
}

/* Make more space to the left of the node text */
.TocTreeLight_treeContainer div.CHTree_nodeContent {
  padding-inline-start: 5px !important;
}

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

.dxtc-activeTab a, 
.dxtc-tabHover a
{
  /* Set background color for active / hovered tabs */
  background-color: #385699 !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: #385699 !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 lines to Hide topic title, but keep the Print and Link buttons. Change to show title made 23 May 2017  
  display:none;
  */ 
}

/* Hide "Updated on", but keep the topic rating. Change made 16 May 2017 */
.ArticleEditor_workflowInfoLine
{
  display: none;
}
.ArticleEditor_workflowInfoLine.ArticleEditor_pnlRating
{
  display: block;
}

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

.ArticleEditor_rating div
{
  /* Set rating star background (appears after voting) */
  background-color: #385699 !important;
}

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

/* Hide project name */
.ArticleEditor_projectNameContainer
{
  display: none;
}

/* Uncomment the line below to Hide "Rating" and "Updated on" Change made 15 May 2017 */
/*.ArticleEditor_pnlWorkflow
{
display: none;
}
*/

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

.BaseMaster_contentContainer > .Search_container
{
  /* Adds paddings to the left and right of the Search results page */
  padding-inline-start: 15% ;
  padding-inline-end: 15% ;
}

/* Landscape phone to portrait tablet */
@media (max-width: 500px) 
  {
  
  .BaseMaster_contentContainer > .Search_container
  {
    /* Adds paddings to the left and right of the Search results page */
    padding-inline-start: 0 ;
    padding-inline-end: 0 ;
  }
  
}

.SearchControl_queryContainer .dxeButtonEditButtonHover_DefaultTheme
{
  /* Drop-down button color on hover */
  background-color: #385699 !important;
}

/* 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: #385699;
  background-color: #FFFFFF;
}

/* Set colors for the Search box completion window and its items */

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

.SearchBox_completionWindow .CHListBox_item:hover
{
  
  background-color: #385699 !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: #385699 !important;
}

a.SearchBox_button:hover
{
  color: #66696B !important;
  background-color: #DFDFDF !important;
}

/* Set colors for projects filter on the Search page */

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

.CHTree_node:hover,
.CHListBox_item:hover
{
  background-color: #DFDFDF !important;
  color: #66696B !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;
}
*/


/* ----------------------- Login Page --------------------------- */

.Login_form .dxeFocused_DefaultTheme
{
  /*Border color for the login and password boxes when focused*/
  border-color: #385699 !important;
}


/* ----------------------- App UI branding --------------------------- */

.BaseMaster_profileLink,
.BaseMaster_offCanvasHeader .CHMenu_menuItem[data-item-id='menuItemLogin']
{
  /* Hide the default Log In menu item */
  display: none;
}


/* ----------------------- Home page styles -------------------------- */





#pnlContainer_templatedHeader_readeruilanguage_pnlContainer
{
 /* hide the language selector - appearing in wide view and does nothing afaict */
  visibility:hidden;
  
}








/* Mobile-specific styles */

/* --- Responsive Styles --- */

.CHHamburger_container span::before, 
.CHHamburger_container span, 
.CHHamburger_container span::after
{
  background: white !important;
}

.BaseMaster_offCanvasHeader .CHMenu_menuItem[data-item-id=menuItemMenu]
{
  /* Hide the "Menu" item of the mobile off-canvas menu since there are no main menu items anymore - nothing to display there */
  display: none;
}


.BaseMaster_offCanvasHeaderFirstLine
{
 /* make background of mobile side menu to line blue so the close arrow shows up 
  using periwinkle contrast here too, seems different enough when open */
  background: #385699 ;
}

#pnlContainer_templatedHeader_searchbox_btnSearchMobile
{
 /* make search button in mobile view fit in menu and white */
  height: 40px;
    margin-top: -12px;
    color: #fff;
}





/* ======== Styles added during upgrade to January 2018 - BEGIN ========= */

.SearchControl_queryContainer .dxeButtonEditButtonPressed_DefaultTheme
{
  /* Drop-down button pressed color */
  background-color: #385699 !important;
}

.SearchControl_queryContainer .QuickFilterBox_editBox .dxeButtonEditButtonHover_DefaultTheme,
.SearchControl_queryContainer .QuickFilterBox_editBox .dxeButtonEditButtonPressed_DefaultTheme
{
  background-color: transparent !important;
}
/* ======== Styles added during upgrade to January 2018 - END ========= */

div.TocTreeLight_filterBox
{
  width: 205px;
}

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

.grayTextBox
{
  background: white;
  
}

.BaseMaster_searchBoxContainer .QuickFilterBox_button
{
  padding-block-start: 0 ;padding-inline-end: 0 ;padding-block-end: 0 ;padding-inline-start: 0 ;
}  
.feedback-link {
    display: block;
    text-align: center;
    padding-block-start: 0 ;padding-inline-end: 0 ;padding-block-end: 7px ;padding-inline-start: 0 ;
}


/* Added automatically during the ClickHelp Blossom update - BEGIN */
.CHImageButton.ArticleEditor_imageButton.ArticleEditor_fontAwesomeButton
{
width: 40px;
}

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