@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 */
/* popup */
/* share popup */
/* disqus */
/* search */
/* header */
/* footer */
/* back-to-top button */
/*
 * lightbox
*/
/* no javascript warning */
/* Assistant Chat */
/*                */
/*
* splash groups grid
*/
/*~~~~~ FONTS ~~~~~*/
/*~~~~~~~~~~~~~~~~~*/
/*
 * toolbar
*/
/*
 * menu (nav & toc/index)
*/
/*
 * page
*/
/*
 * mini toc
*/
/*
 * related topics
*/
/*
 * search
*/
/*
 * header
*/
/*
 * footer
*/
/*
 * lightbox
*/
/*
 * assistant
*/
/*
* splash groups grid
*/
/*~~~~~ 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 */
/* assistant */
/* page */
/* Share widget */
/* page loading */
/* header */
/* footer */
/* search */
/*~~~~~ 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
*/
/*
 * popup
*/
/*
 * mini toc
*/
/*
 * related topics
*/
/*
 * search
*/
/*
 * lightbox
*/
/*
* assistant
*/
/*
 * calculated sizes
 *
 * the values in the below section are calculated & dependent upon multiple above values.
*/
/*
 * toolbar
*/
/*
 * menu
*/
/*
 * page
*/
/*
* splash groups grid
*/
/*~~~~~ 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 */
/* popup */
/* share popup */
/* disqus */
/* search */
/* header */
/* footer */
/* back-to-top button */
/*
 * lightbox
*/
/* no javascript warning */
/* Assistant Chat */
/*                */
/*
* splash groups grid
*/
/*~~~~~ 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
*/
/*
 * popup
*/
/*
 * mini toc
*/
/*
 * related topics
*/
/*
 * search
*/
/*
 * lightbox
*/
/*
* assistant
*/
/*
 * calculated sizes
 *
 * the values in the below section are calculated & dependent upon multiple above values.
*/
/*
 * toolbar
*/
/*
 * menu
*/
/*
 * page
*/
/*
* splash groups grid
*/
/* ~~~~ 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 */
/*             */
/*
* splash groups grid
*/
body {
  font-family: arial, sans_serif;
  font-size: 12pt; }

a:link {
  color: #afc932; }
  a:link:active {
    color: #cfe081; }

a:visited {
  color: #68771e; }

span.WebWorks_Number {
  display: inline-block;
  margin: 0;
  padding: 0;
  text-indent: 0; }

div.WebWorks_Table {
  border: 1px solid #000000; }

div.WebWorks_Table_Row {
  clear: left; }

div.WebWorks_Table_Cell {
  float: left; }

div.WebWorks_Table_End {
  clear: both;
  font-size: 1px; }

div.WebWorks_MiniTOC {
  font-family: arial, sans_serif;
  font-size: 12pt;
  margin: 20px;
  padding: 0;
  background: #eeeeee;
  border-style: solid;
  border-width: 1px;
  border-color: #d5d5d5;
  border-radius: 0px; }

div.WebWorks_MiniTOC_Heading {
  display: none; }

.WebWorks_Breadcrumb_Link, .WebWorks_Breadcrumb_Text {
  display: inline-block; }

dl.WebWorks_MiniTOC_List {
  margin: 0;
  padding: 0 0 0 16px; }

div.WebWorks_MiniTOC > dl.WebWorks_MiniTOC_List {
  padding-left: 0; }

dl.WebWorks_MiniTOC_List > dd {
  margin: 0;
  padding: 0px 8px; }

div.WebWorks_MiniTOC_Entry {
  cursor: pointer;
  padding: 5px;
  border-style: solid;
  border-width: 1px 0px 0px 0px;
  border-color: #d5d5d5;
  border-radius: 0px; }

div.WebWorks_MiniTOC > dl.WebWorks_MiniTOC_List > dd:first-child > div.WebWorks_MiniTOC_Entry {
  border-width: 0; }

div.WebWorks_MiniTOC_Entry:hover {
  background: #fefefe; }

a.WebWorks_MiniTOC_Link:link {
  color: #222222;
  text-decoration: none; }

a.WebWorks_MiniTOC_Link:visited {
  color: #222222;
  text-decoration: none; }

div.WebWorks_MiniTOC_Entry:hover > a.WebWorks_MiniTOC_Link:link {
  color: #afc932; }

div.WebWorks_MiniTOC_Entry:hover > a.WebWorks_MiniTOC_Link:visited {
  color: #222222; }

.Related_Topics {
  padding: 40px 0px;
  border-top: none transparent 0px;
  border-right: none transparent 0px;
  border-bottom: none transparent 0px;
  border-left: none transparent 0px;
  border-radius: 0px 0px 0px 0px; }

.Related_Topics_Title {
  font-weight: bold;
  font-family: arial, sans_serif;
  font-size: 12pt;
  color: #222222;
  background: #fefefe;
  padding: 10px;
  border-top: none transparent 0px;
  border-right: none transparent 0px;
  border-bottom: none transparent 0px;
  border-left: none transparent 0px;
  border-radius: 0px 0px 0px 0px; }
  .Related_Topics_Title .ww_skin_dropdown_arrow i {
    color: #222222; }

.Related_Topics_List {
  padding: 5px 0px;
  border-top: none;
  border-right: solid #eeeeee 1px;
  border-bottom: solid #eeeeee 1px;
  border-left: solid #eeeeee 1px;
  border-radius: 0px 0px 0px 0px; }

.Related_Topics_Entry {
  font-family: arial, sans_serif;
  font-size: 12pt;
  padding: 5px 10px;
  border-top: none transparent 0px;
  border-right: none transparent 0px;
  border-bottom: none transparent 0px;
  border-left: none transparent 0px;
  border-radius: 0px 0px 0px 0px; }
  .Related_Topics_Entry a:link, .Related_Topics_Entry a:visited {
    color: #fefefe; }
  .Related_Topics_Entry a:hover:link, .Related_Topics_Entry a:hover:visited, .Related_Topics_Entry a:focus:link, .Related_Topics_Entry a:focus:visited {
    color: white; }
  .Related_Topics_Entry i {
    color: #222222;
    padding: 0px 10px 0px 0px; }
    .Related_Topics_Entry i:before {
      content: ""; }

span#social_linkedin {
  margin-right: 12pt;
  vertical-align: -7px; }

.Search_Result_Highlight {
  background-color: yellow; }

#noscript_padding {
  padding-top: 1.9em; }

#noscript_warning {
  font-family: arial, sans_serif;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 101;
  text-align: center;
  font-weight: bold;
  color: #222222;
  background-color: #ae0000;
  padding: 5px 0 5px 0; }

a object[type="image/svg+xml"] {
  pointer-events: none; }

/* Three combinations here for responsive design...  */
/* .layout_wide - Desktop mode                       */
/* .layout_narrow - mobile landscape mode            */
/* .layout_narrow.layout_tall - mobile portrait mode */
/*                                                   */
/* The grid renders on the splash page inside the    */
/* page iframe, where #layout_div is not visible:    */
/* the Connect frame mirrors its layout classes onto */
/* the grid container. Base grid styling lives in    */
/* skin.scss (Splash - Groups Grid section).         */
.ww_skin_splash_groups {
  /* layout_tall & layout_narrow specific items */
  /* portrait mobile view                       */
  /*                                            */
  /* layout_narrow specific items */
  /* -landscape mobile view-      */
  /*                              */
  /* layout_wide specific items */
  /* -desktop view-             */
  /*                            */ }
  .ww_skin_splash_groups.layout_narrow.layout_tall ul.ww_skin_splash_groups_grid {
    grid-template-columns: 1fr; }
  .ww_skin_splash_groups.layout_narrow {
    padding: 16px 12px 32px; }
    .ww_skin_splash_groups.layout_narrow ul.ww_skin_splash_groups_grid {
      gap: 12px; }