@import url(https://fonts.googleapis.com/css?family=Lato:300);
@import url(https://fonts.googleapis.com/css?family=Lato:700);

body
{
  background-color: #FFF !important;
  font-family: 'Lato', sans-serif !important;
}

p
{
  font-family: 'Lato', sans-serif !important;
}

/* Home page styles */

.BaseMaster_searchBoxContainer
{
  display: block !important;
}

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

.BaseMaster_mainMenuContainer
{  
  /* Uncomment the following lines to get custom header background image */
  /*background-image: url('/resources/Storage/Templates/Minimalist/escheresque.png') !important;
  background-repeat: repeat !important;*/
  
  /* Uncomment the following lines to get plain white header background */
  background-color: white !important;
  background-image: none !important;
  border-bottom: 1px solid #EDEDED !important;
}

/* Note: main menu dropdown arrows are not customized, because readers will never see them */
.BaseMaster_menuItem,
.BaseMaster_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;*/
}

.BaseMaster_mainMenuContainer .BaseMaster_menuItemHover,
.BaseMaster_mainMenuContainer .BaseMaster_menuItemHover 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 black with white background on hover */
  color: black !important;
  background-color: white !important;
  /* Uncomment the following line to get black header links with yellow background on hover */
  /*color: black !important;
  background-color: yellow !important;*/
}

.dxeFocused_DefaultTheme
{ /* Set border color for focused Search box in the app header, search page, login screen */
  border-color: #135383 !important;
}

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

.Articles_splitter .dxtc-content,
.dxtlIndent_DefaultTheme,
.dxtlNode_DefaultTheme,
.IndexViewer_list
{ /* Uncomment the line below to make the TOC / Index navigation panel have light-gray background */
  /*background-color: #efefef;*/
}

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

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

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

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

a.CHTree_node{
  color: black !important;
}

a.CHTree_node:hover
{ /* Hover style for TOC nodes */  
  background-color: #0096D9 !important;
  color: white !important;
}

.CHTree_nodeFocused .TocTreeLight_imgBook_open,
.TocTreeLight_treeContainer .CHTree_nodeFocused:hover div.TocTreeLight_imgBook_open
{
  background-image: url('../storage/branding/folder_glyph_open_hover.png');
}

.CHTree_nodeFocused .TocTreeLight_imgBook,
.TocTreeLight_treeContainer .CHTree_nodeFocused:hover div.TocTreeLight_imgBook
{
  background-image: url('../storage/branding/folder_glyph_hover.png');
}

.CHTree_nodeFocused .TocTreeLight_imgTopic,
.TocTreeLight_treeContainer .CHTree_nodeFocused:hover div.TocTreeLight_imgTopic
{
  background-image: url('../storage/branding/topic_hover.png');
}

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

/* === 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
{ /* Set hover background color for image buttons like Print or Remove Highlighting */
  background-color: #135383 !important;
}

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

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

/* === Application footer styles === */

/* Uncomment the following rules to get white header with black text and blue link */
.BaseMaster_footer
{
  background: white !important;
  color: rgba(0, 0, 0, 0.75) !important;
}

.BaseMaster_footer a
{
  color: #135383 !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. */
.Search_container a,
.SearchBox_completionWindow .SearchBox_moreResultsItem a
{
  color: black !important;
}

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

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

a.SearchBox_button
{
  color: white !important;
  background-color: #5CA071 !important;
  font-weight: 700 !important;
  padding-inline-start: 20px !important;
  padding-inline-end: 20px !important;
}

a.SearchBox_button:hover
{
  color: white !important;
  background-color: #5CA071 !important;
  font-weight: 700;  
}

.CHTree_nodeContentFocused 
{
  background-color: #155282 !important;
  color: #FFF !important;
}

.CHTree_nodeContent:hover,
.CHListBox_item:hover
{
  background-color: #0096D9 !important;
  color: white !important;  
}

.SearchResults_itemSnippet
{
  color: rgba(0, 0, 0, 0.75);
}


/* 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 by eph to turn off Home link on start page */
#pnlNavigationReader a
{
  display:none;
}

/* Added by eph to turn off Login link of start page */
/* Hide Login and Home */
.BaseMaster_mainMenu,
.BaseMaster_profileLink
{
	display: none;
}

/* Hide Login in mobile menu */
.BaseMaster_offCanvasHeader .CHMenu_menuItem
{
  display: none;
}

/* -------------------- Home page branding -------------------- */

.HomeContainer
{
  padding-top: 0px;
  padding-bottom: 10px
}

.HomeBanner
{
  height: 180px;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  margin-bottom: 170px;
}

.HomeBannerOverlay
{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(11,51,81,.5);
  z-index: 1;
}

.HomeBannerImg
{
  width: 100%;
  min-height: 150px;
}

.HomeHeading
{
  font-size: 52px;
  font-weight: 700;
  color: #FFF;
  width: 100%;
  overflow: hidden;
  text-align: center;
  padding-top: 30px;
}

.HomeDocLink
{
  color: #135383 !important;
}

.DocLynksContainer
{
  margin-top: 0;
  text-align: center;
}

.DocLynksContainerCenter
{
  display: inline-block;
  max-width: 920px;
}

.product-logo
{
  display:inline-block;
  min-width: 230px;
}

.product-logo div
{
  text-align: center;
  font-weight: 700;
}

.product-logo a
{
  text-decoration: none;  
}

.copy
{
  width: 100%;
  margin-block-start: auto ;margin-inline-end: auto ;margin-block-end: auto ;margin-inline-start: auto ;
  padding-block-start: 20px ;padding-inline-end: 0 ;padding-block-end: 0 ;padding-inline-start: 0 ;
  text-align: center;
}

/* ------------- Login page --------------- */

.Login_container
{
  background: white !important;
  border: 2px #135383 solid !important;
  box-shadow: 0 0 10px #777 !important;
}

.Login_container a
{
  color: #135383 !important;
}

.Login_back
{
  background-color: white !important;
  background-image: none !important;  
}

.Login_header img
{
  width: 100% !important;
}

.Login_header td
{
  padding-block-start: 0px !important;padding-inline-end: 0px !important;padding-block-end: 0px !important;padding-inline-start: 0px !important;
}

.dxICheckBox_DefaultTheme
{
  background-color: #135383 !important;
}

#cphMain_btnResetPassword
{
  background-color: #135383 !important;
}

.ForgotPassword_container a
{
  color: #135383 !important;
}

/* Responsive styles */

.resp4ColWidth
{ /* Five columns per screen, default */
  float: inline-start ;  
  text-align:center;
  width:25%;
}
/* Landscape phones and down */
@media (max-width: 480px) 
{ 
  .resp4ColWidth
  { /* One column per screen */
    width:100%;
  }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) 
{ 
  .resp4ColWidth
  { /* One column per screen */
    width:100%;
  }
  
  .HomeBanner
  {
    margin-bottom: 30px;
  }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) 
{ 
  .resp4ColWidth
  { /* Two columns per screen */
    width:50%;
  }
}

/* Large desktop */
@media (min-width: 1200px) 
{ 
  .resp4ColWidth
  { /* Four columns per screen, default */
    width:25%;
  }
}

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