div.pr-calculator {
	overflow: visible;
	font-size: 16px;
	line-height: 1.5;
	opacity: 0;
	transition: opacity 0.2s;
}

div.pr-calculator.ready {
	opacity: 1;
}

.pr-calculator ul li {
	background: none;
}

div.pr-calculator p, div.pr-calculator li {
	font-size: 16px;
	line-height: 1.5em;
}

div.pr-calculator a {
	color: #6ba3b9;
}
div.pr-calculator p {
	line-height: 1.5;
}

div.pr-calculator .prc-section-header {
	margin-bottom: 1em;
	margin-top: 0;
	line-height: 1.375;
}
div.pr-calculator .composition-section .prc-section-header {
	margin-bottom: 0;
}
div.pr-calculator .prc-section {
	margin-bottom: 20px;
	min-height: 100px;
	box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.2);
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
	background-color: #ffffff;
	padding: 20px;

}

div.pr-calculator .prc-section h3 {
	font-size: 1.1em;
	font-family: "DaxMedium";
}

div.pr-calculator .section-row {
	display: flex;
	margin-left: -10px;
	margin-right: -10px;
	align-items: stretch;
}

div.pr-calculator .section-column {
	padding: 0px 10px;
	display: flex;
	flex-direction: column;
}

div.pr-calculator .section-column-1 {
	flex: 1 1 50%;
}
div.pr-calculator .section-column-2 {
	flex: 1 1 50%;
}

div.pr-calculator .summary-section {
	min-height: 100px;
	flex: 1 1 auto;
}
div.pr-calculator .composition-section {
	min-height: 100px;
	min-width: 360px;
	flex: 1 1 auto;
}
div.pr-calculator .chart-section {
	min-height: 420px;
}

div.pr-calculator .portfolio-slider {
	position: relative;
}

div.pr-calculator .slider-outer-wrapper {
	display: flex;
	align-items: stretch;
}

div.pr-calculator .portfolio-slider {
	width: 100%;
}

div.pr-calculator .slider-info {
	display: flex;
	color: #0f3f57;
	justify-content: space-between;
	width:100%;
	font-size: 18px;
	font-family: DaxMedium;
	text-transform: capitalize;
	margin-top: 20px;
}

div.pr-calculator .slider-info>div:before {
	content: "";
	width: 32px;
	height: 41px;
	background: url('/fileadmin/templates/finvesto2/images/ic-secure.svg') no-repeat center center;
	background-size: 100%;
	display: inline-block;
	margin-right: 11px;
	vertical-align: middle;
}

div.pr-calculator .slider-info>div:last-child:before {
	background: url('/fileadmin/templates/finvesto2/images/ic-risk.svg') no-repeat center center;
}

div.pr-calculator .slider-info>div {
	flex: 1 1 0;
}
div.pr-calculator .slider-info>div:last-child {
	text-align:right;
}

div.pr-calculator .text-center {
	text-align: center;
}
div.pr-calculator .text-right {
	text-align: right;
}

div.pr-calculator .param-list {
	display: flex;
	font-family: "DaxMedium";
	justify-content: space-between;
}

div.pr-calculator .param-list:last-child {
}

div.pr-calculator .param-list label {
	font-family: "DaxMedium";
	font-weight: normal;
}

div.pr-calculator .param-list>.param {
	margin-bottom: 30px;
}
div.pr-calculator .param-list>.param>* {
	vertical-align: middle;
	font-size: 18px;
	line-height: 20px;
}
div.pr-calculator .param-label-wrap {
	padding-top: 5px;
	display: inline-block;
	white-space: nowrap;
}

div.pr-calculator .param-label-wrap * {
	white-space: nowrap;
}

div.pr-calculator .param-list .err-msg {
	color: #f00;
}
div.pr-calculator .param-list input {
	font-family: "DaxMedium";
	border: none;
	text-align: right;
	width: 160px;
	background-color: #ffffff;
	color: #999999;
	font-size: 18px;
	line-height: 20px;
	padding: 15px;
	box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.2);
	border: solid 1px #cccccc;
	font-family: DaxRegular;

}
div.pr-calculator #prc-param-3 {
	padding-right: 55px;
}
div.pr-calculator #prc-param-3+.param-unit {
	margin-left: -50px;
}
div.pr-calculator .param-unit {
	display: inline-block;
	position: relative;
	padding: 4px;
	padding-left:0px;
	pointer-events: none;
	margin-left: -15px;
	max-height: 22px;
	color: #999999;
	font-size: 18px;
	line-height: 20px;
	font-family: DaxRegular;

}

div.pr-calculator .chart-buttons {
	list-style: none;
	padding:0;
	margin:0;
	display: flex;
	justify-content: flex-end;
}
div.pr-calculator .chart-buttons li {
	padding: 0px;
	margin-right: 3px;
	margin-bottom: 1rem;
}
div.pr-calculator .chart-buttons a {
}
div.pr-calculator .chart-buttons a.active {
}

div.pr-calculator .portfolio-component-chart {
	max-width:400px;
	margin: 0 auto 10px;
	width:100%;
}
div.pr-calculator .ff-dm {
	font-family: "DaxMedium";
}
div.pr-calculator .ff-dr {
	font-family: "DaxRegular";
}
div.pr-calculator .fc-c2 {
	color: #95c11e;
}

div.pr-calculator .result-summary {
	width: 100%;
}

div.pr-calculator .result-summary td {
	padding: 1px 0px;
	vertical-align: top;
}

div.pr-calculator .result-summary td:last-child {
	text-align: right;
}

div.pr-calculator .detail-list {
	width: 100%;
	margin-top: 2rem;
}
div.pr-calculator .detail-row {
	display: flex;
	width: 100%;
	font-family: "DaxMedium";
	border-bottom: 1px solid #69a2bc;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
div.pr-calculator .detail-row>div {
	flex: 1 1 0;
}

div.pr-calculator .detail-row:last-child {
	border-bottom: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

div.pr-calculator .detail-row .isin, 
div.pr-calculator .detail-row .etf-name {
	font-family: "DaxRegular";
	font-size: 0.8em;
}

div.pr-calculator .detail-label {
	padding-right: 20px;
}

div.pr-calculator .fc-1 {
	color: #98bfce;
}
div.pr-calculator .fc-2 {
	color: #6ba3b9;
}
div.pr-calculator .fc-3 {
	color: #0f3f57;
}
div.pr-calculator .fc-4 {
	color: #39444c;
}
div.pr-calculator .fc-5 {
	color: #747b7f;
}
div.pr-calculator .fc-6 {
	color: #9ca1a3;
}
div.pr-calculator .fc-7 {
	color: #007197;
}


div.pr-calculator .input-wrap {
	white-space: nowrap;
	display: inline-block;
	position: relative;
}

div.pr-calculator .input-wrap .err-msg {
	position: absolute;
	top: calc(100% + 10px);
}

div.pr-calculator .section-column .prc-section {
	margin-bottom: 0;
}


div.pr-calculator.layout-sm .section-row {
	flex-wrap: wrap;
}
div.pr-calculator.layout-sm .section-column {
	width: 100%;
}
div.pr-calculator.layout-sm .section-column .prc-section {
	margin-bottom: 20px;
}

div.pr-calculator.layout-sm .section-column-2 .prc-section {
	margin-bottom: 0;
}

div.pr-calculator.layout-sm .param-list {
	flex-wrap: wrap;
}
div.pr-calculator.layout-sm .param-list>.param {
	flex: 1 1 100%;
	margin-bottom: 20px;
	display: flex;
	justify-content: space-between;
}
div.pr-calculator.layout-sm .param-label-wrap {
	min-width: 160px;
	width: 35%;
	display: inline-block;
}

div.pr-calculator.layout-sm .prc-tabpanels {
	height: auto;
}

div.pr-calculator.layout-xs .param-list>.param {
	display: block;
}

div.pr-calculator.layout-xs .param-label-wrap {
	width: 100%;
	display: block;
}

div.pr-calculator.layout-xs .param-list .input-wrap {
	width: 100%;
	display: block;
}

div.pr-calculator.layout-xs .param-list input {
	width: 100%;
}

div.pr-calculator .input-wrap .err-msg {
	position: relative;
	top: 10px;
}

div.pr-calculator .pr-tooltip {
	display: inline-block;
	width: 20px;
	height: 20px;
	cursor: pointer;
	background: url('/fileadmin/templates/finvesto2/images/ic-info-big.svg') no-repeat 0 0;
	vertical-align: -10%;
}

div.pr-calculator .tooltip_templates {
	display: none;
}


div.pr-calculator .slider-label {
	font-size: 18px;
	font-family: DaxMedium;
	top: -110px;
}

div.pr-calculator .slider-label.selected {
	color: #8cb9c3;
	text-decoration: underline;
}

div.pr-calculator .portfolio-details-info {
	display: none;
	font-family: DaxMedium;
}
div.pr-calculator .portfolio-details-info.visible {
	display: block;
}
div.pr-calculator .portfolio-shortdesc {
	padding-top: 15px;
	display: none;
}
div.pr-calculator .portfolio-shortdesc.visible {
	display: block;
}

div.pr-calculator .cost-info {
	display: none;
}
div.pr-calculator.pre-cost .cost-info-1 {
	display: block;
}
div.pr-calculator.post-cost .cost-info-2 {
	display: block;
}

div.pr-calculator .cost-info.small {
	font-size: 0.8em;
	margin-top: 1rem;
}

div.pr-calculator .graph-container {
	width: 100%;
	max-width: 100%;
	margin: auto;
}

div.pr-calculator .portfolio-selector {
	display: none;
}
/* Customize the label (the container) */
div.pr-calculator .cb-custom {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 1em;
	font-family: "DaxRegular";
	font-weight: normal;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default radio button */
div.pr-calculator .cb-custom input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom radio button */
div.pr-calculator .cb-custom .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 21px;
	width: 21px;
	background-color: #eee;
	border-radius: 50%;
	border: 2px solid #69a2bc;
}

/* On mouse-over, add a grey background color */
div.pr-calculator .cb-custom:hover input ~ .checkmark {
	background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
div.pr-calculator .cb-custom input:checked ~ .checkmark {
	background-color: #69a2bc;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
div.pr-calculator .cb-custom .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the indicator (dot/circle) when checked */
div.pr-calculator .cb-custom input:checked ~ .checkmark:after {
	display: block;
}

/* Style the indicator (dot/circle) */
div.pr-calculator .cb-custom .checkmark:after {
	top: 4px;
	left: 4px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: white;
} 


div.pr-calculator.layout-sm .portfolio-selector {
	display: block;
}
div.pr-calculator.layout-sm .slider-outer-wrapper {
	display: none;
}


div.pr-calculator .portfolio-component-chart {
}

div.pr-calculator .prc-tabs, 
div.pr-calculator .prc-tabpanel,
div.pr-calculator .prc-tabpanel>div {
	height: 100%;
}

div.pr-calculator .prc-tabpanels
{
	height: calc(100% - 35px);
	padding: 20px 0;
}

div.pr-calculator .graph-container {
	margin-top: 40px;
}

div.pr-calculator .nowrap {
	white-space: nowrap;
}

div.pr-calculator .portfolio-component-chart {
	height: 200px;
}

div.pr-calculator .d-none {
	display: none;
}
/*
.tooltipster-sidetip .tooltipster-box {
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}
*/

div.pr-calculator .chart-buttons li {
	line-height:1.25;
	font-size: 18px;
}

div.pr-calculator .chart-buttons li * {
	vertical-align: middle;
	color: inherit;
}

div.pr-calculator .prc-tabmenu li {
	line-height:1.5;
}

.tooltipster-content a {
	color: #6ba3b9;
}

.tooltipster-sidetip .tooltipster-content {
	padding: 10px;
}
.tooltipster-content {
	font-size: 0.9em;
	line-height: 1.25;
}

div.pr-calculator .slider-dot {
	border: 4px solid #ffffff;
	background: #8cb9c5;
	border-radius: 50%;
	height: 28px;
	top: -10px;
	width: 28px;
	margin-left: -14px;
}

div.pr-calculator .slider-dot.selected {
	background: #0f3f57;
}

div.pr-calculator .slider-dot:before {
	content: "";
	position: absolute;
	height: 50px;
	width: 3px;
	background-color: #8cb9c3;
	left: calc(50% - 2px);
	top: -65px;
}

div.pr-calculator .slider-dot.selected:before {
	display: none;
}

div.pr-calculator .slider-dot:after {
	content: "";
	position: absolute;
	top: -90px;
	height: 90px;
	left: -10px;
	right: -10px;
}

div.pr-calculator .slider-wrapper {
	padding-top: 110px;
	padding-bottom: 20px;
}

div.pr-calculator .ui-slider .ui-slider-handle {
	background-color: transparent !important;
	background-image: url("/fileadmin/templates/finvesto2/images/ic-pin.svg");
	width: 40px;
	height: 54px;
	background-size: 100%;
	top: -72px;
	margin-left: -20px;
}

div.pr-calculator .portfolio-desc {
	font-size: 0.9em;
}



div.pr-calculator .prc-tabpanel .prc-section {
	margin-bottom: 0;
	padding-bottom: 0;
}

div.pr-calculator .param-label-wrap>* {
	margin-right: 10px;
}

div.pr-calculator .prc-section h3 {
	font-size: 24px;
	font-family: "DaxMedium";
}


div.pr-calculator .prc-section-header .counter {
	display: inline-block;
	color: #ffffff;
	background-color: #0f3f57;
	border-radius: 50%;
	margin-right: 10px;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;
}


div.pr-calculator .prc-tabmenu li a {
	display: block;
	background-color: transparent;
	border-radius: 13px;
	border: 2px solid #8cb9c3;
	line-height: 22px;
	min-height: 26px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	font-size: 12px;
 	font-family: DaxMedium;
	padding: 1px 15px 3px ;
	font-weight: 900;
	color: #8cb9c3;
}

div.pr-calculator .prc-tabmenu li a.active {
	background-color: #8cb9c3;
	color: #ffffff;
}

div.pr-calculator .prc-tabmenu li {
	margin-right: 20px;
}

/*
.highcharts-tooltip-box {
	fill: black;
	fill-opacity: 0.6;
	stroke-width: 0;
}

.highcharts-tooltip text {
	fill: white;
	text-shadow: 0 0 3px black;
}
*/

.cost-button {
	cursor: pointer;
	margin-left: 20px;
	font-family: DaxMedium;
}

.cost-button .checkmark {
	border-radius: 50%;
	height: 24px;
	width: 24px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	display: inline-block;
	position: relative;
	box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.2);
	margin-right: 5px;
}

.cost-button.active .checkmark:after {
	content: "";
	position: absolute;
	width: 14px;
	height: 14px;
	top: 4px;
	right: 4px;
	border-radius: 50%;
	background-color: #0f3f57;
}