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

/* Основная задача branding.css: 
задать CSS-переменные (Custom Properties) 
и применить эти цвета ко всем 
основным UI-компонентам платформы 
(меню, кнопки, табы, навигация). */

:root
{
  --primary-color: #005FB8;
  --text-primary: #2D3748;
  --text-secondary: #4A5568;
  --link-color: #005FB8;
  --link-hover: #004a8f;
  --border-color: #E2E8F0;
  --background-subtle: #F7FAFC;
}

/* General styles */

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



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

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

/* 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 
{
  /* Set background color for the focused TOC tree node */
  /*background-color: #0072C6 !important;
  color: white !important;
  */
}

.TocTreeLight_headerContainer 
/*{
  display: none;
}*/


.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
{
  padding-left: 30px;
  padding-right: 30px;
  /* 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;
  */
}


/* Заголовок */
.ArticleTitle_container {
  font-size: 25px;
  padding-left: 0%;
  max-width: 100%;
  left: 0;
}


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

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

.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: #2C72C8 !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;
}

/* 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: #0072C6 !important;
  color: white !important;
}

.CHTree_node:hover,
.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;
}
*/


.TocTreeLight_treeContainer
{
  top: 0;
}

.TocTreeLight_filterContainer 
{
  display: none;
}

.TocTreeLight_headerContainer
{
  border-bottom: initial;
}


.projectExtId_iikocloud-mini .SearchControl_lnkSearchEntirePortalContainer {
  display: none;
}


/* Надпись На этой странице: */
span.ClearSky_miniToc.CHNavCaption,
span.DeepSpace_miniToc.CHNavCaption {
visibility: hidden;
}

span.ClearSky_miniToc.CHNavCaption:before,
span.DeepSpace_miniToc.CHNavCaption:before {
content: "Содержание:";           /* Укажите необходимое название */   
visibility: visible;
}
 /* Надпись Связанные страницы: */ 
span.ClearSky_seeAlso.CHNavCaption,
span.DeepSpace_seeAlso.CHNavCaption {
visibility: hidden;
}

span.ClearSky_seeAlso.CHNavCaption:before,
span.DeepSpace_seeAlso.CHNavCaption:before {
content: "Ещё по теме:";         /* Укажите необходимое название */  
visibility: visible;
}

.customFixedWidth{
  max-width:100%
}