h1,h2,h3
{
	text-align: center;
}

.centre
{
	text-align: center;
}

p.narrow
{
	margin-left: auto;
	margin-right: auto;
	max-width: 500px;
}

.justify
{
	text-align: justify !important;
}

.right
{
	text-align: right;
}

.left
{
	text-align: left;
}
.Row
{
	display: flex;
}
.Row.ArticleWrap
{
	flex-wrap: wrap;
}

.Row .Item
{
	flex: 1;
}

.Row .Item.ArticleWrap
{
	flex: 1 0 33%;
	margin-bottom: 50px;
}

.button
{
	cursor: pointer;
	display: inline-block;
	justify-content: center;
	align-items: center;

	min-width: 214px;
	min-height: 60px;
	
	background: linear-gradient(93.86deg, rgba(39, 49, 69, 0.1) 0%, rgba(255, 255, 255, 0) 101.75%), #2196F3;
	border: 2px solid rgba(255, 255, 255, 0.07);
	box-sizing: border-box;
	box-shadow: 0 0 10px 0 rgba(166, 171, 189, 0.8);
	border-radius: 10px;

	color: #fff;
	text-decoration: none;

	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 25px;
	line-height: 50px;
	text-align: center;
	margin: 0px 10px;
	vertical-align: initial;
	padding: 0;
	outline: none;
}

.button.noshadow
{
	box-shadow: none;
}

.button.last
{
	margin-right: 0px;
}

.button.disabled,
.button.disabled:hover,
.button.disabled:active
{
	background: #F7F7F7;
}

.button.large
{
	display: block;
	margin: 50px auto;
	width: 80%;
	font-weight: bold;
	font-size: 22px;
	max-width: 400px;
}


.button:hover
{
	background: linear-gradient(93.86deg, rgba(39, 49, 69, 0.1) 0%, rgba(255, 255, 255, 0) 101.75%), #48ADFE;
}

.button:active
{
	background: linear-gradient(93.86deg, rgba(39, 49, 69, 0.1) 0%, rgba(255, 255, 255, 0) 101.75%), #1F8ADF;
}

.button.small
{
	height: 45px;
	width: initial;
	padding: 0 20px;
	font-weight: bold;
}


.button.white
{
	background: linear-gradient(317.7deg, rgba(0, 0, 0, 0.02) 0%, rgba(7, 13, 44, 0.02) 0.01%, rgba(255, 255, 255, 0.02) 105.18%), #FFFFFF;
	background-blend-mode: soft-light, normal;
	border: 1px solid #FFFFFF;
	box-sizing: border-box;
	box-shadow: inset 3px 3px 15px rgba(146, 150, 163, 0.33);
	border-radius: 10px;
	padding: 20.5px 90px;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 19px;
	text-align: center;
	color: #040707;
}


.button.white:hover
{
	box-shadow: inset 3px 3px 15px rgba(146, 150, 163, 0.43);
}

.button.white:active
{
	box-shadow: inset 3px 3px 15px rgba(146, 150, 163, 0.53);
}



.contentCentralColumn
{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 10px;
	padding-top: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}






footer,
#footerWrapper
{
	width: 100%;
	background-color: #fff;
	padding: 0 10px;
	box-sizing: border-box;
}


footer .content,
#footerWrapper .content
{
	width: 100%;
	max-width: 1000px;
	margin: 20px auto;
	border-top: 1px solid #aaa;
	color: #aaa;
	padding-top: 20px;
}

footer .content .link,
#footerWrapper .content .link
{
	float: right;
}

footer .content .link a,
#footerWrapper .content .link a
{
	color: #aaa;
	text-decoration: none;
}

footer .content .link a:hover,
#footerWrapper .content .link a:hover
{
	text-decoration: underline;
}

#mainContentWrapper section
{
	position: relative;
}

@media (max-width: 1000px)
{
	footer .content,
	#footerWrapper .content
	{
		text-align: center;
	}

	footer .content .link,
	#footerWrapper .content .link
	{
		float: none;
    	margin-top: 10px;
    }
}



.Note
{
	position: relative;
	margin-top: 7px;
}

.Note .Question
{
	cursor: pointer;
	color: #2196F3;
	text-decoration: underline;
}

.Note .Answer
{
	display: none;
	position: absolute;
	width: 350px;
	min-height: 100px;
	bottom: 25px;
	border-radius: 10px;
	box-shadow: 0 0 10px 1px #555;
	background: lightgray;
	padding: 10px;
	box-sizing: border-box;
}

.DontShow
{
	display: none;
}


.breadcrumbWrapper
{
	background: #efefef;
	padding: 10px;
	box-sizing: border-box;
}

.breadcrumbWrapper .content
{
	max-width: 800px;
	margin: 0 auto;
}

.breadcrumbWrapper .content .crumb
{
	display: inline-block;
	font-size: 20px;
}

.breadcrumbWrapper .content .crumb a
{
	text-decoration: none;
	color: #000;
}
.breadcrumbWrapper .content .crumb a:hover
{
	text-decoration: underline;
}


.SpinnerProcessButton
{
	width: 15px;
	height: 15px;
	margin-right: 5px;
}



/*

h1,
h2,
h3,
h4
{
	font-family: 'Roboto', sans-serif;
}

a,
.uri
{
	cursor: pointer;
	color: #2196f3;
	text-decoration: underline;
}

a:hover,
.uri:hover
{
	text-decoration: none;
}


p,
li,
html
{
	margin-top: 0;
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
}

input
{
	margin: 2px 0;
	padding: 2px;
	outline: none;
}

select
{
	outline: none;
}

.bold
{
	font-weight: bold;
}

a.button,
.button
{
	cursor: pointer;
	display: inline-block;
	justify-content: center;
	align-items: center;

	width: 214px;
	height: 60px;
	
	background: linear-gradient(93.86deg, rgba(39, 49, 69, 0.1) 0%, rgba(255, 255, 255, 0) 101.75%), #2196F3;
	border: 2px solid rgba(255, 255, 255, 0.07);
	box-sizing: border-box;
	box-shadow: -5px -5px 20px #FFFFFF, 0px 0px 16px rgba(166, 171, 189, 0.8);
	border-radius: 10px;

	color: #fff;
	text-decoration: none;

	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;

	text-align: center;
	margin: 0px 10px;

	vertical-align: initial;
	padding: 0;
	outline: none;
}

.button.noshadow
{
	box-shadow: none;
}

.button.last
{
	margin-right: 0px;
}

.button.disabled,
.button.disabled:hover,
.button.disabled:active
{
	background: #F7F7F7;
}

.button.large
{
	display: block;
	margin: 50px auto;
	width: 80%;
	font-weight: bold;
	font-size: 22px;
	max-width: 400px;
}


.button:hover
{
	background: linear-gradient(93.86deg, rgba(39, 49, 69, 0.1) 0%, rgba(255, 255, 255, 0) 101.75%), #48ADFE;
}

.button:active
{
	background: linear-gradient(93.86deg, rgba(39, 49, 69, 0.1) 0%, rgba(255, 255, 255, 0) 101.75%), #1F8ADF;
}

.button.small
{
	height: 45px;
	width: initial;
	padding: 0 20px;
	font-weight: bold;
}


.button.white
{
	background: linear-gradient(317.7deg, rgba(0, 0, 0, 0.02) 0%, rgba(7, 13, 44, 0.02) 0.01%, rgba(255, 255, 255, 0.02) 105.18%), #FFFFFF;
	background-blend-mode: soft-light, normal;
	border: 1px solid #FFFFFF;
	box-sizing: border-box;
	box-shadow: inset 3px 3px 15px rgba(146, 150, 163, 0.33);
	border-radius: 10px;
	padding: 20.5px 90px;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 19px;
	text-align: center;
	color: #040707;
}


.button.white:hover
{
	box-shadow: inset 3px 3px 15px rgba(146, 150, 163, 0.43);
}

.button.white:active
{
	box-shadow: inset 3px 3px 15px rgba(146, 150, 163, 0.53);
}



header.wrapper
{
	padding: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

header.wrapper>.content
{
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	color: #fff;
}

#headerLogo
{
	height: 62px;
}

header h1
{
	text-align: center;
}


nav.breadcrumbWrapper
{
	background-color: #f5f5f5;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

nav.breadcrumbWrapper>.content
{
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
}

nav.breadcrumbWrapper .crumb
{
	float: left;
	margin-right: 5px;
}

nav.breadcrumbWrapper .crumb a
{
	color: #000;
	text-decoration: none;
	text-shadow: -1px 1px #dedede;
}

nav.breadcrumbWrapper .crumb a:hover
{
	text-decoration: underline;
}



@media (max-width: 800px)
{
	header.wrapper
	{
		padding: 5px 20px;
	}

	header.wrapper>.content
	{
		text-align: center;
	}
}







.footerWarning
{
	width: 100%;
	max-width: 1000px;
	padding: 10px;
	margin: 0 auto;
	font-style: italic;
	margin-top: 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.img-circle
{
	border-radius: 50%;
}


.underline
{
	text-decoration: underline;
}



.imgReportSample
{
	display: block;
	width: 100%;
	max-width: 800px;
	margin: 50px auto;
}



.contentBox
{
	background-color: #fff;
	overflow: hidden;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	max-width: 500px;
	margin: 0 auto;
	color: #000;
	box-shadow: 0 0 5px 0 #333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.contentBox.fullWidth
{
	max-width: initial;
	width: 100%;
}


.tabBox
{
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}


.tabs
{
	display: flex;
}


.tabs .tab
{
	width: 50%;
	float: left;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	font-weight: bold;
	background-color: #ccc;
	cursor: pointer;
	border-left: 1px solid #999;
}

.tabs .tab.first
{
	border: none;
}

.tabs .tab:hover
{
	background-color: #eee;
}

.tabs .tab.active
{
	background-color: #fff;
}

.contents .content
{
	display: none;
}

.contents .content.active
{
	display: block;
}


.wide25
{
	width: 25px;
	display: inline-block;;
}
.wide50
{
	width: 50px;
	display: inline-block;;
}
.wide100
{
	width: 100px;
	display: inline-block;;
}
.wide200
{
	width: 200px;
	display: inline-block;;
}
.wide300
{
	width: 300px;
	display: inline-block;;
}
.wide400
{
	width: 400px;
	display: inline-block;;
}

.height25
{
	height: 25px;
	display: inline-block;;
}
.height50
{
	height: 50px;
	display: inline-block;;
}
.height100
{
	height: 100px;
	display: inline-block;;
}
.height200
{
	height: 200px;
	display: inline-block;;
}
.height300
{
	height: 300px;
	display: inline-block;;
}
.height400
{
	height: 400px;
	display: inline-block;;
}


.spinner20
{
	width: 20px;
	height: 20px;
}

#inputResultsAfter
{
	height: 40px;
}


.reportResultSection h2
{
	margin-top: 0px;
	font-weight: bold;
	font-size: 30px;
	text-align: center;
}


.videoWrapper
{
	margin: 0 auto;
	text-align: center;
	width: 100%;
	max-width: 560px;
	height: 315px;
}



header.wrapper
{
	background-color: #2196f3;
}


#Advice .product
{
	border-top: 1px solid #2196f3;
}


.report
{
	border-top: 1px solid #2196f3;
}


header.wrapper
{
	background-color: #2196f3;
}


.contentBox
{
	border: 2px solid #2196f3;
}


.reportFrameHeader
{
	background-color: #2196f3;
}


.highlightInvestments
{
	background-color: #2196f3;
}


.sectionHomepage h1,
.sectionHomepage h2,
header h1
{
	color: #fff;
}


#wrapperReports
{
	border: 1px solid #2196f3;
}



.DatePickerDay
{
	display: inline-block;
	width: 65px;
	text-align: center;
}

.DatePickerMonth
{
	display: inline-block;
	width: 150px;
	text-align: center;
}


.DatePickerYear
{
	display: inline-block;
	width: 90px;
	text-align: center;
}

.small
{
	font-size: 16px;
}


.close
{
	position: absolute;
	right: 5px;
	top: 5px;
	width: 32px;
	height: 32px;
	opacity: 0.3;
	cursor: pointer;
}
.close:hover
{
	opacity: 1;
}
.close:before,
.close:after
{
	position: absolute;
	left: 15px;
	content: ' ';
	height: 20px;
	width: 2px;
	background-color: red;
}
.close:before
{
	transform: rotate(45deg);
}
.close:after
{
	transform: rotate(-45deg);
}

.ExpiredWarning
{
	margin: 50px 0;
}

.ExpiredWarning .button
{
	margin-top: 20px;
	width: 100%;
	max-width: 300px;
	font-weight: bold;
	float: none !important;
	box-sizing: border-box;
}