/*
 * ------------------------------------------------------------------
 *  
 * Fonts.
 *  
 */
@font-face {
    font-family: 'Circular-Book';
    font-style: normal;
    font-weight: 100;
    src: url(../fonts/CircularProTT-Book.ttf);
}
@font-face {
    font-family: 'Circular-Black';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/CircularProTT-Black.ttf);
}
@font-face {
    font-family: 'Circular-Medium';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/CircularProTT-Medium.ttf);
}
@font-face {
    font-family: 'Circular-Bold';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/CircularProTT-Bold.ttf);
}

/* CSS from oxygen.css, default for webhelp */
html,
body {
    min-width: 100%;
}

body {
    font-family: 'Circular-Book', sans-serif;
}

/*
     * ------------------------------------------------------------------
     *
     * Fight with bootstrap
     *
     */
.navbar-brand {
    height: auto;
}
.navbar {
    border: none;
    border-radius: 0;
    margin: 0;
}
.wh_header {
    background: #000 none;
    color: #ffffff;
}
a,
a:hover,
a:visited {
    color: #337ab7;
}
a:hover {
    text-decoration: none;
}


/* Footer */
.list-unstyled mb-0 > * {
    margin-right: 8px;

}
/* Button used to open the chat form - fixed at the bottom of the page */
.open-button {
  z-index:9;
  background-color: #555;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  opacity: 0.8;
  position: fixed;
  bottom: 23px;
  right: 28px;
  width: 280px;
}

/* The popup chat - hidden by default */
.chat-popup {
  display: none;
  overflow: auto;
  position: fixed;
  bottom: 0;
  height: 600px;
  right: 15px;
  width: 650px;
  border: 3px solid #f1f1f1;
  z-index: 9;
}

/* Add styles to the form container */
.form-container {
  max-width: 300px;
  padding: 10px;
  background-color: white;
}

/* Full-width textarea */
.form-container iframe {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
  resize: none;
  height:500px;
  width: 600px;
  min-height: 200px;
}

/* When the textarea gets focus, do something */
.form-container textarea:focus {
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit/send button */
.form-container .btn {
  background-color: #04AA6D;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom:10px;
  opacity: 0.8;
}

/* Add a red background color to the cancel button */
.form-container .cancel {
  background-color: red;
}

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}
/* End:Footer */
/* Embedding the TechDoc Hub */
.techdoc-container {
	position: fixed;
	right: 0;
	z-index: 1000;
}
#open-embedded-techdoc-btn {
	position: absolute;
	right: 2em;
	top: 14em;
    border-radius: 45px;
    width: 45px;
    height: 45px;
    background-color: #007fbc;
}
#open-embedded-techdoc-btn img {
	width: 100%;
}
.embedded-techdoc-container {
	display: none;
}
.embedded-techdoc-iframe {
	width: 500px;
    height: 100vh;
    z-index: 1000;
}
#close-embedded-techdoc-btn {
	position: absolute;
    bottom: 1.7em;
    left: 1em;
    border-radius: 4px;
    border: 2px solid #007fbc;
    color: white;
    padding: 5px 20px;
    background-color: #007fbc;
}
/* End of embedding the TechDoc Hub */
/*
 * ------------------------------------------------------------------
 *  
 * Publication titles
 *  
 */
.wh_publication_title > a {
    color: #fff;
}



/*
 * ------------------------------------------------------------------
 *  
 * Menu
 *  
 */
.wh_top_menu {
    text-transform: uppercase;
    margin: .4em 0;
    font-size: 0.9em;
    vertical-align: sub;
}
.wh_top_menu a {
    color: #fff;
    line-height: 2em;
}

/* The submenus */
.wh_top_menu ul ul {
	background-color: rgb(44, 50, 57);
	border-radius: 5px;
	box-shadow: rgb(0 0 0 / 20%) 0px 2px 4px -1px, rgb(0 0 0 / 14%) 0px 4px 5px 0px, rgb(0 0 0 / 12%) 0px 1px 10px 0px;
	padding: 1rem;
	margin: 0;
	position: absolute;
	z-index: 1000;
}
.wh_top_menu > ul > li > img {
	display: none;
}
.wh_top_menu ul ul li:hover > span > span > a  {
	background-color: rgba(0,0,0,0.3);
	border-radius: 4px;
}
.wh_top_menu ul ul li {
    text-transform: none;
    border:none;
	padding: 0;
    margin: 0;
}
.wh_top_menu ul ul li a {
    padding: 1rem !important;
    margin: 0;
    white-space: nowrap;
}
/* to hide the submenus to avoid confusion with menus with a lot of content*/
.wh_top_menu ul ul li:hover > ul {
    display: none;
}
/* to hide the arrows at the end of each menau item*/
.wh_top_menu ul ul li.has-children:after {
	display: none;
}
/* HEADER NAV - Genetec */
/*.wh_top_menu .exclude-header-nav{
    display: none;
}*/
/* exclude all, include only the ones with the output class. @TBD: Allow a force-all maybe thorugh custom param option */
.wh_top_menu > ul > li > span a {
    display: none;
}
.wh_top_menu > ul > li > .show-header-nav a {
    display: inline-block;
}
/* always show Glossary in nav: a[href*="_Gloss/"] or a[href*="GlossaryMap/"] */
.wh_top_menu > ul > li > span a[href *= "_Gloss"] {
    display: inline-block;
}
/* For when using @chunk and @copy-to */
.wh_top_menu > ul > li > span a[href *= "GlossaryMap"] {
    display: inline-block;
}
.wh_top_menu > ul > li > ul[aria-labelledby *= "GlossaryMap"] {
    display: none !important;
}

/* end of HEADER NAV */

/*
 * ------------------------------------------------------------------
 *  
 * Link to the index.
 * 
 */
.wh_indexterms_link a span {
    display: none;
}
.wh_indexterms_link a:before {
    color: #fff;
}


/*
 * ------------------------------------------------------------------
 *  
 * Breadcrumb
 *  
 */
.wh_breadcrumb ol {
    color: #878787;
}
.wh_breadcrumb ol a {
    color: inherit;
}
.wh_breadcrumb ol .active {
    color: #5185cb;
}


/*
 * ------------------------------------------------------------------
 *  
 * Tools and navigation
 * 
 */
.wh_tools {
    background-color: #ECF2F9;
    margin: 1em 15px 2em !important;
}

.wh_print_link,
.wh_navigation_links,
.wh_navigation_links .navnext,
.wh_navigation_links .navprev {
}

.webhelp_expand_collapse_sections,
.wh_hide_highlight,
.wh_print_link button,
.wh_navigation_links a,
.wh_navigation_links a:hover,
.wh_navigation_links a:active,
.wh_navigation_links a:visited,
.wh_print_link a:before,
.wh_navigation_links a:before,
.wh_navigation_links a:hover:before,
.wh_navigation_links a:active:before,
.wh_navigation_links a:visited:before {
    color: #347bb7;
    text-decoration: none;
}


/*
 * ------------------------------------------------------------------
 *  
 * Tiles
 * 
 */
.wh_tile {
    background-color: #ECF2F9;
    font-weight: 300;
}
.wh_tile_shortdesc {
    margin-top: 1em;
    text-align: center;
    color: #0D1A2B;
    font-size: 1.1em;
}
.wh_tile_text:after {
    background: linear-gradient(to bottom, rgba(236, 242, 249, 0), rgba(236, 242, 249, 1) 75%);
}
.wh_tile_title {
    font-size: 1.7em;
    text-align: center;
    text-decoration: none;
}
.wh_tile_title a {
    color: #3077be;
}

/* @media only screen and (max-width : 767px) {
    .wh_tile > div {
        height: auto;
    }
}*/

/* 
You can style some of the tiles in a special way. 
Example:
.wh_tiles *[data-id='getting_started']{
    background-color:gray;
}
*/


/*
 * ------------------------------------------------------------------
 *  
 * Search area
 * 
 */
.wh_search_input {
    display: block;
    margin: 0;
    position: relative;
    background: url('../images/bgr_right_small.png') right no-repeat #2771bb;
    padding: 40px 0;
}

.wh_welcome:not(:empty) {
    font-size: 3em;
    margin: 0 auto;
    font-family: Circular-Book, sans-serif;
    padding: 0 0 0.5em 0;
    text-shadow: none;
    font-weight: 300;
    line-height: 1.2em;
}

.wh_main_page .wh_search_input {
    padding: 115px 0;
    background: url('../images/bgr_right.png') right no-repeat #2771bb;

}
.wh_search_textfield {
    border: solid 1px #CCC;
    border-radius: 5px;
    padding: 0 .5em;
    position: relative;
    height: 2.8em;
}
.wh_search_button {
    border: solid 1px #CCC;
    border-radius: 0 5px 5px 0;
    padding: 0.6em 1em;
    color: #fff;
    background-color: #C93416;
    height: 2.8em;
}

/* Search autocomplete icons */
.search-autocomplete-proposal-type-history a,
.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: inherit;
    font-size: 0.8em;
}
.ui-state-active .search-autocomplete-proposal-type-history a,
.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: #fff;
}

/* Active search page */
#wh-search-pagination > ul > li.active > a {
    background-color: #346ec5;
}

/*@media only screen and (max-width: 999px) {*/
/*.wh_search_input:after{*/
/*display:none;*/
/*}*/

/*}*/
@media only screen and (max-width : 767px) {
    .wh_main_page .wh_search_input,
    .wh_search_input {
        padding: 3em 0;
    }
}

/* 
 * ------------------------------------------------------------------
 * 
 * Publication and Topic TOC
 * 
 */
.wh_publication_toc,
.wh_topic_toc {
    position: sticky;
    top: 2rem;
    max-height: calc(100vh - 4rem);
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 1;
}

.wh_publication_toc {
    transition: width 0.5s;
    width: 100%;
}

@media (max-width: 1465px) {
    .wh_publication_toc:hover {
        width: max(calc(100% + 2rem), 36rem);
    }
}

.wh_publication_toc::-webkit-scrollbar,
.wh_topic_toc::-webkit-scrollbar {
    width: 5px;
}

.wh_publication_toc::-webkit-scrollbar-button,
.wh_topic_toc::-webkit-scrollbar-button {
    display: none;
}

.wh_publication_toc::-webkit-scrollbar-thumb,
.wh_topic_toc::-webkit-scrollbar-thumb {
    background-color: lightgrey;
    border-radius: 10px;
}

.wh_publication_toc::-webkit-scrollbar-thumb:hover,
.wh_topic_toc::-webkit-scrollbar-thumb:hover {
    /* background-color: darkgrey; */
}

.wh_publication_toc::-webkit-scrollbar-track {
    background-color: rgb(248, 248, 248);
    border-radius: 10px;
}

.wh_topic_toc::-webkit-scrollbar-track {
    border-radius: 10px;
}

/*
 * ------------------------------------------------------------------
 *  
 * Publication TOC
 * 
 */
.wh_publication_toc {
    border-radius: 3px;
    padding: 1.5em .5em;
    background-color: #f8f8f8;
    border-top: 1rem solid #f8f8f8;
    border-bottom: 1rem solid #f8f8f8;
}
.wh_publication_toc .active > .topicref a {
    color: #5185cb;
}
.wh_publication_toc span,
.wh_publication_toc a,
.wh_publication_toc a:visited,
.wh_publication_toc a:hover {
    color: #878787;
}
.wh_publication_toc a:hover {
    text-decoration: underline;
}

.wh_publication_toc ul li,
#wh_topic_toc ul li {
    margin-top: .7em;
}

@media only screen and (max-width : 767px) {
    .wh_publication_toc {
        border-radius: 0;
        padding: 1em 0.5em;
        margin-top: 10px;
        border: 1px solid #e0e0e0;
    }

    /* .wh_related_links,
    .wh_child_links,
    .wh_topic_content .related-links{
        border: 1px solid #e0e0e0;
    } */
}

/* Publication TOC tooltip */
.wh_breadcrumb .topicref .wh-tooltip,
.wh_publication_toc .topicref .wh-tooltip {
    background-color: #5185cb;
    color: #fff;
    font-size: 1.4rem;
}
.wh_publication_toc .wh-tooltip,
.wh_publication_toc .topicref .wh-tooltip {
    left: -0.5rem;
    top: 2rem;
    min-width: 17.5rem;
    max-width: 17.5rem;
    min-height: auto;
    max-height: none;
    font-size: 1.3rem;
    padding: 1rem;
    margin: 4px;
    display: none;
}
.wh_publication_toc[data-tooltip-position="right"] .topicref .wh-tooltip::before {
    top: -0.9rem;
    left: 1rem;
    transform: rotate(90deg);
}
.wh_breadcrumb .topicref .wh-tooltip a,
.wh_publication_toc .topicref .wh-tooltip a {
    color: #fff;
    text-decoration: underline;
}

/* Tooltip arrow. */

[data-tooltip-position = "left"] .topicref .wh-tooltip::before {
    border-left-color: #5185cb;
}

[data-tooltip-position = "right"] .topicref .wh-tooltip::before {
    border-right-color: #5185cb;
}

[data-tooltip-position = "bottom"] .topicref .wh-tooltip::before {
    border-bottom-color: #5185cb;
}

[data-tooltip-position = "top"] .topicref .wh-tooltip::before {
    border-top-color: #5185cb;
}
/* Tooltips in topics */
[data-title], .webhelp_download_full_guide_link {
    position: relative;
}
[data-title]:after {
    content: "";
    position: absolute;
    top: 9px;
    left: 8px;
    border: 8px solid transparent;
	border-color: transparent transparent #42648a transparent;
    visibility: hidden;
}
[data-title] .link-tooltip {
	background-color: #5185cb;
    color: #fff;
    font-size: 1.4rem;
    position: absolute;
    padding: 10px;
    border-radius: 0.4em;
    margin-right: 10px;
    box-shadow: 1px 1px 3px #222222;
    opacity: 0;
    min-width: 25em;
	top: 24px;
    left: 0;
	visibility: hidden;
}
[data-title]:hover:after, [data-title]:hover span.link-tooltip {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
	z-index: 1;
}
.wh-tooltip {
	box-shadow: 1px 1px 3px #222222;	
}
/* download button tooltip */
.webhelp_download_full_guide_link [data-title]:after {
	display: none;
}
.webhelp_download_full_guide_link span.link-tooltip {
    /* min-width: 9em !important;
    left: -80px !important; */
    display: none;
}
@media only screen and (max-width: 1023px) {
	.webhelp_download_full_guide_link span.link-tooltip {
		display: none;
	}
	.webhelp_download_full_guide_link .downloads_list {
	    left: 0;
	}
}
/* footer tooltip */
.footer-copyright .oxyFooter:after{
    top: -12px;
    border-color: #42648a transparent transparent transparent;
}
.footer-copyright .link-tooltip {
    top: unset !important;
    bottom: 25px !important;
}
/*
 * ------------------------------------------------------------------
 *
 * Footer
 * 
 */
.wh_footer {
    text-align: center;
    padding: 1em;
    position: relative;
    bottom: 0;
    width: 100%;
    color: #ffffff;
    background: none #255B90;
    margin-top: 2em;
    flex-direction: column !important;
}
.wh_footer a {
    color: #CCE2F1;
}
/* New Footer: To show useful links */
.footer-container-links a {
    color: #fff !important;
}
.footerFeedbackLinks a,
.footerLegals a,
.footerFeedbackLinks span,
.expanded-footer-container .footer-copyright {
    opacity: 0.8;
}
.footerFeedbackLinks a:hover,
.footerLegals a:hover
/*.footerFeedbackLinks span:hover*/ {
    opacity: 1;
}
.footerCategoryLinks,
.footerFeedbackLinks {
    margin-bottom: 16px;
}
.footerListFeedback .list-unstyled {
    display: flex;
    align-items: center;
    flex-direction: column;
}
@media screen and (min-width : 376px) {
    .footerListCategory .list-unstyled {
        display: flex;
        justify-content: space-between;
    }
}
/* for screens smaller than 500px */
.footerListFeedback .list-unstyled li {
    display: flex;
    flex-direction: column;
}
.footerListFeedback .list-unstyled li:first-child {
    margin-bottom: 5px;
}

/* for media screens larger than 500px */
@media screen and (min-width : 500px) {
    .footerListFeedback .list-unstyled li {
        flex-direction: row;
        width: 95%;
    }
    .footerListFeedback .list-unstyled span {
        width: 50%;
        padding-right: 15px;
        text-align: right;
        display: inline-block;
    }
    .footerListFeedback a {
        width: 50%;
/*        padding-right: 15px;*/
        text-align: left;
    }
    .footerCategoryLinks {
        font-size: 15px;
    }
}
.footerListFeedback,
.footerLegals,
.footer-copyright {
    font-size: 13px;
}
.footerLegals a:not(:last-of-type):after {
    content: " | ";
}
.mail-icon::before {
    content: "";
    background: url('../images/mailto_icon.png') no-repeat;
    display: inline-block;
    background-size: 19px 19px;
    width: 19px;
    height: 19px;
    margin-right: 10px;
    vertical-align: middle;
}
.feedback-icon::before {
    content: "";
    background: url('../images/send_icon.png') no-repeat;
    display: inline-block;
    background-size: 19px 19px;
    width: 19px;
    height: 20px;
    margin-right: 12px;
    vertical-align: middle;
}


/*
 * ------------------------------------------------------------------
 *  
 * Topic content
 * 
 */
.wh_topic_content iframe {
    width: 100%;
 }
.wh_topic_content,
.wh_content_area {
    color: #000000;
    line-height: 1.7em;
    /* margin-bottom: 80px; */
}
.wh_content_area {
    margin: 40px auto 0px;
    padding-bottom: 6em;
}
.wh_topic_content .title.topictitle1 {
    font-size: 2em;
    line-height: 1.1em;
    margin-bottom: 0.4em;
}

.topictitle3 {
    font-weight: 400;
}

.hide-title-critdate-shortdesc,
.hide-title-critdate-shortdesc + .refbody .showCritdate,
.hide-title-critdate-shortdesc + .refbody .shortdesc {
    display: none;
}
.hide-title-critdate-shortdesc + .refbody section {
    margin-top: 0px;
}
.wh_related_links,
.wh_child_links,
.wh_topic_content .related-links {
    border-top: 1px solid #ccc;
    padding-top: 7px;
    margin-top: 0;
}

.wh_related_links,
.wh_topic_content .related-links {
    padding: .5em 1.5em;
}
.wh_related_links {
    padding-left: 0;
}

.wh_child_links {
    padding: 1.5em;
}

.related-links strong {
    font-weight: 500;
}

.related-links a,
.related-links a:visited {
    color: #5185cb;
    padding-bottom: .3em;
    display: inline-block;
}

#wh_topic_body {
    transition: filter 0.5s, opacity 0.5s;
    filter: blur(0);
}
/* Migrating to 3.7.4 - March 2024 */
/* To stop blurring content when hovering TOC: */
/*@media (max-width: 1465px) {
    #wh_publication_toc:hover + #wh_topic_body {
        filter: blur(4px);
        opacity: 0.5;
    }
}*/
.breadcrumb-sticky, .indexTerms-sticky{
    top: 0 !important;
}
/* End of migration changes - 3.7.4 */
/*
 * ------------------------------------------------------------------
 *  
 * Search results.
 * 
 */
.searchresult {
    list-style: none;
}

.searchresult li a {
    color: #346ec5;
}
.searchresult .shortdesclink {
    margin: .3em .5em 0 0;
}
.wh_search_expression {
    font-weight: bold;
}

/* Search relative path */
.searchresult li .relativePath a {
    color: #006621;
}

/*--------- Search results breadcrumb ----------*/
.search-breadcrumb li a {
    background: #ECF2F9;
}
.search-breadcrumb li .title:before,
.search-breadcrumb li .title:after {
    border-color: #ECF2F9;
}
.search-breadcrumb li .title:before {
    border-left-color: transparent;
}
.search-breadcrumb li .title:after {
    border-color: transparent;
    border-left-color: #ECF2F9;
}


/*
 * ------------------------------------------------------------------
 *  
 * Index terms.
 * 
 */
.wh_index_terms span.wh_first_letter {
    color: #346ec5;
}
.wh_index_terms #indexList {
    padding: 0;
}



/*
 * ------------------------------------------------------------------
 *  
 * Tree TOC for the main page.
 * 
 */
.wh_main_page_toc {
}


.wh_main_page_toc .expanded,
.wh_main_page_toc .wh_main_page_toc_accordion_header:hover,
.wh_main_page_toc > .wh_main_page_toc_entry:hover,
.wh_main_page_toc_accordion_entries {
    background-color: #F2F8FF;
}

/**
 *
 * Styles used for RTL pages
 *
 */
html[dir = 'rtl'] .wh_top_menu ul li:hover > ul {
    max-width: 270px;
}
/* end of default css */
/* ********************************************************************************************************** */
/* GENETEC STANDARD STYLE */
/* Necessary to force the footer to stay at the bottom */
html {
    height: 100%;
    /*  border:2px solid red;*/
}
body {
    /* position: relative; */
/*    height: 100%;*/
    /*  border:2px solid green;*/
    /* margin-bottom: 60px;*/
    display: flex;
    flex-direction: column;
}
/* PBI 2484483: Changin TM to MC in French */
.MC-trademark {
    position: relative;
    font-size: 58%;
    line-height: 0;
    vertical-align: baseline;
    top: -0.5em;
}

/* 
.wh_tile .MC-trademark{
    font-size:small;
}
 */

/* no using margin-bottom, but padding bottom, otherwise footer starts floating */
.wh_content_area {
    margin: 40px auto 0;
    padding-bottom: 6em;
    /*	border:2px solid pink; */
}
.content-wrapper {
    /*    position: relative;*/
    /*    border:2px solid blue;*/
    flex: 1 0 auto;
}
.wh_footer {
    /*    position: absolute;*/
    /*    bottom: 0;*/
    /*    width: 100%;*/
    background-color: #212529;
    /*border:2px solid yellow;    */
    flex-shrink: 0;
}
.wh_footer a {
    color: #FF9E16;
}
.wh_footer a:hover {
    color: white !important;
}
/* HEADER */
.wh_header {
    background-color: #212529;
    color: #ffffff;
    padding: 1.5em 1em;
}
/* PBI 2554850 */
.webhelp_download_full_guide_link {
    display: block;
}
.webhelp_download_full_guide_link:hover {
    /* animation: slide1 1s ease-in-out infinite; */
}
@keyframes slide1 {
  0%,
  100% {
    transform: translate(0, 0);
  }

  50% {
    transform: translate(0, 3px);
  }
}
.webhelp_download_full_guide_link svg {
    width: 25px;
    height: 25px;
    fill: #ffffff;
    cursor: pointer;
}
.webhelp_download_full_guide_link .downloads_list {
    background-color: rgb(44, 50, 57);
    /*padding: 13px;*/
    /*margin-top: 0.5rem;*/
    padding: 1rem;
    margin: 0;
    position: absolute;
    right: 0;
    visibility: hidden;
    opacity: 0;
    border-radius: 5px;
    box-shadow: rgb(0 0 0 / 20%) 0px 2px 4px -1px, rgb(0 0 0 / 14%) 0px 4px 5px 0px, rgb(0 0 0 / 12%) 0px 1px 10px 0px;
    /*transition: visibility 1.5s, opacity 1s 0.5s, box-shadow 1s 0.5s;*/
}
.webhelp_download_full_guide_link .downloads_icon:hover + .downloads_list,
.webhelp_download_full_guide_link .downloads_list:hover {
    visibility: visible;
    opacity: 1;
    z-index: 10;
    /*transition: visibility 0.5s, opacity 1s 0.5s, box-shadow 1s 0.5s;*/
}
.webhelp_download_full_guide_link a {
    display: block;
    color: rgb(240, 240, 240);
    text-align: left;
    /*text-transform: capitalize;*/
    white-space: nowrap;
    /*padding: 0.5em 1em;*/
    padding: 1rem;
    line-height: 1.3em;
    border-radius: 4px;
    font-size: 0.9em;
}
.webhelp_download_full_guide_link a:hover {
    background-color: rgba(0,0,0,0.3);
}
.webhelp_download_full_guide_link a:not(:last-child) {
    /*margin-bottom: 1rem;*/
}
/* Removing mainbooktitle from header*/
.wh_publication_title {
    display: none;
}
/* background of search */
.wh_main_page .wh_search_input {
    /*  padding: 115px 0;*/
    /* background: url('../images/bgr_cid.png') center no-repeat #71B2C9; */
    padding: 90px 0;
    background-image: none;
    background-color: #005197;

}
.wh_search_input {
    display: block;
    margin: 0;
    position: relative;
    background-image: none;
    /* background: url('../images/bgr_cid.png') center no-repeat #71B2C9; */
    background-color: #005197;
    padding: 40px 0;
}
.wh_search_button {
    background-color: #FF9E16;
}
/* Home page **********************************************************/
/*.wh_tile[data-id='test-gloss'] {
    display:none;
}*/
.wh_tile {
    /* #ECF2F9 */
    background-color: #F0F0F0;
    font-weight: 300;
}
.wh_tile_title a {
    color: #005197;
}
/* GEN: to center align tile titles when there's no short description */
.wh_tile > div {
    height: 100%;
}
.wh_tile_text {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.carousel {
    margin-bottom: 1.5em;
}
.carousel-indicators > li {
    background-color: #dee2e6;
}
.carousel-indicators .active {
    background-color: #FF9E16;
}
.video-group-container {
    max-height: 350px;
    max-width: 1600px;
    width: 100%;
    padding: 2em 0 0;
    margin: 40px auto 0;
    text-align: center;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.video-group-container > .video-wrapper {
    width: 25%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.video-wrapper img {
    width: 100%;
}
.single-video-container {
    overflow: hidden;
}
.single-video-container .embed-responsive{
    max-height: 350px;    
}
.single-video-container img {
    width: 100%;
}
.home-object-title {
    margin-top: 0.8em;
    color: #005197;
}

/* End of home page */

/*Reader page**********************************************/
/* IMPORTANT: to avoid floating footer, the tooltip of last TOC element has to be wider and limit the hight. */
/* IMPORTANT: to avoid floating footer, pplying similar fix to rest of tooltips. */
.wh_publication_toc > ul > li .wh-tooltip,
.wh_publication_toc > ul > li .wh-tooltip p {
    /* max-height: 150px;
    min-width: 400px; */
}
/*.wh_publication_toc > ul > li:last-child .wh-tooltip,
.wh_publication_toc > ul > li:last-child .wh-tooltip p{
    max-height: 150px;
    min-width: 400px;
}*/
/* .body .li > img,
.body .li > p > img {
    margin-top: 8px;
}
 */

/* hiding permalink because it makes item to jump to the beginning of the page*/
.wh_topic_content .permalink {
    display: none;
}
pre,
code {
    background-color: #F0F0F0;
}
/*increasing font-size of content of topics*/
.wh_topic_content,
.wh_related_links,
.wh_child_links {
    font-size: 1.1em;
}
/* Temp fix to hide label of next topics until var is added, and not to show 'Browse' twice */
.wh_child_links .navigation-label {
    display: none;
}
/*REMOVED: increasing size of bullets, but preserve size of text. Reason: bullets are shownd ifferently in each browser. TBD: larger fix to show them correclty in IE and Edge.*/
/* .wh_topic_content ul > li {
	font-size:20px;
}
.wh_topic_content ul > li > span{
	font-size:75%;
}
 */

.wh_topic_content kbd {
    background-color: #e7e7e7;
    color: #222222;
    font-size: 100%;
}
.wh_topic_content .userinput {
    font-family: monospace;
}
.wh_topic_content code {
    font-size: 100%;
}
/* grouping rellinks inside one div, hiding label related concepts, related tasks... */
.wh_related_links .relinfo strong,
.wh_related_links .relinfo br {
    display: none;
}
.wh_related_links .relinfo {
    margin-top: 0;
    margin-bottom: 0;
}
.wh_related_links .linklist {
    margin-bottom: 0;
}
.wh_related_links {
    margin-top: 3em;
}
.related-links .navigation-label {
    padding: 5px 0 10px;
}
/* END: grouping rellinks inside one div, hiding label related concepts, related tasks... */

.table--title-label,
.fig--title-label {
    display: none;
}

.body .embed-responsive {
    width: 60%;
}

@media only screen and (max-width : 767px) {
    .body .embed-responsive {
        width: 100%;
    }
}

#go2top {
    height: 40px;
    width: 40px;
    bottom: 55px;
}
/* for outputclas="Media" */
button.accordion {
    background-color: #F0F0F0;
    color: #005197;
    cursor: pointer;
    padding: 10px;
    margin-bottom: 10px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 1.2em;
}
button.accordion:after {
    content: '\2212';
    color: #005197;
    font-weight: bold;
    margin-left: 10px;
}
button.accordion.active:after {
    content: "\002B";
}
/* END: for outputclas="Media" */
.sectiontitle {
    color: #005197;
    font-weight: 300;
    font-size: 1.4em !important;
}
/*chapter and section tooltip*/
.wh_tools {
    background-color: #F0F0F0;
}
.wh_breadcrumb .topicref .wh-tooltip,
.wh_publication_toc .topicref .wh-tooltip {
    background-color: #999999;
}
[data-tooltip-position = "bottom"] .topicref .wh-tooltip::before {
    border-bottom-color: #999999;
}
[data-tooltip-position = "right"] .topicref .wh-tooltip::before {
    border-right-color: #999999;
}

/*pterm and pdef, dt and dd*/
/*showing dlentry and plentry inline, term and def*/
.wh_topic_content dt {
    color: rgba(0, 0, 0, .87);
}
/*pterm and pdef, dt and dd*/
/* Bug:3139818 Parml step formatting - commenting out Antonio's work */
dl {
    margin-top: 0;
    margin-bottom: 0 !important;
    /*this padding-left has to coincide with the negative margin given to the pt and dt : before*/
    padding-left: 15px;
/*    clear: both;*/
}
.dlterm {
    font-weight: 600;
}
/* Fixed Bug:3139818 Parml step formatting - commenting out Antonio's work. Used and updated code from previous revision */
.pt,
.dt,
.pd,
.dd {
    display: inline;
}
/* to break from dd to next dt*/
.pd:after,
.dd:after {
    content: " ";
    display: block;
    width: 100%;
}
.pt:before,
.dt:before {
	content: "\2022";
    padding-right: 10px;
    margin-left: -15px;
    font-size: 10px;
    display: inline-block;
	vertical-align: middle;
}
.pt:after,
.dt:after {
    content: ": ";
}
.dd .pt:before,
.pd .dt:before {
	content: "\25CB";
    padding-left: 19px;
    padding-right: 10px;
    margin-left: -30px;
	font-size: 6px;
	display: inline-block;
	vertical-align: middle;
}
.dd {
    margin-bottom: 0;
    margin-left: 0 !important;
}
/* for the children to be displayed as usual */
.dd > *, .pd > *{
    clear: left;
}
/*formatting bullets*/
.body ul:first-of-type {
    list-style-type: disc;
}
.body ul ul:first-of-type {
    list-style-type: circle;
}
.body ul ul ul:first-of-type {
    list-style-type: square;
}
.body ul ul ul ul:first-of-type {
    list-style-type: disc;
}
/* added to move bullets a bit to the left, not supported  by IE/Edge*/
.body ul,
.body ol {
    padding-inline-start: 34px;
    /* list-style-position: inside;*/
}
/*END:Formatting bullets*/

/*tables*/
/* fixing spacing in tables between thead and subhead */
.table thead th {
    border-bottom: none;
}
.table thead {
    border-bottom: #005197 2px solid;
}
.table > thead > tr > th,
.table > thead > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > caption + thead > tr:first-child > td,
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > td,
.table > thead:first-child > tr:first-child > th {
    border-color: #f0f0f0;
}
.body table caption {
    margin-bottom: 5px;
    text-align: left;
}
.tablenoborder {
    padding: 15px 0;
}
.thead {
    background-color: #005197;
    color: white;
}
.thead th {
    background-color: #005197;
    border-top: none;
    border-bottom: none;
    font-weight: normal;
}
.subheading {
    background-color: #C4CFE7;
    color: #444;
    font-weight: 500;
}
.body th .keyword {
    color: white;
}
.subheading strong,
.subheading strong .keyword,
.subheading .keyword {
    color: #444;
    font-weight: 500;
}
.body td,
.body th {
    border-left: none;
    border-right: none;
    padding-top: 10px;
    padding-bottom: 10px;
}
.tablecap {
    font-style: italic;
}
/*END: tables*/

/*Task topics, sections and steps*/
div.tasklabel {
    margin-top: 1.8em;
    margin-bottom: 0.5em;
}
.section {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.stepexpand {
    margin-top: 0.5em;
    margin-bottom: 0;
}
.taskbody .stepsection {
    color: #005197;
}
.taskbody .stepsection:first-child {
    font-weight: normal;
}
.taskbody .stepsection:only-of-type {
    display: none;
}
.body .info {
    margin-top: 0.5em;
    margin-bottom: 1.2em;
}
.body .stepxmp {
    margin-bottom: 1.5em;
}
/*End::*/

/*Links*/
a,
.body a,
.related-links a,
.link,
.wh_publication_toc a:hover {
    text-decoration: none;
}
/*End: links*/
/*Figures*/
.figcap {
    display: block;
    padding-bottom: 15px;
}
/*End:figures*/
/* notes */
.note {
    padding: 0.8em 1em;
    margin: 1.6em 0;
    border: none;
    border-left: 2px solid #007fbc;
}
.note_warning {
    border-left: 2px solid red;
}
.note_note .note__title,
.note_important .note__title,
.note_caution .note__title,
.note_warning .note__title {
    text-transform: uppercase;
}
.note_important .note__title,
.note_caution .note__title {
    color: #ff9e16;
}
.note_warning .note__title {
    color: red;
}
/* to remove the note icon that comes by default */
div.note {
    background-image: none !important;
    padding-left: 1em !important;
}
/* End of notes */
.wintitle {
    font-weight: normal;
    font-style: italic;

}
.title,
.tasklable {
    color: #005197;
}
.tasklable {
    font-weight: 500;
}

/* Critdate below topic title with translated tooltip*/
.showCritdate,
.wh_print_link .topicref .title,
.wh_collapse_expand .topicref .title {
    color: #848484;
    padding-left: 1.7em;
    padding-bottom: 1.5em;
    line-height: 1.4em;
}
.wh_print_link .topicref .title,
.wh_collapse_expand .topicref .title {
    padding-left: 0;
}
.showCritdate::before,
.wh_print_link .topicref .title::before,
.wh_collapse_expand .topicref .title::before {
    content: "cridate icon";
    color: transparent;
    width: 35px;
    height: 35px;
    background-image: url("../images/date_icon.png");
    background-repeat: no-repeat;
    background-size: 19px;
    position: absolute;
    left: 16px;
    z-index: -2;
}
.wh_topic_content .date-tooltip,
.wh_print_link .topicref .wh-tooltip,
.wh_collapse_expand .topicref .wh-tooltip {
    display: flex;
    align-items: baseline;
    visibility: hidden;
    background-color: #444;
    color: #fff;
    font-weight: normal;
    font-size: 12px;
    text-align: left;
    line-height: 1.5em;
    padding: 8px;
    margin: 4px;
    margin-left: -15px;
    border-radius: .4em;
    width: auto;
    min-height: 2em;
    position: absolute;
    z-index: 1;
    opacity: 0;
    transition: .5s opacity 1s;
}
.wh_print_link .topicref .wh-tooltip,
.wh_collapse_expand .topicref .wh-tooltip {
    align-items: center;
    justify-content: center;
    /* background-color: #42648a; */
}
.wh_print_link .topicref .wh-tooltip {
    margin-left: -6.5rem;
    width: 10rem;
}
.wh_collapse_expand .topicref .wh-tooltip {
    margin-left: -8.5rem;
    width: 12rem;
}
.wh_print_link .topicref .shortdesc,
.wh_collapse_expand .topicref .shortdesc {
    margin-bottom: 0;
}
.wh_topic_content .showCritdate:hover .date-tooltip,
.wh_print_link .topicref .title:hover .wh-tooltip,
.wh_collapse_expand .topicref .title:hover .wh-tooltip {
    visibility: visible;
    opacity: 1;
}
.wh_topic_content .date-tooltip::before,
.wh_print_link .topicref .wh-tooltip::before,
.wh_collapse_expand .topicref .wh-tooltip::before {
    content: " ";
    position: absolute;
    border: .4em solid transparent;
    left: 50%;
    bottom: 98%;
    margin-left: -6px;
    border-width: 6px;
    border-color: transparent transparent #444 transparent;
}
.wh_print_link .topicref .wh-tooltip::before {
    left: 75%;
}
.wh_collapse_expand .topicref .wh-tooltip::before {
    left: 80%;
}
/* End: critdates */

/* SEARCH RESULT PAGE */
.searchresult li a {
    color: #005197;
}
#rightDiv {
    display: none;
}
/* LANGUAGE BUTTON */
.language-and-menu-button-container {
	display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    align-self: stretch;
    min-width: 30px;
}
.language-selector-container {
    position: absolute;
    top: 10.5px;
    right: 37px;
    margin: 0;
    padding: 0;
    min-width: 56px;
    cursor: pointer;
}
.language-selector-container:hover .language-container {
    display: block;
}

.language-selector-globe {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 0.25rem;
    margin-top: 0.9rem;
    margin-bottom: 0.9rem;
}
.language-selector-globe svg {
    width: 25px;
    height: 25px;
    fill: #ffffff;
}
.language-selector-globe span {
    text-transform: capitalize;
    padding-top: 0.25rem;
}
.language-container {
    top: 43px;
    color: rgb(240, 240, 240);
    right: 10px;
    /*width: 175px;*/
    display: none;
    margin-right: 0;
    padding: 1rem;
    position: absolute;
    box-shadow: rgb(0 0 0 / 20%) 0px 2px 4px -1px, rgb(0 0 0 / 14%) 0px 4px 5px 0px, rgb(0 0 0 / 12%) 0px 1px 10px 0px;
    /*margin-right: 14px;*/
    background-color: rgb(44, 50, 57);
	text-align: left;
	border-radius: 4px;
	z-index: 2000;
}
.language-container.is-expanded {
    display: block;
	z-index: 1;
}
.language-title {
    padding: 0px 16px;
    font-size: 12px;
    font-style: normal;
    margin-top: 0px;
    font-family: Circular, helvetica, arial, sans-serif;
    font-weight: 500;
    line-height: normal;
    font-variant: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.language-list {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.language-item-link {
    color: rgb(240, 240, 240);
    border: none;
    cursor: pointer;
    display: inline-flex;
    opacity: 0.8;
    padding: 1rem;
    position: relative;
    /*font-size: 14px;*/
    background: transparent;
    font-style: normal;
    min-height: 36px;
    align-items: flex-start;
    /*font-family: Circular, helvetica, arial, sans-serif;*/
    font-weight: normal;
    line-height: 1.3em;
    font-variant: normal;
    place-content: center;
    border-radius: 4px;
    flex-direction: column;
    letter-spacing: normal;
    text-decoration: none;
    width: 100%;
}
.language-item-link:hover {
    background-color: rgba(0,0,0,0.3);
}
.language-item-link span {
    position: relative;
    /*margin-bottom: -1px;*/
}
.language-item-link::before {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    content: "";
    opacity: 0;
    position: absolute;
    transition: opacity 150ms ease-in-out 0s;
    border-radius: 4px;
    background-color: rgb(0, 0, 0);
}
.language-item-link.selected {
    font-weight: 500;
}
.language-item-link:hover, .language-item-link:focus, .language-item-link.selected {
    opacity: 1;
}
.language-item-link:not(:hover), .language-item-link:hover {
    color: inherit;
}

#wh_top_menu_and_indexterms_link {
	height: auto !important;
}


@media only screen and (min-width : 1024px) {
	header .container-fluid {
		position: relative;
	}
	.wh_header_flex_container {
	    margin-right: 10px;
	    flex-wrap: nowrap;
	    align-items: start;
	}
	.has-language-btn {
		margin-right: 90px;
	}
	/*this through js or other mechanism*/
	/*.wh_top_menu_and_indexterms_link.navbar-collapse{
		margin-right: 62px;
	}*/
	.wh_top_menu_and_indexterms_link.navbar-collapse{
		margin-right: 0;
		display: inline-flex !important;
        justify-content: end;
        align-items: start;
        margin-top: 1.1rem;
	}
    .wh_top_menu {
        margin: 0;
        margin-top: 4px;
    }
    .wh_top_menu > ul li {
        position: relative;
    }
    .wh_top_menu > ul li a {
        padding: 0;
    }
    .wh_top_menu > ul li a {
        padding-left: 2rem;
    }
    .wh_top_menu > ul > li a {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .wh_top_menu ul ul {
        right: 0;
    }
	.wh_top_menu > ul > li > ul > li > ul {
        left: 25% !important;
        right: auto !important;
        top: 3.5rem;
        min-width: max(32rem, 100%);
    }
    .wh_top_menu > ul > li > ul > li > ul > li a {
	    white-space: normal;
	}
    .webhelp_download_full_guide_link .downloads_icon svg {
        margin: 0.9rem 0 0.9rem 1.5rem;
    }
}

/* END OF LANGUAGE BUTTON */
/* Media Queries */
/* To avoid issues with the chapters in nav -header, show nav menu with dropdown (hamb) buttom starting at 1023px*/
@media only screen and (max-width : 1023px) {
    .wh_header_flex_container {
        flex-direction: column;
        align-items: stretch;
    }
    .wh_logo_and_publication_title_container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        align-self: stretch;
        width: 100%;
    }
    .wh_header {
        text-align: left !important;
    }
    /* to show the hamb button */
    header .navbar-expand-md .navbar-toggler {
		display: initial;
	}
	header .collapse:not(.show) {
    display: none !important;
	}
	header .show .wh_top_menu, .webhelp_download_full_guide_link {
		display: block;
		width: fit-content;
	}
    /* to display the nav menu (first menu items) as a block*/
    .wh_top_menu > ul > li {
        display: block;
        position: relative;
    }
    .wh_top_menu ul li:hover > ul {
        display: none;
	}
	.wh_top_menu ul li.not-active:hover > ul {
		display: none;
	}
	.wh_top_menu ul li.active:hover > ul {
		display: block;
	}
    /* PBI 207589 fix collapsing submenus on small screens not working*/
    .wh_top_menu ul li.not-active.active:hover > ul {
		display: none;
	}
    /* PBI 207589 fix collapsing submenus on small screens not working*/
    .wh_top_menu ul li.not-active.active > ul {
		display: none;
	}
    .wh_top_menu > ul .show-header-nav::after {
		content: " ";
		background-size: 25px;
		background-position-y: 8px;
		width: 25px;
        height: 25px;
		display: inline-block;
    }
    /* PBI 207589 fix collapsing submenus on small screens not working */
    .wh_top_menu > ul li.has-children .show-header-nav::after {
		background-image:url('../images/AngleDown_White.png');		
    }
    .wh_top_menu > ul li.not-active.active .show-header-nav::after {
		background-image:url('../images/AngleDown_White.png');		
    }
    /**/
	.wh_top_menu > ul li.not-active .show-header-nav::after {
		background-image:url('../images/AngleDown_White.png');		
    }
	.wh_top_menu > ul li.active .show-header-nav::after {
		background-image:url('../images/AngleUp_white.png');
    }	
    .wh_top_menu > ul > li > img {
		display: inline-block;
        height: 25px;
/*		position: right;*/
    }
    .wh_top_menu ul li a {
        display: block;
        padding: 1em;
		padding-left:3px;
        text-decoration: none;
    }
    .wh_top_menu ul ul li {
        border-top-color: #4b545f;
    }
    .wh_top_menu ul ul li a {
		padding-left: 1em;
    }
	.wh_top_menu ul li > ul {
        display: none;
		z-index: 10;
		position: absolute;
	}
	.wh_top_menu > ul > li > ul {
        width: calc(100vw - 7.5rem);
    }
	.wh_top_menu > ul > li > ul > li > ul {
        left: 15% !important;
        right: auto !important;
        width: calc(100% - 15%);
    }
    .wh_top_menu > ul > li > ul > li a,
    .wh_top_menu > ul > li > ul > li > ul > li a {
	    white-space: normal;
	}
    /* for the menu icon*/
	#wh_menu_mobile_button {
		width: 30px;
		height: 30px;
		margin-right: 6rem;
        float: none;
		border-color: transparent;
		font-family: Circular, helvetica, arial, sans-serif;
		font-weight: 500;
		line-height: 1.69;
		background-color: rgba(0,0,0,0.3);
		outline: none;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
	}
	#wh_menu_mobile_button span {
		display: block;
		position: absolute;
		height: 1px;
		width: 80%;
		background: white;
		border-radius: 9px;
		font-weight: bold;
		opacity: 5;
		left: 3px;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}
	#wh_menu_mobile_button span:nth-child(1) {
		top: 7px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}

	#wh_menu_mobile_button span:nth-child(2) {
		top: 18px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}

	#wh_menu_mobile_button.open span:nth-child(1) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 5px;
		left: 6px;
	}
	#wh_menu_mobile_button.open span:nth-child(2) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: 21px;
		left: 6px;
	}
    /* search box */
    .wh_main_page .wh_search_input {
        padding: 50px 0;
    }
    .wh_welcome {
        font-size: 2em;
    }
	.language-selector-container {
        top: inherit;
        right: 20px;
    }
    .webhelp_download_full_guide_link .downloads_icon svg {
        margin: 0 0 1rem 0;
    }
    .webhelp_download_full_guide_link .downloads_list {
        width: fit-content;
    }
}

@media only screen and (min-width : 767px) and (max-width : 1023px) {
    .wh_top_menu > ul > li > ul > li > ul {
        margin-top: 3.5rem;
    }
}
    
/* for inserted videos - mp4 and youtube - under 890px */
@media only screen and (max-width : 890px) {
    .iframe, .video {
        width: 100%;
    }    
}
/* for anything under 768px */
@media only screen and (max-width : 767px) {
/* showing videos one below the other, one column, on home page*/
    .video-group-container {
        max-height: initial;
        flex-direction: column;
        align-items: center;
    }
    .video-group-container > .video-wrapper {
        width: 70%;
        margin: 0 5% 7%;
    }    
    #wh_publication_toc .wh-tooltip {
		display: none;
	}
}
/* To show the logo for smaller than 576px */
@media only screen and (max-width : 575px) {
    .wh_logo_and_publication_title a {
        display: inline-block !important;        
    }
}
/* To prevent larger logos from overlapping the hamburger menu on small screens */
@media only screen and (max-width : 390px) {
	.wh_logo_and_publication_title a img {
		height: 50px;
    }
}
/* For Step Examples */
.stepxmp-label {
    font-weight: bold;
}