/*<meta />*/

@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

@font-face 
{
	font-family: 'Open Sans';
	src: url('fonts/opensans-regular.ttf');
}

@font-face 
{
	font-family: 'Open Sans Semibold';
	src: url('fonts/opensans-semibold.ttf');
}

html,
body
{
	overflow: hidden;
}

.main-section
{
	background-color: #F8F9FD;
}

.topic-body
{
	background: white;
	border: 1.25px solid #EDEDFACC;
	box-shadow: 0px 6px 30px 0px #EAEEFD99;
	margin-top: 31px;
	border-radius: 8px;
	padding: 0 62px;
}

/* Custom top bar */

nav.title-bar
{
	padding-bottom: 0;
	padding-top: 0;
	border-bottom: 0px !important;
	max-width: 100% !important;
}

.custom-top-bar
{
	height: 55px;
	background-color: #345267;
}

.custom-top-bar.left
{
	order: 2;
	padding-left: 16px;
}

.custom-top-nav a:hover
{
	color: #0061a7 !important;
	font-family: 'Open Sans';
	text-decoration: none;
}

.custom-top-bar ul ul a:hover
{
	background: #E6F2FB;
}

.custom-top-bar.left > ul > li > a:after
{
	content: '';
	background-image: url('arrow-white.svg');
	width: 10px;
	display: inline-block;
	height: 10px;
	margin-left: 12px;
	background-repeat: no-repeat;
	background-position: center center;
}

.custom-top-bar.left > ul > li:nth-child(2):before
{
	content: '';
	border-left: solid 1px white;
	position: absolute;
	left: -2px;
	top: 21px;
	width: 1px;
	height: 18px;
}

.custom-top-bar.right
{
	order: 4;
	flex-grow: 1;
}

.custom-top-bar ul,
.custom-top-bar li,
.custom-top-bar p,
.custom-top-bar a,
.custom-top-bar a:link,
.custom-top-bar a:visited,
.custom-top-bar a:active
{
	color: white;
	margin: 0;
	text-align: right;
	list-style: none !important;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 300;
	text-decoration: none;
}

.custom-top-bar > ul
{
	max-width: 1200px;
	max-height: 55px;
	width: 100%;
	margin: auto;
}

.custom-top-bar ul
{
	padding: 0;
	margin: auto;
}

.custom-top-bar li
{
	display: inline-block;
	padding: 16px 24px 16px 24px;
	position: relative;
	user-select: none;
}

.home-page .custom-top-bar > ul > li
{
	padding: 21px 12px 15px 12px;
}

.custom-top-bar > ul ul
{
	background-color: white;
	position: absolute;
	top: 43px;
	left: 0;
	min-width: 152px;
	padding: 5px 0;
	z-index: 4;
	visibility: hidden;
	border: 1.25px solid #E5E5E7;
	box-shadow: 0px 6px 20px 0px #E5E5E766;
	border-radius: 4px;
}

.custom-top-bar > ul ul > li
{
	white-space: nowrap;
	float: left;
	padding: 2px 8px;
	text-align: left;
	width: 100%;
}

.custom-top-bar ul ul a,
.custom-top-bar ul ul a:link,
.custom-top-bar ul ul a:visited,
.custom-top-bar ul ul a:active
{
	display: inline-block;
	width: 100%;
	line-height: 15px;
	text-align: left;
	height: 100%;
	color: #393939 !important;
	font-size: 14px;
	padding: 8px;
	border-radius: 4px;
}

/* .custom-top-bar a:hover
{
	color: #44ade2;
} */

.custom-top-bar > ul ul.open
{
	visibility: visible;
}

.custom-top-bar a.selected
{
	font-weight: bold;
}

.custom-top-bar li:last-child
{
	padding-right: 10px;
}

.custom-top-bar li:last-child:after
{
	display: none;
}

MadCap|breadcrumbsProxy
{
	background-color: #F8F9FD;
	color: #707070;
	font-family: 'Open Sans';
	margin-bottom: 0;
	mc-breadcrumbs-prefix: '';
	font-style: normal !important;
	padding-left: 24px;
	padding-top: 24px;
	font-size: 14px;
	padding-bottom: 30px;
}

span.MCBreadcrumbsDivider
{
	padding: 0 8px;
	color: #B0B0B0;
}

a.MCBreadcrumbsLink
{
	color: #707070 !important;
	font-style: normal !important;
}

.MCBreadcrumbsSelf:last-child
{
	color: #393939;
	font-family: 'Open Sans';
	font-weight: 600;
}

/* Custom top nav HTML 2022 updated 2024 */

.custom-top-nav
{
	width: 100%;
	background: #F8F9FD;
}

.custom-top-nav > div
{
	align-items: center;
	display: flex;
	justify-content: center;
	height: 28.5px;
	padding: 0 0px 2px 0px;
	border-bottom: 2px solid #e5e5e7;
	margin: 0 24px;
}

.searchTopic .custom-top-nav
{
	height: 67.5px;
	padding-top: 39px;
}

.searchTopic .top-bar
{
	display: none !important;
}

.custom-top-nav ul
{
	margin: 0;
	height: 35px;
	padding: 0;
}

.custom-top-nav li
{
	display: inline-block;
	margin: 0;
	line-height: 12.5px;
	font-size: 16px;
	height: 27px;
}

.custom-top-nav p
{
	margin: 0;
}

.custom-top-nav a
{
	color: #2b2b2b !important;
	padding: 0 16px;
	display: block;
	height: 27px;
}

.custom-top-nav a.selected
{
	border-bottom: 2px solid #0070c1;
	font-family: 'Open Sans Semibold';
}

/* Search bar enhancements HTML 2022 */

.searchTopic .topic-body
{
	background: none;
	border: none;
	box-shadow: none;
}

div#searchtips
{
	padding-top: 20px;
}

._Skins_HTML2022_SideNav .sidenav-wrapper.closed #searchtips
{
	display: none;
}

div#sf-content span
{
	cursor: pointer !important;
}

input.search-field.needs-pie:focus
{
	outline: 1px solid white;
}

.title-bar-layout .search-submit
{
	background-position: center 6px !important;
}

input.search-field.needs-pie::placeholder
{
	color: #B0B0B0 !important;
}

.home-page .nav-search-wrapper
{
	display: none;
}

.home-page button.menu-icon
{
	display: none !important;
}

.search-filter
{
	background-size: 15px 15px !important;
	background-position: center 6px !important;
	background-repeat: no-repeat !important;
}

.search-filter-wrapper
{
	top: 2px !important;
}

.home-page .search-filter
{
	background-size: 15px 15px !important;
	background-position: center 9px !important;
}

.search-bar._Skins_HTML2022_SearchHome.mc-component .search-filter-wrapper
{
	display: none !important;
}

/* .title-bar-layout a.logo
{
	position: absolute;
	top: 0;
} */

/* Custom toolbar */

button.button.needs-pie:before,
button.button.needs-pie:after
{
	color: #2b2b2b;
	font-family: 'Open Sans';
	font-size: 12px;
	padding-right: 16px;
}

button.button.needs-pie:hover:before,
button.button.needs-pie:hover:after
{
	color: #0061A7;
}

button.button.needs-pie.expand-all-button
{
	width: 108px;
}

button.button.needs-pie.expand-all-button:after
{
	content: 'Expand all';
}

button.button.needs-pie.collapse-all-button
{
	width: 106px;
}

button.button.needs-pie.collapse-all-button:after
{
	content: 'Collapse all';
}

button.button.needs-pie.remove-highlight-button
{
	width: 150px;
}

button.button.needs-pie.remove-highlight-button:after
{
	content: 'Remove Highlights';
}

button.button.needs-pie.print-button
{
	width: 68px;
}

button.button.needs-pie.print-button:after
{
	content: 'Print';
}

button.button.needs-pie.previous-topic-button
{
	width: 85px;
}

button.button.needs-pie.previous-topic-button:after
{
	content: 'Previous';
	line-height: 22px;
	padding-left: 3px;
}

button.button.needs-pie.next-topic-button
{
	width: 69px;
}

button.button.needs-pie.next-topic-button:before
{
	content: 'Next';
	line-height: 22px;
	padding-right: 0px;
	padding-left: 10px;
}

button.button.needs-pie:after
{
	border-right: solid 1px #c3c3c3;
}

._Skins_HTML2022_TopicToolbar.mc-component .button.previous-topic-button .button-icon-wrapper
{
	width: 10px;
}

._Skins_HTML2022_TopicToolbar.mc-component .button.next-topic-button .button-icon-wrapper
{
	width: 10px;
}

._Skins_HTML2022_TopicToolbar.mc-component .button.expand-all-button .button-icon
{
	background-image: url('expand.svg');
}

._Skins_HTML2022_TopicToolbar.mc-component .button.expand-all-button:hover .button-icon
{
	background-image: url('expand-hover.svg');
}

._Skins_HTML2022_TopicToolbar.mc-component .button.collapse-all-button .button-icon
{
	background-image: url('collapse.svg');
}

._Skins_HTML2022_TopicToolbar.mc-component .button.collapse-all-button:hover .button-icon
{
	background-image: url('collapse-hover.svg');
}

._Skins_HTML2022_TopicToolbar.mc-component .button.remove-highlight-button .button-icon
{
	background-image: url('highlight.svg');
}

._Skins_HTML2022_TopicToolbar.mc-component .button.remove-highlight-button:hover .button-icon
{
	background-image: url('highlight-hover.svg');
}

._Skins_HTML2022_TopicToolbar.mc-component .button.print-button .button-icon
{
	background-image: url('print.svg');
}

._Skins_HTML2022_TopicToolbar.mc-component .button.print-button:hover .button-icon
{
	background-image: url('print-hover.svg');
}

._Skins_HTML2022_TopicToolbar.mc-component .button.previous-topic-button .button-icon
{
	background-image: url('prev.svg');
	background-position: left 3px !important;
}

._Skins_HTML2022_TopicToolbar.mc-component .button.previous-topic-button:hover .button-icon
{
	background-image: url('prev-hover.svg');
}

._Skins_HTML2022_TopicToolbar.mc-component .button.next-topic-button .button-icon
{
	background-image: url('next.svg');
	background-position: left 3px !important;
}

._Skins_HTML2022_TopicToolbar.mc-component .button.next-topic-button:hover .button-icon
{
	background-image: url('next-hover.svg');
}

/* Toggle */

.sidenav-wrapper
{
	position: relative;
	z-index: 6;
	height: 100%;
}

#sidenav-toggle
{
	cursor: pointer;
	visibility: hidden;
	position: absolute;
	z-index: 999;
	width: 18px !important;
	top: 2px;
	right: 1px;
	min-height: 20px !important;
	border-radius: 2px;
	border: solid 0px #dddddd;
	/*background-color: #f8f8f8;*/
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('left-menu-arrow.svg');
	z-index: 77;
	transform: rotate(90deg);
}

#sidenav-toggle.closed
{
	left: -1px;
	transform: rotate(270deg);
}

.sidenav-wrapper.closed ul.sidenav
{
	max-width: 0px !important;
	min-width: 0px !important;
	overflow: hidden;
}

._Skins_HTML2022_SideNav .sidenav-wrapper.closed
{
	border-left: solid 1px #dddddd;
	border-right: none !important;
	min-width: 20px !important;
	max-width: 20px !important;
	overflow: hidden;
}

/* Custom side menu enhancements */

.onprem-menu-item > a::before
{
	content: "On Prem";
	display: inline-block;
	font-weight: bold;
	font-size: 8pt;
	color: #ffffff;
	border-radius: 13px;
	padding-left: 8px;
	padding-right: 8px;
	background-color: #40AFE2;
}

.saas-menu-item > a::before
{
	content: "SaaS";
	display: inline-block;
	/*font-weight: bold;*/
	font-size: 8pt;
	color: #0070C1;
	border-radius: 13px;
	padding-left: 8px;
	padding-right: 8px;
	background-color: #E6F2FB;
}

.sidenav-wrapper
{
	border: 1.25px solid #EDEDFACC;
	margin-top: 63px;
	max-height: calc(100vh - 306px);
	box-shadow: 0px 6px 30px 0px #EAEEFD99;
	padding: 8px;
}

.sidenav-container > ul.menu > li
{
	display: none;
}

.sidenav-container > ul.menu > li.selected-root
{
	display: block;
}

.sidenav-container > ul.menu > li.selected-root > a
{
	display: none;
}

.searchTopic .sidenav-container > ul.menu > li
{
	display: block;
}

/* Home page custom HTML 2022 */

.home-page .sidenav-wrapper,
.searchTopic .sidenav-container
{
	display: none;
}

.home-page div.search-container
{
	margin-top: 27px;
}

.home-page input.search-field.needs-pie:focus
{
	outline: none;
}

.home-page .search-bar.search-bar-container.needs-pie._Skins_HTML2022_SearchHome.mc-component:focus-within
{
	outline: solid #0070C1 1.25px;
	border-radius: 24px;
}

.home-page .search-field
{
	box-shadow: none;
}

.home-page div.topic-hero
{
	height: 245px;
	padding-top: 42px;
	padding-bottom: 66px;
}

.home-page h1
{
	font-size: 32px;
	font-family: 'Open Sans Semibold';
}

.home-page h2
{
	font-size: 16px;
	padding-top: 8px;
}

.sidenav-wrapper ul .is-accordion-submenu-parent > a span.submenu-toggle-container
{
	left: 0px;
	right: unset;
}

.sidenav-wrapper ul ul .is-accordion-submenu-parent > a span.submenu-toggle-container
{
	left: 21px;
}

.sidenav-wrapper ul ul ul .is-accordion-submenu-parent > a span.submenu-toggle-container
{
	left: 38px;
}

.sidenav-wrapper ul ul ul ul .is-accordion-submenu-parent > a span.submenu-toggle-container
{
	left: 55px;
}

.sidenav-wrapper ul ul ul ul ul .is-accordion-submenu-parent > a span.submenu-toggle-container
{
	left: 72px;
}

.sidenav-wrapper ul.sidenav li.is-accordion-submenu-parent > a span.submenu-toggle
{
	border: none;
	background-image: url('left-menu-arrow.svg');
	width: 10px;
	background-repeat: no-repeat;
	height: 6px;
	background-size: 100%;
	transform: rotate(-90deg);
	top: 54%;
}

.sidenav-wrapper .submenu-toggle-container[aria-expanded='true'] > span.submenu-toggle,
.sidenav-wrapper .is-accordion-submenu-parent > a[aria-expanded='true'] > .submenu-toggle-container > span.submenu-toggle
{
	transform: rotate(0deg) !important;
	top: 57% !important;
}

/* Custom content top bar HTML 2022 */

._Skins_HTML2022_SideNav .body-container div.top-bar
{
	border-bottom: none !important;
	min-height: 35px;
	position: fixed;
	width: 100%;
	right: 25px;
	background: #F8F9FD;
	top: 165px;
	padding: 18px 9px 23px 40px;
	z-index: 1;
}

/* Custom right menu HTML 2022 */

.right-menu
{
	position: fixed;
	right: 0px;
	/*border-left: 0px solid #ededed;*/
	top: 158px;
	width: 317px;
	padding-left: 40px;
	height: calc(100vh - 258px);
	max-height: calc(100vh - 306px);
	overflow-y: auto;
	margin-right: 40px;
	margin-top: 70px;
	background-color: white;
	border: 1.25px solid #EDEDFACC;
	box-shadow: 0px 6px 30px 0px #EAEEFD99;
	border-radius: 8px;
}

p.right-menu-title
{
	font-family: 'Open Sans Semibold', Arial, sans-serif;
	font-size: 14px;
	color: #2B2B2B;
	margin-top: 24px;
	margin-bottom: 24px;
}

p.right-menu-title1
{
	font-family: 'Open Sans Semibold', Arial, sans-serif;
	font-size: 14px;
	color: #2B2B2B;
	margin-top: 24px;
	margin-bottom: 16px;
}

.itn-menu
{
	display: none;
}

ul.menu._Skins_HTML2022_RightMenu.mc-component li > a.selected:before
{
	content: url('right-menu-arrow.svg');
	position: absolute;
	left: 40px;
}

/* Custom feedback HTML2022 */

div#feedback-survey
{
	font-size: 12px;
}

i.feedback-yes,
i.feedback-no
{
	font-size: 12px;
	font-style: normal;
	color: #505050;
	position: relative;
	cursor: pointer;
}

i.feedback-yes
{
	margin-left: 20px;
}

i.feedback-no
{
	margin-left: 50px;
}

.feedback-yes:before,
.feedback-no:before
{
	padding-right: 5px;
	position: absolute;
	left: -22px;
}

.feedback-yes:before
{
	content: url('like.svg');
	top: -2px;
}

.feedback-no:before
{
	content: url('dislike.svg');
	top: 1px;
}

.feedback-yes:hover:before
{
	content: url('like-hover.svg');
}

.feedback-no:hover:before
{
	content: url('dislike-hover.svg');
}

.feedback-yes.selected:before
{
	content: url('like-selected.svg');
}

.feedback-no.selected:before
{
	content: url('dislike-selected.svg');
}

div.feedback-reason-no,
div.feedback-reason-yes-thanks
{
	padding-right: 10px;
}

#feedback-survey div.cta
{
	width: 115px;
	height: 24px;
	cursor: pointer;
	font-size: 12px;
	margin-bottom: 10px;
	margin-top: 16px;
	background-color: #ffffff;
	color: #2b2b2b;
	border: 1px solid #707070;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#feedback-survey div.cta:hover
{
	transform: none;
	box-shadow: none !important;
	background: #f4f5fd;
}

#feedback-survey div.cta:hover a,
#feedback-survey div.cta a:hover
{
	color: #2b2b2b;
	text-decoration: none;
}

#feedback-survey div.cta p
{
	margin: 0;
	line-height: normal;
	font-family: 'Open Sans Semibold';
}

div.note:before
{
	display: block;
	content: ' ';
	background-color: #2c86c2;
	background-image: url('notes.svg');
	background-repeat: no-repeat;
	background-position: 4px 20px;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	width: 30px;
}

div.tip:before
{
	display: block;
	content: ' ';
	background-color: #4cac82;
	background-image: url('tip.svg');
	background-repeat: no-repeat;
	background-position: 7px 20px;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	width: 30px;
}

div.warning:before
{
	display: block;
	content: ' ';
	background-color: #f5a75d;
	background-image: url('warning.svg');
	background-repeat: no-repeat;
	background-position: 7px 20px;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	width: 30px;
}

/* 

ul.menu._Skins_SideMenu.mc-component li > a.selected
{
	background-repeat: repeat-y;
}

div.side-menu ul.menu li > a:after
{
	background: url('../Images/Assets/Icons/arrows/arrow-down-blue.png') no-repeat 10px 1px / 10px;
	content: " ";
	display: inline-block;
	height: 10px;
	width: 20px;
}

div.side-menu ul.menu li > a.selected:after
{
	background: none;
}

div.side-menu ul.menu li.tree-node-leaf > a:after
{
	content: "";
	display: none;
} */

/* h1 and h2 clipboard icons */

.clipboard
{
	display: inline-block;
	margin-left: 8px;
	width: 24px;
	height: 24px;
}

.clipboard button
{
	cursor: pointer;
	background: url('../images/assets/icons/link-gray.svg') no-repeat center center / 24px;
	border: none;
	height: 24px;
	width: 24px;
}

.clipboard button:hover
{
	background: url('../images/assets/icons/link-blue.svg') no-repeat center center / 24px;
}

/* Custom video thumbnails */

div.videoWrapper
{
	display: inline-block;
}

.videoWrapper > p
{
	display: none;
}

.modalBack
{
	top: 0px;
	left: 0px;
	position: fixed;
	display: none;
	height: 100vh;
	width: 100vw;
	background-color: rgba(0,0,0,0.6);
	z-index: 1;
	justify-content: center;
}

.modal
{
	position: relative;
	display: flex;
	justify-content: center;
	margin: auto;
	background-color: transparent;
	z-index: 100;
}

.modalContent
{
	margin: auto;
	display: flex;
	justify-items: center;
	width: 100%;
}

.playOverlay
{
	position: relative;
	width: -webkit-min-content;
	width: -moz-min-content;
	width: min-content;
}

.playOverlay img
{
	height: 0 !important;
	width: 0 !important;
}

iframe
{
	width: 210px;
	height: 170px;
}

.modal iframe
{
	display: inline-block;
	max-width: 90%;
	margin: auto;
	margin-bottom: auto;
}

.playOverlay iframe.youtube-player_0
{
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	background: transparent;
	opacity: 0;
	left: 0;
	z-index: -1;
}

.videoThumbnail
{
	position: relative;
	width: 300px;
	max-width: 100%;
}

.videoThumbnail img
{
	box-shadow: 0 0 2px #dddddd;
	margin: 0;
	border-radius: 2px;
	width: 300px;
	border: solid 5px #f8f8f8;
}

.gifWrapper
{
	display: inline-block;
	position: relative;
}

.gifWrapper .playOverlay
{
	position: absolute;
	height: 52px;
	display: block;
	background: url('../images/assets/icons/play-circle.svg') center center no-repeat;
	width: 52px;
	top: calc(50% - 26px);
	left: calc(50% - 26px);
}

.gifWrapper .playOverlay a
{
	height: 100%;
	position: absolute;
	width: 100%;
	opacity: 0;
}

.playOverlay
{
	position: absolute;
	height: 52px;
	cursor: pointer;
	display: block;
	background: url('../images/assets/icons/play-circle.svg') center center no-repeat;
	margin: auto;
	width: 52px;
	top: 37%;
	left: 41%;
}

.playOverlay:hover
{
	background: url('../images/assets/icons/play-circle-hover.svg') center center no-repeat;
}

/* Custom footer */

.off-canvas-wrapper
{
	overflow: visible !important;
}

._Skins_HTML2022_SideNav .body-container
{
	margin-bottom: 80px;
	padding: 32px 356px 0px 16px;
}

._Skins_HTML2022_SideNav .off-canvas-wrapper-inner nav.title-bar .outer-row
{
	min-height: 55px;
}

.home-page._Skins_HTML2022_SideNav .body-container
{
	padding: 0;
	background: #F8F9FD;
}

.custom-footer-wrapper
{
	background-color: #EDEDFA;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px;
}

.custom-footer
{
	align-items: center;
	background: #EDEDFA;
	bottom: 0;
	color: white;
	left: 0;
	margin: auto;
	display: block;
	justify-content: space-between;
	visibility: hidden;
	padding: 8px 24px;
}

.custom-footer p
{
	margin: 0;
	color: #2b2b2b;
	font-size: 12px;
	line-height: normal;
	margin-top: 0;
}

span.pipe
{
	color: #B0B0B0;
	padding-left: 14px;
	padding-right: 14px;
}

.custom-footer a,
.custom-footer a:link,
.custom-footer a:visited
{
	color: #2b2b2b;
}

.custom-footer a:hover,
.custom-footer a:active
{
	color: #0061A7;
}

.footer-col-left,
.footer-col-middle
{
	display: block;
}

.footer-col-left .footer-item
{
	align-self: center;
	padding-right: 8px;
}

.footer-col-middle
{
	align-items: center;
	justify-content: center;
}

.footer-col-middle .footer-item
{
	margin: 0 10px;
	height: 21px;
	width: 20px;
	padding-top: 4px;
}

.footer-col-middle a:hover .no-hover,
.footer-col-middle a .hover
{
	display: none;
}

.footer-col-middle a:hover .hover,
.footer-col-middle a .no-hover
{
	display: inline;
}

.footer-col-right
{
	align-items: center;
	flex-wrap: wrap;
	text-align: right;
}

.custom-footer > div
{
	flex-basis: 33%;
}

.height-container-sidenav.height-container
{
	padding-bottom: 0;
}

@media only screen and (max-width: 1279px)
{
	html,
	body
	{
		overflow-x: hidden;
		overflow-y: auto;
	}

	/* Responsive custom top bar */

	nav.title-bar
	{
		padding-top: 4px;
	}

	/* .title-bar-layout a.logo
	{
		position: relative;
	} */

	/* Responsive custom footer */

	.custom-footer
	{
		padding-left: 1%;
		padding-right: 1%;
	}

	.custom-top-bar.left,
	.custom-top-bar.right
	{
		display: none;
	}

	.home-page .custom-top-bar.left
	{
		display: block;
	}

	button.menu-icon
	{
		margin-top: 7px;
		margin-right: -10px;
	}

	._Skins_HTML2022_SideNav .body-container
	{
		padding-bottom: 0;
		margin-bottom: 73px;
		padding-right: 260px;
		max-width: 100%;
	}

	.right-menu
	{
		max-height: calc(100vh - 355px);
		width: 240px;
	}

	.topic-body table
	{
		table-layout: fixed;
	}

	._Skins_HTML2022_SideNav ul.off-canvas-list ul > li > a
	{
		padding-left: 20px;
		padding-right: 20px;
	}

	._Skins_HTML2022_SideNav ul.off-canvas-list ul ul > li > a
	{
		padding-left: 40px;
	}

	._Skins_HTML2022_SideNav ul.off-canvas-list ul ul ul > li > a
	{
		padding-left: 60px;
	}

	._Skins_HTML2022_SideNav ul.off-canvas-list ul ul ul ul > li > a
	{
		padding-left: 80px;
	}

	._Skins_HTML2022_SideNav ul.off-canvas-list li a.selected,
	._Skins_HTML2022_SideNav ul.off-canvas-list li a.selected:hover
	{
		background: #005490;
		border-radius: 6px;
	}

	.custom-footer-wrapper
	{
		position: absolute;
	}
}

@media only screen and (max-width: 1000px)
{
	/* Responsive custom footer */

	.custom-footer
	{
		flex-wrap: wrap;
		justify-content: center;
		padding: 10px;
		height: auto;
	}

	.footer-col-left .footer-item
	{
		text-align: center;
	}

	.footer-col-middle
	{
		flex-basis: 100%;
		padding-bottom: 10px;
	}
}

@media only screen and (max-width: 600px)
{
	.home-page .custom-top-bar.left
	{
		display: none;
	}

	._Skins_HTML2022_SideNav .body-container
	{
		padding: 0px 25px 25px 25px;
	}

	.custom-top-bar
	{
		display: none;
	}

	.custom-top-nav,
	.top-bar
	{
		display: none;
	}

	.footer-col-left
	{
		flex-wrap: wrap;
	}

	.footer-col-left .footer-item
	{
		width: 100%;
		padding-top: 4px;
	}

	.right-menu
	{
		display: none;
	}

	.custom-footer > div
	{
		flex-basis: 100%;
	}

	.custom-footer p
	{
		padding-bottom: 6px;
	}

	.footer-col-middle
	{
		padding-top: 6px;
	}

	.footer-col-right
	{
		text-align: center;
		padding-top: 6px;
	}
}

@media print
{
	.top-bar,
	.right-menu,
	.custom-footer-wrapper
	{
		display: none;
	}

	.main-section,
	._Skins_HTML2022_SideNav .body-container,
	html,
	body
	{
		height: auto !important;
		width: auto !important;
		margin: 0;
		padding: 0 !important;
		overflow: visible !important;
	}

	.dropDownBody
	{
		display: block !important;
	}

	a.dropDownClose
	{
		display: none !important;
	}
}

