@charset "UTF-8";
/*~~~~~ COLORS ~~~~~*/
/*~~~~~~~~~~~~~~~~~~*/
/* custom colors                               */
/*                                             */
/* define custom values here for easy tracking */
/* NOTE: Gradients as background colors are supported through linear/radial-gradient property values.*/
/*       It is suggested to put the gradient value only where it is needed, as it will cause errors  */
/*       if it is used in the darken() or lighten() functions.                                       */
/*       If a gradient value is set for a $_layout_color property, you must remove all darken() and  */
/*       lighten() calls that derive from the gradient, or there will be no color output where those */
/*       properties are used.                                                                        */
/*                                                                                                   */
/*       Usage documentation for Gradients: https://www.w3schools.com/css/css3_gradients.asp         */
/* layout colors: set these for a quick application to the output.                                   */
/*                                                                                                   */
/* Defaults for structure items */
/*                              */
/* Mini TOC */
/*          */
/* Related Topics */
/*                */
/* Search Result Highlight */
/*                         */
/* colors for specific items */
/*                           */
/* toolbar */
/* menu (nav & toc/index) */
/* page */
/* disqus */
/* search */
/* header */
/* footer */
/* back-to-top button */
/*

 * lightbox

*/
/* unsupported browser */
/* no javascript warning */
/*~~~~~ ICONS ~~~~~*/
/*~~~~~~~~~~~~~~~~~*/
/*

  This file contains the character codes applied to the icons in the output.



  Usage: Find the character code of the icon to be used in the font-awesome cheatsheet.

         The 4-character code is next to it's respective icon.

         (ex: f002 for search)

         Apply to variable value in quotes and a leading backslash

         (ex: "\f002")



  font-awesome cheatsheet: https://fontawesome.com/v5/cheatsheet/free

*/
/* toolbar */
/* menu */
/* page */
/* page loading */
/* header */
/* footer */
/* search */
/*~~~~~ FONTS ~~~~~*/
/*~~~~~~~~~~~~~~~~~*/
/*

 * toolbar

*/
/*

 * menu (nav & toc/index)

*/
/*

 * page

*/
/*

 * mini toc

*/
/*

 * related topics

*/
/*

 * search

*/
/*

 * header

*/
/*

 * footer

*/
/*

 * lightbox

*/
/*

 * unsupported browser

*/
/*~~~~~ SIZING ~~~~~*/
/*~~~~~~~~~~~~~~~~~~*/
/*

 * generation variables

 * these are modified by the generation process according to Target Settings

*/
/*

 * generic values

*/
/*

 * header

*/
/*

 * footer

*/
/*

 * menu

*/
/*

 * toolbar

 *

 * $toolbar-height should be equal or greater than all other

 * values or the layout will produce unexpected results

*/
/*

 * toolbar - logo section (Menu Button & Logo)

*/
/*

 * toolbar - search section (Search Scope Selector, Search Input, & Search Button)

*/
/*

 * toolbar - button section (Previous Button, Next Button, Home Button)

*/
/*

 * was this helpful buttons & message

*/
/*

 * page

*/
/*

 * mini toc

*/
/*

 * related topics

*/
/*

 * search

*/
/*

 * lightbox

*/
/*

 * unsupported browser

*/
/*

 * calculated sizes

 *

 * the values in the below section are calculated & dependent upon multiple above values.

*/
/*

 * toolbar

*/
/*

 * menu

*/
/*

 * page

*/
/*~~~~~ COLORS ~~~~~*/
/*~~~~~~~~~~~~~~~~~~*/
/* custom colors                               */
/*                                             */
/* define custom values here for easy tracking */
/* NOTE: Gradients as background colors are supported through linear/radial-gradient property values.*/
/*       It is suggested to put the gradient value only where it is needed, as it will cause errors  */
/*       if it is used in the darken() or lighten() functions.                                       */
/*       If a gradient value is set for a $_layout_color property, you must remove all darken() and  */
/*       lighten() calls that derive from the gradient, or there will be no color output where those */
/*       properties are used.                                                                        */
/*                                                                                                   */
/*       Usage documentation for Gradients: https://www.w3schools.com/css/css3_gradients.asp         */
/* layout colors: set these for a quick application to the output.                                   */
/*                                                                                                   */
/* Defaults for structure items */
/*                              */
/* Mini TOC */
/*          */
/* Related Topics */
/*                */
/* Search Result Highlight */
/*                         */
/* colors for specific items */
/*                           */
/* toolbar */
/* menu (nav & toc/index) */
/* page */
/* disqus */
/* search */
/* header */
/* footer */
/* back-to-top button */
/*

 * lightbox

*/
/* unsupported browser */
/* no javascript warning */
/*~~~~~ SIZING ~~~~~*/
/*~~~~~~~~~~~~~~~~~~*/
/*

 * generation variables

 * these are modified by the generation process according to Target Settings

*/
/*

 * generic values

*/
/*

 * header

*/
/*

 * footer

*/
/*

 * menu

*/
/*

 * toolbar

 *

 * $toolbar-height should be equal or greater than all other

 * values or the layout will produce unexpected results

*/
/*

 * toolbar - logo section (Menu Button & Logo)

*/
/*

 * toolbar - search section (Search Scope Selector, Search Input, & Search Button)

*/
/*

 * toolbar - button section (Previous Button, Next Button, Home Button)

*/
/*

 * was this helpful buttons & message

*/
/*

 * page

*/
/*

 * mini toc

*/
/*

 * related topics

*/
/*

 * search

*/
/*

 * lightbox

*/
/*

 * unsupported browser

*/
/*

 * calculated sizes

 *

 * the values in the below section are calculated & dependent upon multiple above values.

*/
/*

 * toolbar

*/
/*

 * menu

*/
/*

 * page

*/
/* ~~~~ FUNCTIONS ~~~~ */
/*                     */
/*~~~~~ BORDERS ~~~~~*/
/*~~~~~~~~~~~~~~~~~~~*/
/*

  DISCLAIMER: By default, border size properties do not conform with the other size properties of HTML.

  This means that when a border is set on an element with a defined height or width, the final size of

  an element will calculate to HEIGHT/WIDTH + BORDER WIDTH. This has been mitigated as much as possible

  using the 'box-sizing: border-box' property, but there is always a possibility for some instances

  where this will not work. (ex. An element with a border inside another element inside it with a border.

  The toolbar in some skins is like this)



  If widths in this file are to be changed, you understand that this may change the uniformity of the

  layout, and that there may also be height and width properties that also need to be changed in

  _sizes.scss to get the layout to line up properly.





*/
/* Toolbar */
/*         */
/* Toolbar - Logo Section */
/*                        */
/* Toolbar - Search Section */
/*                          */
/* Toolbar - Button Section */
/*                          */
/* Menu */
/*      */
/* Menu - TOC */
/*            */
/* Menu - Index */
/*              */
/* Page */
/*      */
/* Mini TOC */
/*          */
/* Search */
/*        */
/* Header */
/*        */
/* Footer */
/*        */
/* Back to Top */
/*             */
body {
  font-family: arial, sans_serif;
  font-size: 10pt;
  color: #222222;
  background-color: #fefefe; }

body * {
  box-sizing: border-box; }

a {
  color: #008bff; }

.ww_skin_search_background {
  border-style: none;
  border-width: 0px;
  border-color: transparent;
  border-radius: 0px; }

.ww_search_container {
  background-color: #fefefe;
  padding: 0px;
  text-align: center; }

.ww_search_content {
  display: inline-block;
  text-align: left;
  width: 100%;
  max-width: 900px; }

.search_title {
  margin: 0px;
  font-family: arial, sans_serif;
  font-size: 16pt;
  color: #222222;
  padding: 20px 10px;
  border-style: none;
  border-width: 0px;
  border-color: transparent;
  border-radius: 0px; }

#search_filter_message_container {
  font-family: arial, sans_serif;
  font-size: 10pt;
  color: #222222;
  padding: 5px 10px; }
  #search_filter_message_container #search_filter_by_message {
    font-weight: bold; }

#search_results_count_container {
  display: none;
  font-family: arial, sans_serif;
  font-size: 10pt;
  color: #222222;
  padding: 5px 10px; }
  #search_results_count_container #search_results_count_message {
    font-weight: bold; }

#search_results_container {
  padding: 0.5em 0; }

.search_result {
  box-sizing: border-box;
  padding: 0px;
  min-height: 50px;
  background-color: #fefefe;
  border-style: none none solid none;
  border-width: 1px;
  border-color: transparent transparent #cbcbcb transparent;
  border-radius: 0px; }
  .search_result:hover {
    background-color: #f1f1f1;
    border-style: none none solid none;
    border-width: 1px;
    border-color: transparent transparent #989898 transparent;
    border-radius: 0px; }
  .search_result .search_result_title {
    padding: 10px 10px 5px 10px;
    font-family: arial, sans_serif;
    font-size: 12pt;
    border-style: none;
    border-width: 0px;
    border-color: transparent;
    border-radius: 0px; }
    .search_result .search_result_title:hover {
      border-style: none;
      border-width: 0px;
      border-color: transparent;
      border-radius: 0px; }
    .search_result .search_result_title .search_result_highlight {
      background-color: yellow;
      color: #222222; }
    .search_result .search_result_title > a {
      color: #008bff;
      font-weight: bold;
      text-decoration: none; }
      .search_result .search_result_title > a:active {
        color: #006fcc; }
      .search_result .search_result_title > a:visited {
        color: #005399; }
      .search_result .search_result_title > a:hover {
        color: #66b9ff; }
    .search_result .search_result_title i {
      font-size: 12pt;
      margin-right: 2px;
      color: #222222; }
      .search_result .search_result_title i.search_result_icon_external:before {
        content: ""; }
      .search_result .search_result_title i.search_result_icon_html:before {
        content: ""; }
      .search_result .search_result_title i.search_result_icon_pdf:before {
        content: ""; }
  .search_result .search_result_summary {
    font-family: arial, sans_serif;
    font-size: 10pt;
    padding: 5px 10px 15px 10px;
    color: #222222;
    border-style: none;
    border-width: 0px;
    border-color: transparent;
    border-radius: 0px; }
    .search_result .search_result_summary:hover {
      border-style: none;
      border-width: 0px;
      border-color: transparent;
      border-radius: 0px; }
    .search_result .search_result_summary .search_result_highlight {
      background-color: yellow;
      color: #222222; }
  .search_result .search_result_group_name {
    font-family: arial, sans_serif;
    font-size: 10pt;
    padding: 5px 10px;
    color: #888888;
    background-color: #f1f1f1;
    text-align: right;
    border-style: none;
    border-width: 0px;
    border-color: transparent;
    border-radius: 0px; }
    .search_result .search_result_group_name:hover {
      border-style: none;
      border-width: 0px;
      border-color: transparent;
      border-radius: 0px; }
