/* 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
*/
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
/* === 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;*/
}
.WebHelp_body{
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	
}
.ArticleEditor_fontAwesomeButton{
	margin-bottom:5px;
}
.TocTreeLight_imgBook_open{
	background-image:none!important;
	
}
.TocTreeLight_imgBook_open::before{
	display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
	margin-inline-end: 0.25rem ;
	content:"\f07c";
}
.TocTreeLight_imgBook{
	background-image:none!important;
}
.TocTreeLight_imgBook::before{
		display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
	margin-inline-end: 0.25rem ;
	content:"\f07b";
}
.CHTree_nodeContent{
	padding-block-start: 6px ;padding-inline-end: 6px ;padding-block-end: 6px ;padding-inline-start: 6px ;
}
.CHTree_nodeContentWithoutChildren{
	padding-inline-start: 18px ;
}
.BaseMaster_mainMenuContainer{
  display:none;
}
hr{
	border-bottom:1px solid #00809d;
	max-width:90%;
	margin-block-start: 2.5rem ;margin-inline-end: 0 ;margin-block-end: 0 ;margin-inline-start: 0 ;
	opacity:0.5;
}
blockquote {
    font-family: monospace;
    border-inline-start: 1px solid #999 ;
    padding-inline-start: 2rem ;
    font-size: 1rem;
}
pre {

    max-width: 70%;
    margin-inline-start: 2rem ;
    font-size: 1rem;
}
section{
	padding-block-start: 1.5rem ;padding-inline-end: 0.5rem ;padding-block-end: 1.5rem ;padding-inline-start: 0.5rem ;
}
section:nth-child(2n){
	background:#f2f2f2;
	border-top:2px solid #00809d;
}
section img{
	margin-inline-start: 0.75rem ;
}
.TopicViewer_contentContainer .CHMiniToc{
	list-style:disclosure-closed;
	color:#999;
}
.TopicViewer_contentContainer .CHMiniToc li{
	margin-block-start: 0.25rem ;margin-inline-end: 0 ;margin-block-end: 0.25rem ;margin-inline-start: 0 ;
}
.ArticleEditor_projectName{
  color:#aaa;
  display: none;
}

.TopicViewer_contentContainer{
	font-family:'Roboto',Helvetica,Arial,sans-serif!important;
}
.TopicViewer_contentContainer p{
	max-width:1024px;
	text-align:justify;
	margin-block-start: 0.25rem ;margin-inline-end: 0 ;margin-block-end: 0.25rem ;margin-inline-start: 0.75rem ;
}
.TopicViewer_contentContainer a{
	color:#00809d!important;
}
.TopicViewer_contentContainer a:hover{
	color:#33b3cf!important;
}img{
	border-radius:0.25rem!important;
}
.responsive-img{
	box-shadow: 0px 0px 10px #00809d;
	max-width:95%!important;
	border-radius:0.5rem;
	transition:0.5s;
	margin-block-start: 0.5rem ;margin-inline-end: 0.5rem ;margin-block-end: 0.5rem ;margin-inline-start: 0.5rem ;
	cursor:zoom-in;
	filter:brightness(0.8);
}

.minus-cursor{
	cursor:zoom-out;
}
.responsive-img:hover{
	max-width:95%!important;
	transition:0.5s;
	margin-block-start: 0.5rem ;margin-inline-end: 0.5rem ;margin-block-end: 0.5rem ;margin-inline-start: 0.5rem ;
	filter:brightness(1.0);
}
a.CHTree_node{
	border-radius:0 0.5rem 0.5rem 0;
}
.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 */
  /* Kopfleiste Header */
  background-color: #00809d !important;
  background-image: none !important;*/
  font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif
}

.CHMenu_menuItem a,
.BaseMaster_profileLink
{
  /* Kopfleiste Header Links*/
  color: #00809d !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: #F7F6E7 !important;
  background-color: #00809d !important;
  border-radius:0.25rem 0.25rem 0 0;
}
.TopicViewer_header{
	background:#efefef;
}
.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: #DFDDC5 !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 */
}
.WebHelp_navPanel .TocTreeLight_container:hover #pnlToc{
	padding-inline-end: 12px ;
}
#skleraHelpFooter{
	background:#efefef;
	padding-block-start: 0 !important;padding-inline-end: 1rem !important;padding-block-end: 0.5rem !important;padding-inline-start: 1rem !important;
	margin-block-start: 2rem ;margin-inline-end: 0 ;margin-block-end: 1.5rem ;margin-inline-start: 0 ;
	font-size:0.9rem;
	border-top: 2px solid #00809d;
}
#skleraHelpFooter hr{
	display:none;
}
.TocTreeLight_container .TocTree_tocNode{
	cursor:pointer;
}
.TocTreeLight_container .CHTree_nodeFocused 
{ /* Set background color for the focused TOC tree node */
  background-color: #00809d !important;
  color: #FFFFFF !important;
  border-radius:0 0.5rem 0.5rem 0;
}

.TocTree_tocNode.TocTreeLight_imgTopic
{
  /* Uncomment the following lines to replace the default topic icon with an icon from Storage */
  background-image: url('/resources/Storage/Templates/icon_right.gif') !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: #e7e7e7 !important;
  color: #00809d !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 */
  color: #455650 !important;
}

.ArticleEditor_title
{
  /* Uncomment the following line to get red topic title */
  /*color: #455650 !important;*/
  color:#333!important;
  font-size:2.25rem!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;
}

/* === "Was It Helpful?" widget styles === */

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

.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: #455650;
}

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

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

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

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

/* Set colors for the Search button */

a.SearchBox_button
{
  color: white !important;
  background-color: #F7F6E7 !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
{ /* Set the focused node color in the project filter dropdown on the Search page */
  background-color: #455650 !important;
  color: white !important;
}

.CHTree_node:hover,
.CHListBox_item:hover
{
  /*background-color: #E7E3E7 !important;*/
  /*background-color: #286090!important;*/
  background-color:#33b3cf;
  color: white !important;
  border-radius: 0 0.5rem 0.5rem 0;
}

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

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

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

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