.help-page {
	font-size: 12px;
	font-family: 'Roboto Flex';
	font-weight: 300;
    font-stretch: 50%;
}

.help-page .section-name {
	font-size: 1.5em;
	font-stretch: 25%;
	font-weight: 400;	
}

.help-page .toc {
	margin-bottom: 1em;
}

.help-page .toc .toc-title{
	margin: 6px 0px;
}

.help-page .helpcontent div[toc-section]{
	padding-top: 12px;
	border-top: 1px solid #444444;
}

.help-page .toc  .toc-item {
	padding: 3px 18px;
	font-family: 'Roboto Serif';
	font-size: 1.35em;
}

.help-page .toc-link{
	font-style: oblique;
	white-space: nowrap;
}

.help-page .toc-link  > div{
	display: inline-block;
	width: 28px;
	text-decoration: none;
}

.help-page .mobile-disclaimer {
	margin: 0;
	display: none;
	overflow: hidden;
}

.help-page .item-name {
	font-size: 1.2em;
	margin-top: 20px;
	font-size: 18px;
	text-decoration: underline;
}

.help-page .item-cont > .main-img {
	margin-right: 0;
	margin-bottom: 15px;
	max-width: 50%;
	height: auto;
	object-fit: contain;
	align-self: flex-start;	
}

.help-page .item-cont > .main-img-cont {
	position: relative;
	max-width: 50%;
}

.help-page .item-cont > .main-img-cont > .main-img {
	width: 100%;
}

.help-page .help-section-content > .item-cont {
	margin-left: 1em;
	font-size: 1.31em;
	margin-bottom: 1.5em;
}

.help-page .item-cont ol li {
	padding-left: 8px;
	font-size: 16px;
	margin-bottom: 12px;
}

.help-page .item-cont {
	display: flex;
	flex-wrap: nowrap;
}

.help-page .item-cont .icon-lg {
	height: 30px;
}

.help-page .item-cont .icon-md {
	height: 25px;
}

.help-page .item-cont .icon {
	height: 20px;
}

.help-page .item-cont .icon-sm {
	height: 15px;
}

.help-page .help-section-content > ul > li {
	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 5px;
}

.context-help .popover, .tab-pane .helpcontent .help-page {
	font-family: 'Roboto Flex';
    font-size: 16px;
    font-weight: 300;
    font-stretch: 50%;	
}

.help-page .page-header-cont {
	display: flex;
	background-color: black;
	justify-content: center;
	align-items: center;
	margin-bottom: 12px;
}

.preview-area .tnc-page .btn-community-help {
	display: none;
}

.contrib-dets-cont .preview-area {
	border:1px solid #bbbbbb;
}

.contrib-dets-cont .preview-area:empty {
	border: none;
}

.tnc-page .btn-community-help {
	display: block;
}

.help-page .page-header {
	font-stretch: 50%;
	font-size: 18px;
	text-align: center;
	color: white;
	width: 100%;
	padding: 8px 0;
	font-family: 'Roboto Serif';
	font-variation-settings: 'GRAD' -50;
	font-weight: 350;
	width: fit-content;
}

.help-page > div > ul > li {
	margin-bottom: 12px;
}

.context-help .popover .section-title, .help-page .section-title {
    font-family: 'Roboto Serif';
    font-size: 16.5px;
    font-weight: 450;
    border-bottom: 2px solid #00008b;
    color: #00008b;
    width: fit-content;
    font-stretch: 40%;
	font-style: italic;
}

.help-page > div > ul > li > div {
	margin-bottom: 6px;
}

.help-page .legal-inline-title {
	font-size:17px;
	font-weight:500;
	font-stretch:25%;
	font-style: italic;
	text-decoration: underline;
}

.context-help .popover .intro-content {
	font-size: 17px;
}

.context-help .popover .popover-body img {
	vertical-align: middle;
	max-height: 20px;
}

.context-help .popover .popover-body .step-1-qtype-1-help img {
	max-height: 20px;
}

.context-help .popover .popover-body {
	overflow: hidden;
}

.context-help .xa-popover.popover {
	max-width: revert;
	cursor: default;
}

.context-help .popover .popover-body>div{
	/*margin: 1em 1.5em;*/
}

.context-help .popover .popover-body ul {
	margin-top: 12px;
}

.context-help .popover .popover-body .scrollable-help-div {
	max-height: 400px;
	overflow: auto;
	width: 600px;
	padding: 0.75rem 1rem;	
}

.context-help .popover.xa-popover .popover-header {
	font-family: 'Roboto Flex';
	font-size: 16px;
	font-weight: 375;
	font-stretch: 25%;
}

.context-help .popover-body li {
	margin-bottom: 1em;
}

.context-help .popover-body .sel-opt-doc {
	border:1px solid #bbbbbb;
	padding:3px;
	width:fit-content;
	margin-bottom:6px;
	border-radius:3px;
}