@charset "UTF-8";
/*~~~~~ COLORS ~~~~~*/
/*~~~~~~~~~~~~~~~~~~*/
/* custom colors                               */
/*                                             */
/* define custom values here for easy tracking */
/* $social_secondary_color: #eeeeee; */
/* 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.                                   */
/*                                                                                                   */
/* PTC Colors */
/* PTC Color Style Variables */
/* Defaults for structure items */
/*                              */
/* $link_default_color: $_layout_color_1; */
/* Mini TOC */
/*          */
/* Related Topics */
/*                */
/* Search Result Highlight */
/*                         */
/* colors for specific items */
/*                           */
/* toolbar */
/* menu (nav & toc/index) */
/* page */
/* popup */
/* disqus */
/* search */
/* header */
/* footer */
/* back-to-top button */
/* dark mode back-to-top button */
/*

 * lightbox

*/
/* unsupported browser */
/* no javascript warning */
/* ===== PTC DARK MODE COLORS ===== */
/* Dark mode color palette */
/*~~~~~ FONTS ~~~~~*/
/*~~~~~~~~~~~~~~~~~*/
/*

 * toolbar

*/
/*

 * menu (nav & toc/index)

*/
/*

 * page

*/
/*

 * mini toc

*/
/*

 * related topics

*/
/*

 * search

*/
/*

 * header

*/
/*

 * footer

*/
/*

 * lightbox

*/
/*

 * unsupported browser

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

*/
/*

 * 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 */
/* $social_secondary_color: #eeeeee; */
/* 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.                                   */
/*                                                                                                   */
/* PTC Colors */
/* PTC Color Style Variables */
/* Defaults for structure items */
/*                              */
/* $link_default_color: $_layout_color_1; */
/* Mini TOC */
/*          */
/* Related Topics */
/*                */
/* Search Result Highlight */
/*                         */
/* colors for specific items */
/*                           */
/* toolbar */
/* menu (nav & toc/index) */
/* page */
/* popup */
/* disqus */
/* search */
/* header */
/* footer */
/* back-to-top button */
/* dark mode back-to-top button */
/*

 * lightbox

*/
/* unsupported browser */
/* no javascript warning */
/* ===== PTC DARK MODE COLORS ===== */
/* Dark mode color palette */
/*~~~~~ 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

*/
/*

 * 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: 12pt; }

a {
  /*  font-weight:bold; PTC */ }
  a:link {
    color: #14629A; }
    a:link:active {
      color: #14629A; }
  a:visited {
    color: #14629A; }

span.WebWorks_Number {
  display: inline-block;
  margin: 0;
  padding: 0;
  text-indent: -5px;
  vertical-align: bottom; }

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: #ffffff;
  border-style: solid;
  border-width: 1px;
  border-color: #e6e6e6;
  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: #e6e6e6;
  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: #3D4647; }

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

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

.Related_Topics {
  /* padding: $related_topics_padding; PTC? */
  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: #3D4647;
  /* background: $related_topics_title_background_color; PTC? */
  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: #fefefe; }

.Related_Topics_List {
  padding: 5px 0px;
  border-top: none;
  border-right: solid #ffffff 1px;
  border-bottom: solid #ffffff 1px;
  border-left: solid #ffffff 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;
  /* PTC?
  i {
    color: $related_topics_entry_icon_color;
    padding: $related_topics_entry_icon_padding;

    &:before {
      content: $page_related_topic_entry_icon;
    }
  }
 */ }
  .Related_Topics_Entry a:link, .Related_Topics_Entry a:visited {
    color: #0060FC; }
  .Related_Topics_Entry a:hover:link, .Related_Topics_Entry a:hover:visited {
    color: #0060FC; }

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: #fefefe;
  background-color: #ae0000;
  padding: 5px 0 5px 0; }

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

/* Responsive images */
/* Responsive video */
div.ww_skin_page_overflow object {
  max-width: 100%; }

#ptc_mathcad_copy_worksheet {
  position: fixed;
  top: 60pt;
  right: 10pt;
  bottom: auto;
  left: auto;
  width: 10em;
  font-size: 9pt;
  background-color: #fbdd83;
  border-width: 1px;
  border-style: solid;
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  border-image: none;
  border-color: #669966 #336633 #336633 #669966;
  cursor: pointer; }

.ptc_mathcad_textarea {
  display: none; }

img.Default {
  max-width: 100%;
  max-height: auto; }

img.MathCAD {
  border-bottom-color: Transparent;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: Transparent;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: Transparent;
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: Transparent;
  border-top-style: solid;
  border-top-width: 1px;
  cursor: pointer;
  cursor: hand; }

.table_cell_color_light_blue {
  background-color: #d8eeff; }

.table_cell_color_blue {
  background-color: #43c4f1; }

.table_cell_color_light_green {
  background-color: #dcf3dc; }

.table_cell_color_green {
  background-color: #5acd28; }

.table_cell_color_light_gray {
  background-color: #e6e8ea; }

.table_cell_color_gray {
  background-color: #adb5bd; }

.table_flex {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse; }

.table_flex th,
.table_flex td {
  border: 1px solid black;
  overflow-wrap: break-word; }

* {
  box-sizing: border-box; }

.zoom {
  max-width: 100% !important;
  padding: 10px;
  background-color: white;
  transition: transform .2s;
  width: 160px;
  height: 110px;
  margin: 20px 20px 20px 20px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  border-radius: 10px; }

.zoom:hover {
  -ms-transform: scale(1.5);
  /* IE 9 */
  -webkit-transform: scale(1.5);
  /* Safari 3-8 */
  transform: scale(1.2); }

.footer {
  margin-left: -20px; }

.noborders {
  background-color: #f5f5f5; }

.codephbreak {
  word-break: break-all; }

.popup-link::after {
  content: "ℹ️";
  font-size: 0.7em;
  vertical-align: super;
  line-height: 0; }

table.textbox {
  width: auto;
  border-collapse: separate;
  border-spacing: 0;
  background-color: #f9f9fc;
  border-left: 4px solid #4a90e2;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
  margin: 1em 0;
  font-family: system-ui, sans-serif;
  padding-left: 1.5em; }

table.textbox td {
  padding: 1em 1.25em;
  color: #333;
  font-size: 1rem;
  line-height: 1.5; }

.hr {
  border-bottom: black 1px solid;
  text-indent: -9999px;
  overflow: hidden; }

/* ===== LANDING PAGE ICON CARDS ===== */
table[class*="landing-page-cards-table"],
table[outputclass*="landing-page-cards"] {
  width: auto !important;
  border-collapse: separate !important;
  border-spacing: 1rem !important;
  margin: 1.5rem 0 !important;
  table-layout: auto !important;
  max-width: 100% !important; }

table[class*="landing-page-cards-table"] td,
table[outputclass*="landing-page-cards"] td {
  width: 215px !important;
  max-width: 215px !important;
  padding: 1.5rem !important;
  text-align: center !important;
  vertical-align: middle !important;
  border: 1px solid #e0e0e0 !important;
  background: #fff !important;
  box-sizing: border-box !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
  transition: all 0.2s ease !important;
  height: 165px !important;
  overflow-wrap: break-word !important; }

table[class*="landing-page-cards-table"] td:hover,
table[outputclass*="landing-page-cards"] td:hover {
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12), inset 0 -4px 0 #197bc0 !important; }

/* Hide empty table cells in landing page cards */
table[class*="landing-page-cards-table"] td:empty,
table[outputclass*="landing-page-cards"] td:empty {
  display: none !important; }

table[class*="landing-page-cards-table"] p,
table[outputclass*="landing-page-cards"] p {
  margin: 0 0 0.75rem 0 !important;
  padding: 0 !important; }

table[class*="landing-page-cards-table"] p:last-child,
table[outputclass*="landing-page-cards"] p:last-child {
  margin-bottom: 0 !important; }

table[class*="landing-page-cards-table"] img,
table[outputclass*="landing-page-cards"] img {
  max-width: 100px !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important; }

table[class*="landing-page-cards-table"] a,
table[outputclass*="landing-page-cards"] a {
  text-decoration: underline !important;
  color: #0073e6 !important;
  text-decoration-color: #0073e6 !important; }

table[class*="landing-page-cards-table"] a:link,
table[outputclass*="landing-page-cards"] a:link {
  color: #0073e6 !important;
  text-decoration-color: #0073e6 !important; }

table[class*="landing-page-cards-table"] a:visited,
table[outputclass*="landing-page-cards"] a:visited {
  color: #551a8b !important;
  text-decoration-color: #551a8b !important; }

table[class*="landing-page-cards-table"] a:hover,
table[outputclass*="landing-page-cards"] a:hover {
  text-decoration: underline !important;
  text-decoration-color: #0073e6 !important; }

/* Dark mode */
html[data-theme="dark"] table[class*="landing-page-cards-table"],
html[data-theme="dark"] table[outputclass*="landing-page-cards"] {
  background: transparent !important; }

html[data-theme="dark"] table[class*="landing-page-cards-table"] td,
html[data-theme="dark"] table[outputclass*="landing-page-cards"] td {
  background: #2d2d2d !important;
  border-color: #444 !important; }

html[data-theme="dark"] table[class*="landing-page-cards-table"] a:link,
html[data-theme="dark"] table[outputclass*="landing-page-cards"] a:link {
  color: #5dade2 !important;
  text-decoration: underline !important;
  text-decoration-color: #5dade2 !important; }

html[data-theme="dark"] table[class*="landing-page-cards-table"] a:visited,
html[data-theme="dark"] table[outputclass*="landing-page-cards"] a:visited {
  color: #5dade2 !important;
  text-decoration: underline !important;
  text-decoration-color: #5dade2 !important; }

html[data-theme="dark"] table[class*="landing-page-cards-table"] a:hover,
html[data-theme="dark"] table[outputclass*="landing-page-cards"] a:hover {
  color: #85c1e9 !important;
  text-decoration: underline !important;
  text-decoration-color: #85c1e9 !important; }

/* ===== DARK MODE STYLES ===== */
/* Apply dark mode when data-theme="dark" is set on html element */
html[data-theme="dark"] {
  /* All headings */
  /* All paragraphs and text elements */
  /* Code and preformatted elements */ }
  html[data-theme="dark"] body {
    background-color: #1a1a1a;
    color: #e0e0e0; }
  html[data-theme="dark"] h1, html[data-theme="dark"] h2, html[data-theme="dark"] h3, html[data-theme="dark"] h4, html[data-theme="dark"] h5, html[data-theme="dark"] h6 {
    color: #e0e0e0; }
  html[data-theme="dark"] p, html[data-theme="dark"] div, html[data-theme="dark"] span, html[data-theme="dark"] li, html[data-theme="dark"] td, html[data-theme="dark"] th, html[data-theme="dark"] dt, html[data-theme="dark"] dd {
    color: #e0e0e0; }
  html[data-theme="dark"] pre, html[data-theme="dark"] code, html[data-theme="dark"] .codeph, html[data-theme="dark"] .codephbreak, html[data-theme="dark"] .codeblock, html[data-theme="dark"] .para-code {
    background-color: #2d2d2d !important;
    color: #e8e8e8 !important;
    border-color: #404040 !important; }
  html[data-theme="dark"] a:link {
    color: #5bb9ff; }
  html[data-theme="dark"] a:visited {
    color: #9d9dff; }
  html[data-theme="dark"] a:hover {
    color: #a8daff; }
  html[data-theme="dark"] div.WebWorks_Table {
    background-color: #2d2d2d !important;
    border-color: #404040; }
  html[data-theme="dark"] div.WebWorks_MiniTOC {
    background: #2a2a2a;
    border-color: #404040; }
  html[data-theme="dark"] div.WebWorks_MiniTOC_Entry:hover {
    background: #3a3a3a; }
  html[data-theme="dark"] a.WebWorks_MiniTOC_Link:link {
    color: #e0e0e0; }
  html[data-theme="dark"] a.WebWorks_MiniTOC_Link:visited {
    color: #b0b0b0; }
  html[data-theme="dark"] .Related_Topics {
    border-color: #404040; }
  html[data-theme="dark"] .Related_Topics_Title {
    color: #6bc74d;
    background: #2a2a2a; }
  html[data-theme="dark"] .Related_Topics_Entry a:link, html[data-theme="dark"] .Related_Topics_Entry a:visited {
    color: #5bb9ff; }
  html[data-theme="dark"] .Search_Result_Highlight {
    background-color: #4a4a0d; }
  html[data-theme="dark"] table, html[data-theme="dark"] table.textbox {
    background-color: #2d2d2d !important;
    border-color: #404040 !important;
    border-left-color: #6bc74d !important; }
  html[data-theme="dark"] table td, html[data-theme="dark"] table.textbox td {
    background-color: #2d2d2d !important;
    color: #e8e8e8 !important; }
  html[data-theme="dark"] .table_cell_color_light_blue {
    background-color: #1a3d5c; }
  html[data-theme="dark"] .table_cell_color_blue {
    background-color: #2a6a8a; }
  html[data-theme="dark"] .table_cell_color_light_green {
    background-color: #1a3d1a; }
  html[data-theme="dark"] .table_cell_color_green {
    background-color: #3a7d1a; }
  html[data-theme="dark"] .table_cell_color_light_gray {
    background-color: #3a3a3a; }
  html[data-theme="dark"] .table_cell_color_gray {
    background-color: #4a4a4a; }
  html[data-theme="dark"] .zoom {
    background-color: #2a2a2a;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5); }
  html[data-theme="dark"] .noborders {
    background-color: #1a1a1a; }