/*
 * ==============================================
 * Skin for oXygen generated WebHelp.
 * ==============================================
 */
/*
 * ------------------------------------------------------------------
 *
 * Fonts.
 *
 */
@import url(unityfonts.css);

/*regular version*/
@font-face {
    font-family: "Segoe UI";
    src: url(../fonts/NotoSans-Regular.eot?#iefix) format('embedded-opentype');
}

/*bold version*/
@font-face {
    font-family: "Segoe UI";
    src: url(../fonts/NotoSans-Bold.eot?#iefix) format('embedded-opentype');
    font-weight: bold;
}


/*
 * ------------------------------------------------------------------
 *
 * Navbar
 *
 */
.navbar-brand {
    height: auto;
}

.navbar {
    background-color: #FFFFFF;
    border: none;
    border-radius: 0;
    margin: 0;
    box-shadow: none;
}

@media only screen and (max-width: 767px) {
   .wh_main_page .navbar-form {
        margin-left: 0px !important;
        box-shadow: none;
   }
}

/*
 * ------------------------------------------------------------------
 *
 * Menu
 *
 */

@media only screen and (min-width: 768px) {


    .wh_top_menu {
        /*padding: 2px 0;
        border-style: solid none;
        border-width: 1px;
        border-color: #cccccc;*/
        display: none;
    }

    .wh_top_menu_and_indexterms_link {
        padding: 0;
        margin: 0 !important;
    }

    .wh_top_menu_and_indexterms_link.navbar-collapse {
        float: left;
        white-space: nowrap;
    }

    /* Menu bar */
    .wh_top_menu ul li:hover a {
        background-color: transparent;
        color: #1D2E38;
    }

    /* Sub menus */
    .wh_top_menu ul ul li {
        background-color: #FFFFFF;
        border: solid 1px #c0c0c0;
        border-top: none;
    }

    /*
       This will add a blank space between the menu bar and the current submenu.
       Also will ensure that when the mouse transits the blank space, the submenu is not hidden.
    */
    .wh_top_menu > ul > li:hover > ul {
        margin-top: 0;
        border-top: 1.3em solid transparent;
        background-color: transparent;
    }

    /* The ^ arrow on top of the drop-down menu */
    .wh_top_menu > ul > li:hover > ul:before {
        content: '';
        position: absolute;
        top: -1.3em;
        left: 1.3em;
        width: 1.3em;
        height: 1.3em;
        border-bottom: solid 0.8em #FFFFFF;
        border-left: solid 0.8em transparent;
        border-right: solid 0.8em transparent;
    }

    /* @RTL: Display the arrow in the right side. */
    *[dir='rtl'] .wh_top_menu > ul > li:hover > ul:before {
        left: auto;
        right: 1.3em
    }

    .wh_top_menu ul li:hover ul a {
        color: #d1f1e9;
        transition: background-color .25s ease-out 0s,
        color .3s ease-out 0s;
    }

    .wh_top_menu ul ul li a:hover {
        color: #0E8FBC;
        background-color: rgba(0, 0, 0, 0.08);
        transition: background-color .25s ease-in 0s,
            color .3s ease-in 0s;
    }

    .wh_top_menu ul ul li.has-children:after {
        color:#0E8FBC;
    }
}

@media only screen and (max-width: 767px) {
    .wh_top_menu {
       color: #1e2d38;
       text-transform: none;
   }

    .wh_top_menu li.active a {
        color: #1e2d38;
    }

    .wh_top_menu li.active {
        background-color: transparent;
    }

    .wh_top_menu li.active > span a {
        background-color: transparent;
    }

    .wh_main_page  .wh_toggle_button.navbar-toggle {
       display: none;
    }

    .wh_toggle_button.navbar-toggle {
        border-color: white;
    }

    .wh_toggle_button.navbar-toggle:focus {
        background-color: transparent;
    }

    .wh_toggle_button.navbar-toggle .icon-bar {
        background-color: white;
    }

    .wh_top_menu ul ul li {
        border: none;
    }

    .wh_top_menu ul li:hover, .wh_top_menu ul ul li a:hover {
        background-color: transparent;
    }
}


.wh_top_menu {
    font-size: 1em;
    background-color: #FFFFFF;
}

.wh_top_menu ul {
    background-color: transparent;
}

.wh_top_menu ul a {
    color: #1d2e38;
}

/* The submenus */
.wh_top_menu ul ul {
    background-color: transparent;
}



/*
 * ------------------------------------------------------------------
 *
 * Header.
 *
 */


@media only screen and (min-width: 768px) {
    .wh_header {
        text-align: left;
    }
}

@media only screen and (max-width: 767px) {
    .wh_terms_page .wh_header, .wh_search_page .wh_header, .wh_topic_page .wh_header {
        padding-bottom: 30px;
    }

    nav.affix[data-toggle='toc'] {overflow-x: hidden;}
}

@media only screen and (min-width: 768px) {
    .wh_main_page .wh_header {
        background-image: none;
        background-color: transparent;
        position: absolute;
        width:100%;
        padding-left: 21.1%;
        padding-right: 20%;

    }

    /*3/12*/
    .frmBody .wh_header,
    body .wh_header,
    .wh_topic_page .wh_header,
    .wh_search_page .wh_header,
    .wh_terms_page .wh_header {
        position: fixed;
        z-index: 9998;
        width: 100%;
        height:90px;
        padding-top:1em;
        padding-left: 1em;
        padding-right: 1em;
    }
}

@media only screen and (max-width: 767px) {
    .wh_main_page .wh_header {
        position: unset;
        width:100%;
   }
}

.wh_header_flex_container {
    justify-content: flex-end;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .frmBody .wh_header_flex_container, body .wh_header_flex_container, .wh_topic_page .wh_header_flex_container {
        justify-content: flex-start;
    }
}

/*3/12*/

@media only screen and (max-width: 767px) {

    .wh_header_flex_container {
        align-content: left;
    }
}

.wh_header > .container-fluid {
    padding-top: 1em;
    padding-left: .5em;
    padding-right: .5em;
}

.wh_main_page .wh_header .container-fluid .wh_header_flex_container .wh_search_input {display: none;}


@media only screen and (max-width: 767px) {
    .wh_toggle_button {
        margin-top: 0px;
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 767px) {
    .frmBody > .wh_header, .wh_topic_page > .wh_header, body > .wh_header {display: none}
}

@media screen and (min-width: 767px) {
    body.wh_terms_page > .wh_header, body.wh_search_page > .wh_header, body.wh_main_page > .wh_header {
    	display: unset
    }
}

.wh_terms_page .wh_header, .wh_search_page .wh_header {
	box-shadow: inset 0 -15px 20px -15px rgba(0,0,0,0.2);
}

@media screen and (-ms-high-contrast:none) {
    /* IE10+ CSS styles go here */
	
    body.wh_search_page > .wh_header, body.wh_main_page > .wh_header, body.wh_terms_page > .wh_header {
        display: block;
    }

    body.wh_search_page > .wh_header > .container-fluid, body.wh_terms_page > .wh_header > .container-fluid {
        max-width: 100%;
        padding-left: 1.5em;
    }

    body.wh_search_page .wh_header_flex_container, body.wh_terms_page .wh_header_flex_container {
        justify-content: flex-end;
    }
}

/*3/12*/

@media only screen and (max-width: 767px) {
  .header {
    display: none;
  }

  .content_spacer {display: none;}

  .wh_header {
    background-image: url(../img/unity_gradient_resized.png);
    background-repeat: repeat-x;
    }
}

.wh_header {
    background-image: url(../img/hw_hero_ribbon.png);
    background-size: 100% 100%;
    }

.header .wh_header {
    width:81%;
    background-image: linear-gradient(to bottom,#fff 0,#ffffff 100%);
    border-bottom: 1px solid #D8D8D8;
    padding-top: 0px;
    padding-bottom: .8em;
    height:60px;
}

.header .wh_header_flex_container {
    flex-wrap: nowrap;
    align-items: initial;
}

#wh_menu_mobile_button {
    visibility: visible;
}


 /*
 * ------------------------------------------------------------------
 *
 * Breadcrumb
 *
 */
.wh_breadcrumb {
    margin-right:auto;
    font-size: 1em;
    margin-bottom: .5em;
    min-width: 60%;
    max-width: 60%;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .wh_breadcrumb {
        margin-bottom: 0.8em;
    }
}


@media only screen and (max-width: 767px) {
  .wh_breadcrumb {
    display: none;
  }
}

.wh_breadcrumb ol {
    color: #707070;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0px;
}

/*.wh_breadcrumb ol {max-height: 42px; overflow: hidden;}*/

.wh_breadcrumb ol a {
    color: #00AAE6;
}

.wh_breadcrumb ol .active a {
    color: #000000;
    text-decoration: none;
}

.wh_breadcrumb ol .active {
    text-decoration: none;
    color:#00AAE6;
}

.wh_breadcrumb ol a:hover {
    text-decoration: none;
}

.wh_breadcrumb li {
   padding-left: 0;
}

/* .wh_breadcrumb li:not(:first-of-type)::before {

    font-family: 'Segoe UI';
    content: "\E9A6";
    padding: 0 0;
} */

.wh_breadcrumb li:not(:last-of-type)::after {
    content: "";
    padding: 0;
}

.wh_breadcrumb .home > a:nth-child(1) > span:nth-child(1){
    display: none;

    /*content: "placeholder";*/
}

.wh_breadcrumb .home > a:nth-child(1):after {
  font-family: 'Segoe UI';
  content: "\e96d";
  font-size: 16px;
}

ol.hidden-print > li:nth-child(n+2) span {     /*> span:nth-child(1)*/
  /*padding-bottom: 6px;
  display: inline-block;
  line-height: 20px; */
 position: relative;
 bottom: 0.1em;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   ol.hidden-print > li:nth-child(n+2) span {
        top: 0.5px;
    }
}

.wh_breadcrumb .keyword {
   bottom: 0 !important;
}

:root {
    /* Port SCSS definitions into variables */
    --font-size-regular: 16px;
    --font-size-medium: 13px;
    --font-size-small: 11px;

    --space-regular: 32px;
    --space-medium: 12px;
    --space-small: 8px;

    /* Colors */
    --color-blue-dark: #1D2E38;
    --color-gray-light: #CAD2D5;
    --color-gray-darker: #AFB6B9;
    --color-gray-darkest: #85898D;
    --color-pearl: #F7FCFF;
    --color-green: #00CC65;
    --color-cream: #FEF5CF;
    --color-caffelatte: #F3E4B6;
    --color-unity-azure: #FFFFFF;
    --color-white: #FFFFFF;
    --color-black: #000000;

    /* Brand colors */
    --color-blue-altair: #00ABEC;
    --color-red-altair: #D0021B;
    --color-yellow-altair: #F9CE1C;
    --background-color: var(--color-unity-azure);

    /* The basic font-size: */
    font-family: 'Segoe UI', sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;

    /* The base font size */
    font-size: var(--font-size-regular);
    color: var(--color-blue-dark);
}

.wh_breadcrumb ol {
    display: flex;
    flex-direction: row;
}
.wh_breadcrumb ol > li [class^="unity_"],
.wh_breadcrumb ol > li [class*=" unity_"] {
    font-size: 16px;
    vertical-align: text-bottom;
    pointer-events: none;
}
.wh_breadcrumb ol > li {
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    min-width: calc(16px + 1em); /* This is the separator icon + 1 character */
    max-width: 30%;
    vertical-align: middle;
    font-size: 12px;
    cursor: pointer;
    position: relative;
    color: var(--color-gray-darkest);
}


.wh_breadcrumb ol > li:first-child {
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: clip;
    max-width: 16px;
    min-width: 16px;
    width: 16px;
}

.wh_breadcrumb ol > li:first-child::before {
    content: "";
}
.wh_breadcrumb ol > li:last-child {
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: clip;
    color: var(--color-blue-dark);
    width: unset;
    max-width: 100%;
    cursor: default;
}


.wh_breadcrumb ol > li::before {
    font-size: 16px;

    /* arrow: unity_right_small */
    content: "\e9a5";

    /* Can the style be "imported" from the Unity Font
    instead of being duplicated? */
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'Segoe UI' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    vertical-align: text-bottom;
}

.wh_breadcrumb ol > li.overflow-wrapper {
    overflow: visible;
    white-space: nowrap;
    text-overflow: none;
    min-width: unset;
}

.wh_breadcrumb ol > li.overflow-wrapper > ul {
    /* This is the overflow dropdown */
    position: absolute;
    background-color: #f7fcff;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.25);
    left: 16px;
    padding: 8px 1px;
}

.wh_breadcrumb ol > li.overflow-wrapper > ul > li {
    display: block;
    line-height: 2;
    padding: 0px 1em;
}

.wh_breadcrumb ol > li.overflow-wrapper > ul > li:hover {
    background-color: var(--color-gray-light);
}

.collapsed {
    visibility: collapse;
}


/*
 * ------------------------------------------------------------------
 *
 * Tools and navigation
 *
 */
.wh_tools {
    background-color: #FFFFFF;
    margin-bottom: 0;
    margin-left: 0;
    margin-left: 0;
    font-size: 1.1em;
    position: fixed;
    z-index: 9999;
    width:100%;
    margin-top: .8em;
}


.wh_print_link,
.wh_navigation_links,
.wh_navigation_links .navnext,
.wh_navigation_links .navprev {
}

.wh_hide_highlight,
.wh_navigation_links a,
.wh_navigation_links a:hover,
.wh_navigation_links a:active,
.wh_navigation_links a:visited {
    color: /*#d1f1e9*/#0E8FBC;
    text-decoration: none;
}

.print_button:before {
    font-family: 'Segoe UI';
    content: "\E99A";
    font-size: 1.7em;
    color: #1D2E38;
    display: inline-block;
    position: relative;
    top:-3px;
}

.wh_print_link a,
.wh_print_link a:before,
.wh_print_link a:before,
.wh_print_link a:hover:before,
.wh_print_link a:active:before,
.wh_print_link a:visited:before {
    color: #1D2E38;
    text-decoration: none;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .print_button:before {
        top:-2px;
    }
}

.wh_print_link a {
    color: transparent !important;
}

.permalink {
    display: none;
}

.wh_main_page .wh_print_link {
        display: none;
   }

/*
 * ------------------------------------------------------------------
 *
 * Footer.
 *
 */
.wh_footer {
    text-align: center;
    padding: /*3em*/1em;
    background-color: /*#4d5251*/#4D4D4D;
    color: #cccccc;
    background-image:none;
    height: 50px;
    width:100%;
    clear: both;
    bottom: 0;
    height: auto;
    font-size: 11px;
}

.wh_footer a, .wh_footer a:hover {
    color: #9F9F9F;
}

.wh_footer p {color: #FFFFFF;}

@media only screen and (max-width: 767px) {
    .wh_main_page .wh_footer {
        position:relative;
   }
}


/*
 * ------------------------------------------------------------------
 *
 * Body.
 *
 */
html, body {
  height: 100%;
  margin: 0;
}

body {
    font-family: 'Segoe UI', Arial, sans-serif;
    background-color: #FFFFFF;
    width:100%;
    height:100%;
    margin:0 auto;
    position: relative;
    padding-bottom: 6rem;
    min-height: 100%;
}

/*Fixed IE transparent scrollbars so they do not overlap the body*/
body {
    -ms-overflow-style: scrollbar;
}

body > .container-fluid {
  min-height: 100%;
  max-width: 100%;
}


@media only screen and (max-width: 767px) {
   body > .container-fluid {
        padding-top: 0em !important;
    }
}


.contentbody {
    padding-right: 0px;
    padding-left: 0px;
}

.wrapper {min-height:800px;}

.content_spacer {height: 65px;}

/*Main Page*/
.wh_main_page .wh_content_area {
    background-color: /*#4ACAA8*/#FFFFFF;
    margin-top: 0px;
}

.categories + p + .seperator {
    border-bottom: .06rem solid #C0C0C0;
    width: 100%;
    margin-top: .5rem;
    margin-bottom: 1rem;
    display: block;
}

.seperator {
    display: none;
}

.categories {
    font-size: 20px;
    width: 100%;
}


/*Topic Page*/
.contentbody {
    background-color: white;
}

@media only screen and (min-width: 768px) {
    .contentbody {
        float:right;
        width:81%;
        min-height: 730px;
    }
}

@media only screen and (max-width: 767px) {
    .contentbody {
        margin-top: 0px;
    }
}


/*Index Page*/
.wh_terms_page > .container-fluid {
    width:97%;
    padding-top: 93px;
}

.wh_terms_page > .container {
    padding-top: 6.5em;
}


/*Search Page*/
.wh_search_page > .container-fluid {
    padding-top: 93px;
    width: 97%;
}

@media only screen and (min-width: 768px) {
    .wh_search_page .wh_content_area {
        min-height: 735px;
    }
}

.searchItemAdditionalData {
    display: none;
}

 /*
 * ------------------------------------------------------------------
 *
 * Xrefs.
 *
 */
.contentarea a {
    color: #00AAE6;
}

.contentarea a:hover {
   color: #0E8FBC !important;
   text-decoration: underline;
}

.contentarea a:visited {
   color: #0E8FBC !important;
}


/*
 * ------------------------------------------------------------------
 *
 * Publication titles
 *
 */
.wh_publication_title > a {
    color: #4acaa8;
    font-size: 2em;
    line-height: 1em;
}

.wh_publication_title {
    display: none;
}

.wh_logo img {width: inherit;}

.wh_logo_and_publication_title_container {
    align-content: flex-start;
}

.wh_version {
    font-family: 'Segoe UI', Arial, sans-serif;
    font-size: 12px;
    margin-top: 2px;
}

.wh_terms_page .wh_logo_and_publication_title_container, .wh_search_page .wh_logo_and_publication_title_container {
    position: absolute;
}

@media only screen and (max-width: 767px) {
   .wh_terms_page .wh_logo_and_publication_title_container, .wh_search_page .wh_logo_and_publication_title_container {
        position: static;
    }
}

.header .wh_logo_and_publication_title_container {display: none;}

/*
 * ------------------------------------------------------------------
 *
 * Index.
 *
 */

 /*Link to the index*/
.wh_indexterms_link a::before {
    margin: 0;
    padding-left: .7em;
    text-align: center;
    color: #1D2E38;
    bottom: .28em;
    font-size: 1.8em;
    top:-9.5px;
}

.wh_terms_page .wh_indexterms_link a::before,
.wh_search_page .wh_indexterms_link a::before,
.wh_search_page .wh_print_link a:before,
.wh_terms_page .wh_print_link a:before {
    color:white;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* IE10+ CSS styles go here */
    .wh_indexterms_link a::before {
        font-size: 23px;
        top:-8px;
    }
}

.wh_main_page .wh_indexterms_link  {
    display: none;
}

.wh_indexterms_link a span {
    display: none;
}

.wh_indexterms_link a {
    color: #1D2E38;
}

/*Index Terms*/
.wh_index_terms span.wh_first_letter {
    color: black;
    border-color: #BEBEBE;
}



.wh_index_terms a {color: #00AAE6;}

.wh_index_terms a:hover, .wh_index_terms a:visited {color: #0E8FBC;}
.wh_index_terms #indexList {
    padding: 0;
}

.wh-letters {
    background-color: transparent;
}

.wh-letters li::after {color:#BEBEBE;}

#iList {
    padding-bottom: 2em;
}



/*
 * ------------------------------------------------------------------
 *
 * Tiles
 *
 */

.wh_tiles {
    padding-bottom: 2em;
    padding-left: 13%;
    padding-right: 13%;
    justify-content: flex-start;
    align-items: none;
    align-content: none;
}

@media only screen and (max-width: 767px) {
    .wh_tiles {
        justify-content: left;
        padding-right: 0px;
        padding-left: 0px;
    }

    .mainTiles .wh_tiles {width: 100%;}
}

.wh_tile {
    min-width: 100%;
    min-height: 220px;
    padding: 1.4em 2em;
}

@media only screen and (max-width: 767px) {
    .wh_tile > div {
        height: auto;
    }
}

.wh_tile_text a .wh_tile_shortdesc {color:inherit;}

.wh_tile_title {
    text-align: center;
    font-size: 1.1em;
    text-decoration: none;
}

.wh_tile_title a {
    text-align: left;
    color: #00AAE6;
    font-family: 'Segoe UI', Arial, sans-serif;
    font-size: 13px;
}

.wh_tile_title a:hover, .wh_tile_title a:visited {color: #0E8FBC !important;}

.wh_tile_title span {
    display: inline;
}

.wh_tile_shortdesc {
    margin-top: 0.5em;
    text-align: left;
    font-style: normal;
    color: #404040;
    font-size: 12px;
    font-family: 'Segoe UI', Arial, sans-serif;
}

.mainTiles {
    width: 100%;
    display:flex;
    justify-content: space-between;
    margin-top: 2rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;

}

/*First three tile*/

.mainTiles .wh_tile {
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.25);
    min-width: 30%;
    width: 30%;
    margin: 1rem 0rem;

}

@media only screen and (max-width: 767px) {
    .mainTiles .wh_tile {
        width: 100%;
        min-width: 100%;
    }

} 


.wh_tile:nth-child(1) > .wh_tile_title,
.wh_tile:nth-child(2) > .wh_tile_title,
.wh_tile:nth-child(3) > .wh_tile_title {
    /*position: absolute;
    top: 0;*/
    clear: both;
    padding-left: auto;
    width: 100%;
    color: #404040;
}

.wh_tile:nth-child(1)  .wh_tile_title a,
.wh_tile:nth-child(2)  .wh_tile_title a,
.wh_tile:nth-child(3)  .wh_tile_title a {
    text-align: center;
    color: #000000 !important;
    font-size: 1.4em;
}

.wh_tile:nth-child(1)  .wh_tile_shortdesc,
.wh_tile:nth-child(2)  .wh_tile_shortdesc,
.wh_tile:nth-child(3)  .wh_tile_shortdesc {
    
    text-align: center;
    font-size: 1em;
}

.wh_tile:nth-child(1) a,
.wh_tile:nth-child(2) a,
.wh_tile:nth-child(3) a {
    color: #00AAE6;
}

.wh_tile:nth-child(1) a:visited,
.wh_tile:nth-child(2) a:visited,
.wh_tile:nth-child(3) a:visited,
.wh_tile:nth-child(1) a:hover,
.wh_tile:nth-child(2) a:hover,
.wh_tile:nth-child(3) a:hover  {
    color: #0E8FBC;
}

/*Adding the class="no" to wh-tiles will turn the display of the tile off in the homepage*/
.wh_tiles .no {
    display: none;
}

.wh_tile:nth-child(n+4)  .wh_tile_image{
    display: none;
}

.wh_tile_image img {
    max-width:120px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}

/*Tiles #4 and greater*/

.wh_tile:nth-child(n+4) {
    padding-top: 1.25em;
    padding-bottom: 1.25em;
}

.wh_tiles .wh_tile:nth-child(n+4) {
    background: transparent;
    width: 24%;
    padding: 0 2rem 1rem 0rem;
    flex-grow: 0;
    flex-shrink: 0;
    min-width: 180px;
    min-height: 70px;
    margin: 0 0 0 0;
    box-sizing: border-box;
}


/*
 * ------------------------------------------------------------------
 *
 * Search area
 *
 */
 .wh_search_input {
    margin-top: 0px;
    padding-top: 1em;
    padding-bottom:2em;
    padding-left: 0;
    padding-right:0;
    background: none;
}

@media only screen and (max-width: 767px) {
    #searchForm > div {
        width: 100%;
        border: 1px solid transparent;
    }

    .wh_search_input {
        width:100%;
        padding-bottom: 0em;
   }

   .zoom_search_page .wh_search_input {
        padding-top: 0em;
   }

   .wh_search_page .wh_top_menu_and_indexterms_link {width: 100%;}

   .wh_top_menu_and_indexterms_link {
    margin-top: 1rem;
    border:none;
}

   .wh_indexterms_link a::before, 
   .wh_print_link a, 
   .wh_print_link a:before, 
   .wh_print_link a:before, 
   .wh_print_link a:hover:before, 
   .wh_print_link a:active:before, 
   .wh_print_link a:visited:before {
        color:white;
    }
}

.wh_search_textfield {
    color: #9B9B9B;
    background-color: #ffffff;
    height: 2.5rem;
    font-size: 1.25rem;
    border-radius: 1.25rem;

}

@media only screen and (min-width: 768px) {
    .wh_search_textfield {
        padding-left: 35px;
    }
}

.wh_search_button {
    color: #3a444a;
    background-color: #ffffff !important;
    border: none !important;
    box-shadow: none;
}

.wh_search_button:after {
    color: #9B9B9B;
    font-family: 'Segoe UI';
    content: "\e9aa";
}

@media only screen and (min-width: 768px) {
    .wh_search_button {
        font-size: 1.2em;
        height: 1.2em;
        left: 0;
        width:20px;
    }
}



/*Main Page Search*/
@media only screen and (min-width: 768px) {
    /*HyperWorks*/
    body.hyperworks .wh_main_page_search {
        height: 14rem;
        width: 100%;
        border-bottom: 1px solid #A0A0A0;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
        position: static;
        /* Mozilla Firefox */ 
        background-image: url("../img/hw_hero_ribbon.png"), -moz-linear-gradient(bottom left, #E4E5E6 0%, #919396 100%);
        /* IE10+ */ 
        background-image: url("../img/hw_hero_ribbon.png"), -ms-linear-gradient(bottom left, #E4E5E6 0%, #919396 100%);
        /* Webkit (Safari,Chrome 10) */ 
        background-image: url("../img/hw_hero_ribbon.png"), -webkit-gradient(linear, left bottom, right top, color-stop(0, #E4E5E6), color-stop(100, #919396)); 
        /* Webkit (Chrome 11+) */ 
        background-image: url("../img/hw_hero_ribbon.png"), -webkit-linear-gradient(bottom left, #E4E5E6 0%, #919396 100%);  
        /* W3C Markup */ 
        background-image: url("../img/hw_hero_ribbon.png"), linear-gradient(to top right, #E4E5E6 0%, #919396 100%);
        /* Opera */ 
        background-image: url("../img/hw_hero_ribbon.png"), -o-linear-gradient(bottom left, #E4E5E6 0%, #919396 100%);
        box-shadow: inset 0 -15px 20px -15px rgba(0,0,0,0.2);
    }

    /*solidThinking*/
    body.solidthinking .wh_main_page_search {
        background-image: url("../img/splashClick2Form.png");
        height: 280px;
        background-color: #000;
        background-repeat: no-repeat;
        background-position: center;
        position: static;
    }

    body.cast .wh_main_page_search {
        background-image: url("../img/banner_InspireCast_2x.png");
       /* height: 280px; */
        width: 100%;
        background-color: #000; 
        background-repeat: no-repeat;
        background-position: center;
        position: static;
        background-size: cover;
    }

    body.form .wh_main_page_search {
        background-image: url("../img/banner_InspireForm_2x.png");
        /* height: 280px; */
        width: 100%;
        background-color: #000;
        background-repeat: no-repeat;
        background-position: center;
        position: static;
        background-size: cover;
    }

    body.extrudem .wh_main_page_search {
        background-image: url("../img/banner_InspireExtrudeMetal_2x.png");
        /* height: 280px; */
        width: 100%;
        background-color: #000;
        background-repeat: no-repeat;
        background-position: center;
        position: static;
        background-size: cover;
    }

    body.extrudep .wh_main_page_search {
        background-image: url("../img/banner_InspireExtrudePolymer_2x.png");
        /* height: 280px; */
        width: 100%;
        background-color: #000;
        background-repeat: no-repeat;
        background-position: center;
        position: static;
        background-size: cover;
    }

    body.inspire .wh_main_page_search {
        background-image: url("../img/banner_InspireStructures_2x.png");
        /* height: 280px; */
        width: 100%;
        background-color: #000;
        background-repeat: no-repeat;
        background-position: center;
        position: static;
        background-size: cover;
    }

    body.studio .wh_main_page_search {
        background-image: url("../img/banner_InspireStudio_2x.png");
        /* height: 280px; */
        width: 100%;
        background-color: #000;
        background-repeat: no-repeat;
        background-position: center;
        position: static;
        background-size: cover;
    }

    body.activate .wh_main_page_search {
        background-image: url("../img/banner_Activate_2x.png");
       /* height: 280px; */
        width: 100%;
        background-color: #000;
        background-repeat: no-repeat;
        background-position: center;
        position: static;
        background-size: cover;
    }

    body.compose .wh_main_page_search {
        background-image: url("../img/banner_Compose_2x.png");
        /* height: 280px; */
        width: 100%;
        background-color: #000;
        background-repeat: no-repeat;
        background-position: center;
        position: static;
        background-size: cover;
    }

    body.embed .wh_main_page_search {
        background-image: url("../img/banner_Embed_2x.png");
        /* height: 280px; */
        width: 100%;
        background-color: #000;
        background-repeat: no-repeat;
        background-position: center;
        position: static;
        background-size: cover;
    }

    body.mold .wh_main_page_search {
        background-image: url("../img/Banner_Mold_2x.png");
        /* height: 280px; */
        width: 100%;
        background-color: #000;
        background-repeat: no-repeat;
        background-position: center;
        position: static;
        background-size: cover;
    }

    body.print .wh_main_page_search {
        background-image: url("../img/Banner_Print_2x.png");
        /* height: 280px; */
        width: 100%;
        background-color: #000;
        background-repeat: no-repeat;
        background-position: center;
        position: static;
        background-size: cover;
    }

    body.oml .wh_main_page_search {
        background-image: url("../img/Banner_OpenMatrix_2x.png");
        /* height: 280px; */
        width: 100%;
        background-color: #000;
        background-repeat: no-repeat;
        background-position: center;
        position: static;
        background-size: cover;
    }
    .wh_main_page .wh_search_input {
        padding: 6rem 0 5rem 0;
        display:flex;
        justify-content: center;
    }

    .wh_main_page #searchForm {
        width:100%;
        margin-left: 21.1%;
        margin-right: 21.1%;
    }

    .wh_main_page .wh_search_textfield {
        height: 2.5rem;
        font-size: 1.25rem;
        border-radius:1.25rem;
        height: 2.5rem;
        color: #9B9B9B;
        font-family: Segoe UI, Arial, sans-serif;
        -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.35);
        -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.35);
        box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.35);
    }

    .wh_main_page .wh_search_button {
        padding: 0px;
        margin:0px;
        float: right;
        font-size: 1.5rem;
        height: 1.56rem;
        width:1.63rem;
        left:8px;
        top:4px;
    }
}

@media screen and (-ms-high-contrast:none){
    	.wh_main_page .wh_search_button{
    		top:1px;
    	}
    }

@media only screen and (max-width: 767px) {
   .wh_main_page .wh_search_input {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 1rem;
    padding-bottom: .5rem;
    background:none;
   }
}


/*Topic, Index, and Search Page*/ /*3/12*/
@media only screen and (min-width: 768px) {
    .frmBody .wh_search_input,
    body .wh_search_input,
    .wh_topic_page .wh_search_input,
    .wh_search_page .wh_search_input,
    .wh_terms_page .wh_search_input {
        padding-top: 0em;
        padding-bottom: 0.9em;
    }

    .frmBody #searchForm > div,
    body #searchForm > div,
    .wh_topic_page #searchForm > div,
    .wh_search_page #searchForm > div,
    .wh_terms_page #searchForm > div {
        width:100%;
    }

    .wh_main_page .wh_search_textfield {padding-left: 2.2rem;}

    .frmBody .wh_search_textfield,
    body .wh_search_textfield,
    .wh_topic_page .wh_search_textfield,
    .wh_search_page .wh_search_textfield,
    .wh_terms_page .wh_search_textfield {
        height: 1.55rem;
        font-size: 1rem;
        padding-left: 1.5rem;
        border-color: #8B8B8B;
    }

     .frmBody .wh_search_button,
     body .wh_search_button,
     .wh_topic_page .wh_search_button,
     .wh_search_page .wh_search_button,
     .wh_terms_page .wh_search_button {
        top: 2px;
        left: 1px;
        border-radius: 1.25rem;
        padding-left: .3rem;
    }
}

@media screen and (-ms-high-contrast:none){
    	.wh_main_page .wh_search_textfield {
    		padding-left: 2.5rem;
    	}

    	.wh_topic_page .wh_search_textfield, .wh_search_page .wh_search_textfield, .wh_terms_page .wh_search_textfield {
    		height:2.5rem;
    		padding-left: 2rem;
    	}
    }

.wh_search_page > .wh_search_input {display:none;}

/* Search autocomplete */

.ui-menu-item > .ui-state-active,
.ui-menu-item-wrapper.ui-state-active {
   background-color: transparent;
   color: #1d2e38;
}

.ui-widget {
    z-index:999999999;
}

.ui-menu-item {
    font-size: 1.1em;
    line-height: 1.7em;
    color: #777;
}

/* Selected autocomplete item */
.ui-menu-item .ui-state-active {
    background-color: white;
    border: none;
    margin: 0;
}

.search-autocomplete-proposal-type-history a,
.ui-state-active .search-autocomplete-proposal-type-history a {
    color: #00AAE6;
    text-decoration: none;
    font-size: 0.8em;
}


/* Search autocomplete icons */
.search-autocomplete-proposal-type-history a:hover,
.search-autocomplete-proposal-type-history a:visited,
.search-autocomplete-proposal-type-history a:active {
    text-decoration: none;
    color: #0E8FBC;
    font-size: 0.8em;
}

.ui-state-active .search-autocomplete-proposal-type-history a:hover,
.ui-state-active .search-autocomplete-proposal-type-history a:visited,
.ui-state-active .search-autocomplete-proposal-type-history a:active {
    color: #0E8FBC;
}

/* Search relative path */
.searchresult li .relativePath a {
    color: #00AAE6;
}

/* Active search page */

#wh-search-pagination > ul > li.active > a {
    background-color: transparent;
}

.pagination li a {
    background-color: #FFFFFF;
    border: none;
    color: #00AAE6;
    padding: 6px 6px;
}

.pagination > li > a:hover, .pagination > .active > a:hover {
    background-color: transparent;
    color: #0E8FBC;
}

.pagination > .active > a,
.pagination > .active > span, {
    background-color: #FFFFFF;
    color: #00AAE6;
}


.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: #FFFFFF;
    color: #0E8FBC;
}


.pagination li a:hover, {
    background-color: #FFFFFF;
    color: #0E8FBC;
}

.pagination > .active > a {
    background-color: #FFFFFF;
    border: none;
    text-decoration: underline;
    color: #00AAE6;
}

.pagination > .disabled > a, .pagination > .disabled > a:hover {
    background-color: #FFFFFF;
}

/*
 * Search Results
 */
.searchresult {
    list-style: none;
}

.searchresult li {
    padding: .5em;
    border-style: solid;
    border-width: 1px 0 0 0;
    border-color: #707070;
}

.zoom_search_page .results a,
.searchresult li a,
.cat_summary a,
.result_pages a {
    color: #00AAE6;
}

.zoom_search_page .results a:hover,
.searchresult li a:hover,
.zoom_search_page .results a:visited,
.searchresult li a:visited,
.cat_summary a:hover,
.cat_summary a:visited,
.result_pages a:hover,
.result_pages a:visited {
    color: #0E8FBC;
}

.searchresult .shortdesclink {
    margin: .3em .5em 0 0;
}

.wh_search_expression {
    color: #1D2E38;
}

.wh_search_results_header_pages {
    font-size: .8em;
}

.wh_search_results_header {border-bottom:1px solid white !important;}

.searchresult li a.foundResult {
    font-size: 16px;
}

.searchresult .shortdesclink {
    font-size: 13px;
    margin: 0;
}

.searchresult .relativePath {
    font-size: 0.7em;
}



/*
 * ------------------------------------------------------------------
 *
 * Side TOC
 *
 */
#wh_publication_toc {
    overflow-y: auto;
    overflow-x: hidden;
    width:20%;
    height:100%;
    position: fixed;
    z-index: 9999;
    background-repeat: repeat-x;
    border-right: 1px solid silver;
    padding-left: 0px;
    background-color: #F4F4F4;
}

/*12/28*/
.wh_publication_toc {
    line-height: 1.5em;
    /*position: absolute;*/
    width: 100%;
    padding-right: 30px;
    z-index: -1;
    padding-bottom: 25px;
    word-break: normal;
    background-color: transparent;
    padding-top: 0px;
    margin-top: 0px;
    padding-left: 0px;
}

@media only screen and (max-width: 767px) {
    #wh_publication_toc, .wh_publication_toc {
        display:none;
    }
}

.wh_publication_toc span.title {
    width: 90%;
    word-break: break-word;
}

.wh_publication_toc ul {
    word-wrap: break-word;
    padding-left: 10px;
    font-size: 11px;
}

.wh_publication_toc ul li {
    line-height: 15px;
    padding-top: 8px;
    margin-top: 0px;
}

.wh_publication_toc li {
    margin: 0px;
}

.wh_publication_toc ul li ul {
    padding-left: 1.5em;
}


.wh_publication_toc .active > .topicref, .wh_publication_toc .active > .topicref a {
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}

.wh_publication_toc span,
.wh_publication_toc a,
.wh_publication_toc a:visited,
.wh_publication_toc a:hover {
    color: #000000;
}

.wh_publication_toc a:hover {
    text-decoration: underline;
}


#wh_publication_toc .wh_logo_and_publication_title_container {
    padding-top: 15px;
    position: fixed;
    width: inherit;
    background: inherit;
    height: 70px;
    margin-left: -20px;
    padding-left: 30px;
    /*12/28*/
    z-index: 1;
}


.wh_logo {
    display:flex;
}

.wh_logo img[src*="st"], .wh_logo img[src*="matrix"], .wh_logo img[src*="hw"] {
    max-width: 100%;
    height:30px;
}

@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .wh_logo img {
        max-height:50px;
        max-width:18em;
    }
}


@media only screen and (max-width: 767px){
    .wh_logo_and_publication_title{
        width: 65%;
    }

    .wh_toggle_button {
        margin-bottom: 0px;
    }
}


.nav_spacer {
    width:100%;
    height: 80px;
}


.wh_main_page .wh_header > .container-fluid {
    padding-top: .5em;
}

/* Side TOC tooltip */
.wh_breadcrumb .topicref .wh-tooltip,
.wh_publication_toc .topicref .wh-tooltip {
    display: none;
}

/* Tooltip arrow. */

[data-tooltip-position="left"] .topicref .wh-tooltip::before {
    border-left-color: #4d5251;
}

[data-tooltip-position="right"] .topicref .wh-tooltip::before {
    border-right-color: #4d5251;
}

[data-tooltip-position="bottom"] .topicref .wh-tooltip::before {
    border-bottom-color: #4d5251;
}

[data-tooltip-position="top"] .topicref .wh-tooltip::before {
    border-top-color: #4d5251;
}

/*
 * ------------------------------------------------------------------
 *
 * Topic content
 *
 */
 *{word-wrap: break-word;}

/*
 * Title & subtitles
 */
.topictitle1 {
    color: #000000;
    font-style: normal;
    font-size: 24px;
    font-family: Segoe UI, Arial, sans-serif;
    line-height: 33px;
    text-transform: none;
    margin-bottom: 0;
}

.topictitle2,
.sectiontitle {
  border-left: none;
  padding-bottom: .5em;
  font-size: 20px;
  font-family: Segoe UI, Arial, sans-serif;
  font-style: normal;
  margin-left: 0em;
}

.topictitle3,
h3.sectiontitle {
  border-left: none;
  padding-bottom: .5em;
  font-size: 16px;
  font-family: Segoe UI, Arial, sans-serif;
  margin-left: 0em;
  border-top: none;
  text-decoration: none;
  font-style: normal;
}

.topictitle4, h4.sectiontitle {
  border-left: none;
  padding-top: 1em;
  padding-bottom: .5em;
  font-size: 13px;
  font-family: Segoe UI, Arial, sans-serif;
  margin-left: 0em;
  border-top: none;
  text-decoration: none;
}

.topictitle5, h5.sectiontitle {
  border-left: none;
  padding-top: .75em;
  padding-bottom: .5em;
  font-size: 13px;
  font-family: Segoe UI, Arial, sans-serif;
  margin-left: 0em;
  border-top: none;
  text-decoration: underline;
}

.topictitle2,
.topictitle3,
.topictitle4,
.topictitle5,
.topictitle6 {
    color: #1D2E38;
    padding-left: 0em;
}

h1, h2, h3 {
    padding-top: 65px !important;
    margin-top: -65px !important;
}

@media only screen and (max-width: 767px) {
    h1, h2, h3 {
    padding-top: 0px !important;
    margin-top: 0px !important;
    }
}

.topictitle2, .sectiontitle {
    margin-top: 0px;
    padding-top: 0px;
}

.nested1 {
    border-top: 1px solid #BEBEBE;
    padding-top: 30px;
    margin-top: 30px;
}

/*
 * Sections
 */
.h3section {
    margin-top: 2.5em;
}

h1 + .body section.hastitle {
    border-top: 1px solid #828282;
    padding-top: 30px;
    margin-top: 30px;
}

.example {
    margin-top: 2.5em;
}

#comments {
    border: none;
}

/*
 * Paragraphs
 */
.wh_topic_content p, .wh_topic_content .p {
    margin-top: .5em;
}

/*Note Sections*/
.cautiontitle {
    margin-top: 6px;
}

.capitalize {
    text-transform: capitalize;
}

/*
 * Expand/Collapse Sections
 */
span.wh_expand_btn {
    display: none;
}


/*
 * Short Descriptions
 */
.wh_topic_content .shortdesc {
    font-style: normal;
    font-size: 16px;
    color: #000000;
    line-height: 22px (1.4);
    margin-bottom: 24px;
}

/*
 * Content Area
 */
.wh_topic_content, .wh_content_area {
    color: #000000;
    font-size: 13px;
    character: 0px;
    line-height: 1.4;
    margin-bottom: 0px;
}

.wh_content_area {
  padding: 0px;
}

@media only screen and (max-width: 767px) {
    .wh_topic_content {
        padding-top: 15px;
    }
}

/*
 * Related Links
 */
.wh_related_links .related-links,
.wh_topic_content .related-links,
.wh_child_links {
    margin-top: 1em;
    background-color: transparent;
    border-top: none;
}

.wh_related_links  {
   padding-left: 0px;
   margin-top: 0em;
   border-top: none;
}

.wh_child_links {
    padding-left: 0px;
    padding-top: 0px;
    margin-top: 0px;
}

.wh_topic_content .related-links {
    font-size: 1em;
}


@media only screen and (max-width: 767px) {
    .related-links {
        border-bottom: none;
        margin-bottom: 0;
    }

    .wh_child_links {
        border: none;
    }
}

/*
 * Hierarchy Links
 */
.related-links li {
   padding-top: 5px;
   padding-bottom: 13px;
}

.related-links strong {
    padding-top: 8px;
    padding-bottom: 6px;

}

.related-links .linklist strong {
    font-weight: bold;
}

.related-links .related_link {
    padding-top: 3px;
    padding-bottom: 0px;
}

.related-links a {
    color: #00AAE6 !important;
}


/*
 * Hierarchy Links
 */

 @media only screen and (max-width: 767px) {
    .wh_navigation_links {
        display: none;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .wh_navigation_links {
        margin-bottom: 11px;
    }
}

.wh_navigation_links a {
    color: #00AAE6;
}

.wh_navigation_links a:hover,
.wh_navigation_links a:active,
.wh_navigation_links a:visited {
    color: #0E8FBC !important;
}

.navprev a, .navnext a {
    line-height: 1.47rem;
}

.navprev a::before, .navnext a::after {
    font-family: 'Segoe UI';
    font-size: 14px;
    color: #00AAE6 !important;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    /*position: absolute;
    top:3px;*/
}

.navprev a::after, .navnext a::before {
    font-family: 'Segoe UI';
    font-size: 12px;
    color: #707070 !important;
    /*position: absolute;*/
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .navprev a, .navnext a {
        line-height: 2.3rem;
    }
}

@-moz-document url-prefix() { 
  .navprev a::before, .navnext a::after {
     /*top:17px;*/
  }
  .navprev a::after, .navnext a::before {
    /*top: 17px;*/
  }
}

.navprev a::before {
    content: "\E979";
    /*left: -33px;*/
}

.navprev a::after {
    content: "Previous";
    /*left: -18px;*/
}

.navnext a::before {
    content: "Next";
    /*right: -6px;*/
}

.navnext a::after {
    content: "\E9A3";
    /*right: -22px;*/
}


#topic_navigation_links {display: flex;}

.navprev, .navnext {
    border-color: #8B8B8B;
    border-style: solid;
    border-width: .5px;
    width:80px;
    text-align: center;
    flex-grow: 0;
    flex-shrink: 0;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   /*.navprev, .navnext{
        height: 24.5px;
    }*/
}

.navprev {border-right: 0px solid silver;}

.wh_print_link,
.wh_navigation_links.navnext, 
.wh_navigation_links .navprev {
    margin-left: 0em !important;
}

.wh_navigation_links .navnext {
    padding-left: 0px;
    margin-right: 10px;
    margin-left: 0px;
}

.wh_navigation_links .navprev {margin-left: 0px;}

/*
 * ------------------------------------------------------------------
 *
 * Tree TOC for the main page.
 *
 */
.wh_main_page_toc {
    border: none;
    background-color: #4ACAA8;
}

.wh_main_page_toc .topicref a {
    color: #ffffff;
}

.wh_main_page_toc .wh_main_page_toc_accordion_header:hover,
.wh_main_page_toc > .wh_main_page_toc_entry:hover {
    background-color: #ffffff;
    color:#4ACAA8;
}

.wh_main_page_toc_accordion_header:hover > .wh_toc_shortdesc,
.wh_main_page_toc_entry:hover > .wh_toc_shortdesc {
    background-color: #ffffff;
    color:#777;
}

.wh_main_page_toc .wh_main_page_toc_accordion_header:hover a,
.wh_main_page_toc > .wh_main_page_toc_entry:hover a {
    color: #4ACAA8;
}

.wh_main_page_toc_accordion_header:hover:before {
    color: #4ACAA8;
}

.wh_main_page_toc .wh_main_page_toc_accordion_header,
.wh_main_page_toc > .wh_main_page_toc_entry,
.wh_main_page_toc_accordion_entries {
    border-bottom: 1px solid #d1f1e9;
}

.wh_main_page_toc .wh_toc_shortdesc {
    color: #d1f1e9;
}

.wh_main_page_toc_accordion_header:before {
    color: #ffffff;
}

.wh_main_page_toc .expanded {
    border : none;
}

.wh_main_page_toc > div:nth-child(6n+1),
.wh_main_page_toc > div:nth-child(6n+1) + .wh_main_page_toc_accordion_entries {
    background-color: rgba(0, 0, 0, 0.035);
}

.wh_main_page_toc > div:nth-child(6n+2),
.wh_main_page_toc > div:nth-child(6n+2) + .wh_main_page_toc_accordion_entries {
    background-color: rgba(0, 0, 0, 0.07);
}

.wh_main_page_toc > div:nth-child(6n+3),
.wh_main_page_toc > div:nth-child(6n+3) + .wh_main_page_toc_accordion_entries {
    background-color: rgba(0, 0, 0, 0.105);
}

.wh_main_page_toc > div:nth-child(6n+4),
.wh_main_page_toc > div:nth-child(6n+4) + .wh_main_page_toc_accordion_entries {
    background-color: rgba(0, 0, 0, 0.14);
}

.wh_main_page_toc > div:nth-child(6n+5),
.wh_main_page_toc > div:nth-child(6n+5) + .wh_main_page_toc_accordion_entries {
    background-color: rgba(0, 0, 0, 0.175);
}

.wh_main_page_toc > div:nth-child(6n+0),
.wh_main_page_toc > div:nth-child(6n+0) + .wh_main_page_toc_accordion_entries {
    background-color: rgba(0, 0, 0, 0.21);
}


/*
 * ------------------------------------------------------------------
 *
 * Mini TOC.
 *
 */
#toc {
    padding-bottom: 1em;
    margin-right: 10px;
}

#toc > p:nth-child(1) {
    font-family: 'Segoe UI', Arial, sans-serif;
    color:#1d2e38;
}

#toc > p {
    font-family: 'Segoe UI', Arial, sans-serif;
    padding-left: 20px;
    padding-bottom: 5px;
}

#toc ul > li {
    width: 100%;
}

/* Making mini TOC on right scrollable if longer than the page like the main TOC, taking into account header/footer offset */
nav[data-toggle="toc"] {
    overflow-y: auto;
    height: 88%;
}

nav[data-toggle="toc"] .nav > li > a, nav[data-toggle="toc"] .nav > li > ul > a {
    color: #00AAE6;
    font-size: 11px;
    line-height: 16px;
    padding-left: 20px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 0px;
    margin-top: 1px;
    margin-bottom: 1px;
}

nav[data-toggle="toc"] .nav .nav {
    padding-bottom: 0px;
}

nav[data-toggle="toc"] .nav .nav > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 11px;
}

nav[data-toggle="toc"] .nav > .active > a {
    padding-left: 18px;
    font-weight: normal;
    color: #00AAE6;
    border-left: 2px solid #0E8FBC;
}


nav[data-toggle="toc"] .nav > .active:hover > a,
nav[data-toggle="toc"] .nav > .active:focus > a,
nav[data-toggle="toc"] .nav > li > a:hover {
    padding-left: 18px;
    font-weight: normal;
    color: #0E8FBC;
    border-left: 2px solid #0E8FBC;
}

div.min {
    display: none;
}

@media only screen and (max-width: 767px) {
    div.max {
        display:none;
    }

    div.min {
        display: block;
        padding-left: 41px;
    }

    #toc > p {
        padding-left: 0px;
        padding-bottom: 0px;
    }

    #toc li a {
        padding-left: 15px;
    }

    #toc {
        padding-bottom: 0px;
    }
}



/*
 * ------------------------------------------------------------------
 *
 * Back to top button
 *
 */
 #go2top {
    bottom: 60px;
}

/*
 * ------------------------------------------------------------------
 *
 * User Interface Elements
 *
 */

/*menucascade*/
abbr[title] {
    border-bottom: none;
    padding-left: 3px;
    padding-right: 3px;
}



/*
 * ------------------------------------------------------------------
 *
 * Programming Elements
 *
 */
.codeblock code {
    font-family: consolas, "Courier New";
}

.codeph {
    background-color: transparent;
    font-family: consolas, "Courier New";
}

/*
 * ------------------------------------------------------------------
 *
 * Software Elements
 *
 */
/*userinput*/
kbd {
    background-color: transparent;
    color: #1D2E38;
    box-shadow: inset 0 -.8px 0 #1D2E38;
    font-family: consolas, "Courier New";
}

.cmdname {
    font-family: consolas, "Courier New";
}

.varname {
    font-family: consolas, "Courier New";
    font-style: italic;
}

.filepath {
    font-family: consolas, "Courier New";
    color: #1D2E38 !important;
}

.shortdesc .filepath {
    color: #707070 !important;
}

 /*
 * ------------------------------------------------------------------
 *
 *Equations and MathML Elements
 *
 */

 .eqn-inline {
    font-family: "Times New Roman";
    font-style: italic;    
 }


/*Start: Equation Styles*/
/*Esti will be removing these styles once she has integrated her equation plguin*/

/*Start: Equation Styles*/


.eqn-inline { font-style: italic;}

.eqn-inline .MJXc-display { display: inline; }

.eqn-inline math {display: inline;}

span.eqcap {
    visibility: hidden;
    display: flex;
    flex-direction: row-reverse;
    align-items: right;
}

.eq--title-label {
    visibility: visible;
    font-style: italic;    
    margin-right: 0.1em;    
}

.equation-figure {
    display: flex;
    flex-direction: column;
    overflow: auto;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 3em;
}

div.equation-figure, img.equation-figure {
    display: inline-block;
    float: left;
    padding-left: 3em;    
}

.equation-figure .figcap {
    display: inline-block;
    float: right;
    padding-right: 4em;
}

equation-figure > .equation-block {
    margin-left: 0em;
}

math[display="block"] {
    text-align: left;
}

equation-block {
    align-self: center;
}

.equation-block {
    display: flex;
    flex-direction: row;
    justify-content: normal;
    margin-left: 3em;
}

.eqcap + .equation-block {
    margin-top: -1em;
}

.equation-number {
    order: 1;
}

equation-figure > div:not(.equation-block) > span {
    display: flex;    
    align-items: row;
}

equation-figure > img {
    width: auto;
    object-fit: none;
    align-self:flex-start;
}

equation-figure .MJXc-display {
    display: flex;
    align-self: flex-start;
}

mjx-container[jax="CHTML"][display="true"] {
	display:inline !important;
}

mjx-container[jax="CHTML"][display="true"] {
    text-align: left !important;
}


  /*
 * ------------------------------------------------------------------
 *
 *Task Elements
 *
 */
.step {
    margin-bottom: 6px;
    margin-top: 0em;
}

.info figure {
    padding-top: 0px;
}

span.cmd {
    padding-top: 4px;
}

.info {
    padding-top: 4px;
}

.choices {
    padding-top: 4px;
}

.stepresult {
    padding-top: 4px;
}


/*Start: Automatic tutorial numbering*/
/*When the class .tut is assigned to the body element of the main tutorial topic, h2 and h3 will be numbered*/
body {
    counter-reset: section;
}

.tut h2 {
    counter-reset: subsection;
}

.tut h2:not(.skip):before {
    counter-increment: section;
    content: "Step " counter(section) ". ";
}

.tut h3:not(.skip):before {
    counter-increment: subsection;
    content: counter(section) "." counter(subsection) " ";
}

.tut h2.skip:before, .tut h3.skip:before {
    content:"";
}

   /*
 * ------------------------------------------------------------------
 *
 *Body Elements
 *
 */
 /*dl with no outputclass*/
 dt {padding-bottom: 5px;}

 .dlentry {padding-bottom: 7px;}

 .ddexpand {
    margin-top: 0px;
 }

 /*dl w/ outputclass= table styles */
dl.table > .dlentry, .dlhead {
  display: table-row;
}

dl.table dt {
  display: table-cell;
  padding-top: 10px;
  width: 125px;
}

/*dl.table .dlentry:first-of-type dt {padding-top: 0px;}*/

dl.table dd {
  display: table-cell;
  padding-left: 3em;
  padding-bottom: 5px;
}

dl.table .dthd {
  display: table-cell;
  font-weight: bold;
}

dl.table .ddhd {
  display: table-cell;
  padding-left: 3em;
  font-weight: bold;
  text-decoration: none;
}

dl.table {
  width: 90%;
}

.dt_desc {
    font-weight: normal;
}

.table dl.table {
    background-color: transparent;
}




/*Tables with Titles*/

.tablenoborder .table .thead tr th,
.choicetable thead tr th {
    border: 1px solid #cfcfcf;
    background-color: #F4F4F4;
}

.tablenoborder table,
.choicetable {
    border: 1px solid #cfcfcf;
    margin-top: 10px;
}

.shortdesc + .tablenoborder table {margin-top: 0px;}

.tablenoborder .table .tbody tr td,
.choicetable tbody tr .stentry {
    background-color: white;
    border: 1px solid #cfcfcf !important;
    vertical-align: top;
}

.tablenoborder .tbody tr:hover td,
.choicetable tbody .strow:hover .stentry  {
    background-color: #f3e4b6;
}


.simpletable tbody tr td, .simpletable thead tr th {
    border: none !important;
}

.choicetable thead tr th {
    border: 1px solid #cfcfcf !important;
}

.simpletable {
	display: inline-block;
	border: none !important;
}

.tablenoborder .table .tbody tr td .simpletable tbody tr td {border: none !important;}


/*Lists*/
.wh_topic_content li {
    padding-bottom: 6px;
}

ol, ul {
    margin-top: 6px;
}

/*Start: ordered list with @outputclass="letter"*/
ol.letter {
    list-style-type: lower-latin;
}

/*Ordered list with @outputclass="roman"*/
ol.roman {
    list-style-type: lower-roman;
}

/*Figures and Images*/

figure img {
    border: 1px solid #85898D;
}

/* add outputclass "no_border" to any img that you don't want the border added to */
img.no_border {
    border: 0; 
 }

 img {
    pointer-events: none;
}


.imagemap img {
    pointer-events: auto;
}

img[src*="icon_"] {
    border: 0;
}

img[src*="dialog_"] {
    border: 0;
}

 
.figcap {
    font-size: 11px;
}

.figcap + div {
    padding-top: 1px;
}

.figdesc {
    display: block;
    margin-bottom: 3px;
    margin-top: 3px;
    font-size: 11px;
    font-style: italic;
    color: #1D2E38;
}

figure {
    padding-bottom: 15px;
    padding-top: 6px;
}

figure div br {
    display: none;
}

.figdesc + br {
    display: none;
}

table[id] .tablecap::after {
    background-image: none;
}


.tablecap {
    font-size: 11px;
    font-style: italic;
    color: #1D2E38;
}

td ol {
    padding-left: 15px;
}

td .sl {
    padding-left: initial;
}


.wh_topic_content, .wh_related_links, .wh_child_links, .header .wh_header > .container-fluid  {
    padding-left: 25px;
}


/*Footer Pages*/
#footerpgs #wh_publication_toc,
#footerpgs .wh_header,
#footerpgs .wh_footer,
#footerpgs .contentarea + div,
#footerpgs .wh_navigation_links,
#footerpgs .contentbody .wrapper .min {
    display: none;
}

#footerpgs .contentbody {width:100%;}

#footerpgs .content_spacer {height:20px;}

#footerpgs #go2top {display: none !important;}

/*Link icon for headings*/
.dt[id]::after,
.section[id] .sectiontitle::after,
.title.topictitle2[id]::after,
table[id] .tablecap::after {
    display: none;
}


/*Print Styles*/
@media print{
  /**
   * Hide header and footer
   */
  .nav,
  .navheader,
  .footer,
  .navfooter,
  #searchForm,
  .wh_search_input {
    display:none !important;
  }
  
  /**
   * Remove shadows when printing.
   */
  *{text-shadow:none !important;}

  a[href]:after {
    content: none !important;
  }

  .contentarea {
    width: 8in !important;
    position: static !important;
  }

  figure, tr, li {
    page-break-inside: avoid !important;
  }

  .wh_related_links {
    page-break-inside: avoid !important;
  }

  h2, h3, h4, h5 {
    page-break-after: avoid !important;
  }

  table {
    max-width: 7in !important;
  }

  .img {
    max-width: 100% !important;
  }

  .wh_header {
    display: block !important;
    border: none !important;
    position: relative !important;
    width: 40% !important;
    margin-bottom: 0cm !important;
    padding-bottom: 0cm !important;
    margin-left: 0cm !important;
    padding-left: 0.8cm !important;
    height: 28pt !important;
  }

  #toc, .wh_navigation_links, #go2top, .content_spacer, .wh_header_flex_container, .nav_tools, button {
    display: none !important;
  }

  thead {
    display: table-row-group !important;
  }

  pre {
    overflow: visible !important;
  }

  pre code {
    white-space: pre !important;
    font-size: 10px !important;
    
  }
  
}

@page {
  margin: 1.5cm 1cm 2cm 0.5cm !important;
}


/*Start: FN Xref Styles*/

a[href*="fn"] sup {
    font-size: 12px;
}

a[href*="fn"] > sup:before {
    content: "["
}

a[href*="fn"] > sup:after {
    content: "]"
}

a[href*="fn"] {
    padding-right: 5px;
}

/*Start: Footnote Styles*/


.fn {
    display: table-row;
}

.fnNumber {
    padding-right: 3px;
    display: table-cell;
    line-height: 1.618;
    font-size: 1em;
    font-family: "Segoe UI", sans-serif;
}

.fnNumber:after {
    content: ".";
}

.fnDesc {
    display: table-cell;
    padding-bottom: 8px;
   
}

/*Start: Outputclass for Advanced short descriptions*/


.ulchildlink .adv_sd {
    display: none;
}

.body .shortdesc .adv_sd {
    font-weight: bold;
    display: block;
    padding-bottom: 10px;
}


/* Start language-feko-lua outputclass styles */

.language-feko-lua {
  background-color: #fffff0; 
}

/*Special programming element styles for Acu products*/
body.acu .parmname {
    font-family: consolas, "Courier New";
    font-weight: normal;
}

body.acu .option{
    font-family: consolas, "Courier New";
}

/*Special programming element styles for RADIOSS*/
body.rad .varname {
    font-style: normal;
}

/* Start TCL outputclass styles */

.tcl_cmd {

  color: green;
  font-family: consolas, "Courier New";
}

.tcl_output {

  color: blue;
  display: block;
}

/* End Filepath w/outputlcass styles */

.userinput {
    background-color: transparent;
    color: #1D2E38;
}

.cmdname {
    font-family: consolas, "Courier New";
}

/* Start Filepath w/outputlcass styles */


.filepath.file_required {

  font-family: consolas, "Courier New";
  font-weight: bold;
}


.filepath.file_emphasis {

  font-family: consolas, "Courier New";
  font-style: italic;
}


.filepath, span.filepath {
    font-family: consolas, "Courier New";
}

/*MotionSolve Outputclasses*/
.Blue {
    color: #0000ff;
}

.Maroon {
    color: #800000;
}

.Safety {
    color: #ff6600;
}

.Pink {
    color: #ff0188;
}

.Green {
    color: green;
    font-style: italic;
}


.Green_noitalics {
    color: green;
    font-style: normal;
}

.Highlight {
    background-color: yellow;
}

.Navy {
    color: #000080;
}

.Dark {
    color: #006400;
}

.red, .Red {
    color: red;
}

.Purple {
    color: purple;
}

.smartworks p {
	text-align: center;
    margin-bottom: 0px;
    color: #00AAE6;
    font-family: "NotoSans-Regular", Arial, sans-serif;
    font-size: 11px;
}

.helpHome {
    margin-bottom: 50px;
    margin-left:10px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-top: 1px solid #BEBEBE;
    border-bottom: 1px solid #BEBEBE;
}

.helpHome p {
    text-align: center;
    margin-bottom: 0px;
    color: #00AAE6;
    font-family: "NotoSans-Regular", Arial, sans-serif;
    font-size: 11px;
}

.helpHome p::before {
    font-family: 'Unity_font_icons';
    content: "\E9C2";
    color: #ffffff;
    font-size:.75rem;
    padding: 0 5px 0 0;
    vertical-align: -12%;
}

.wh_main_page .helpHome a:visited, .wh_main_page .helpHome a:hover {
    color:#FFFFFF !important;
    text-decoration: none;
}

.wh_topic_page .helpHome a, .helpHome a:visited, .helpHome a:hover {color:#00AAE6 !important;}

.wh_main_page .helpHome {
    border: none;
    background-color: #00ABEC;
    height: 2rem;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 32px;
    padding-right: 32px;
    display: table;
    margin-left: auto;
    margin-right: auto;
    border-radius:1rem;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* IE10+ CSS styles go here */
    .wh_main_page .helpHome {
        margin-left: 40%;
        margin-right: 0px;
    }
}

.wh_main_page .helpHome p a {
    color: #FFFFFF;
    font-size:.75rem;
}

.wh_main_page .helpHome p::before {
    color: #FFFFFF;
    vertical-align: -10%;
}

dt .image {max-width: none;}

.image {max-width: 100%;}

.arrow {vertical-align: middle !important;}

dt br {
	display: none;
}



section[id^=ch_tutorials__video]{
    margin-right: 20%;
}



/*Style for recommendations produced by recommendation engine*/

.active {
  color: #00ABEC;
}

.recommend ul {
    list-style: none;
    padding-left: 0px;
    margin-top: 0px;
}

.recommend ul li {
    color: #00ABEC;
    font-size: 11px;
    line-height: 16px;
    padding-left: 20px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 0px;
    margin-top: 1px;
    margin-bottom: 1px;
}

.recommend p {
    text-transform: uppercase;
    font-family: 'NotoSans-Bold', Arial, sans-serif;
    padding-left: 20px;
    padding-bottom: 5px;
}

#toc ul.nav {
    margin-bottom: 30px;
}

.wh_logo_and_publication_title_container .wh_logo_and_publication_title {display:block;}

.wh_main_page .wh_logo_and_publication_title img,
.wh_terms_page .wh_logo_and_publication_title img,
.wh_search_page .wh_logo_and_publication_title img {
    filter: brightness(0) invert(1);
}

@media only screen and (max-width: 767px){
    .wh_logo_and_publication_title img {
        filter: brightness(0) invert(1);
    }
}