.print-only {
    display: none;
}

/* Style the image for printing */
@media print {
    .print-only {
        display: block;
        position: fixed;
        top: 10%;
        left: 10%;
        /*transform: translate(-10%, -10%);*/
        width: 80%;
        text-align: center; 
		z-index: 50;
    }

    .print-image {
        max-width: 100%;
        height: auto;
    }
}

.pyramid {
	/*width: 1210px;*/
	margin-top: 0%;
	margin-bottom: 0%;
	/*padding-left: 15px;
	padding-right: 15px;*/
	margin-right: 0%;
	margin-left: 0%;
	width: 100%;
	/*height: 100%;*/
}
@media only screen and (min-width: 1100px) {
	.pyramid {
		margin-right: 5%;
		margin-left: 5%;
		width: 90%;
	/*height: 100%;*/
	}
}
@media only screen and (min-width: 1300px) {
	.pyramid {
		margin-right: 10%;
		margin-left: 10%;
		width: 80%;
	/*height: 100%;*/
	}
}
@media only screen and (min-width: 1500px) {
	.pyramid {
		margin-right: 15%;
		margin-left: 15%;
		width: 70%;
	/*height: 100%;*/
	}
}
@media only screen and (min-width: 1900px) {
	.pyramid {
		margin: 0 auto;
		width: 1300px;
	/*height: 100%;*/
	}
}

.innerPyramid {
	display: contents; 
}

.wrapper .is-active {
	color: #2c74b5;
}
 
.wrapper {
	display: grid; 
	grid-template-columns: repeat(/*15*/ 14, 1fr); 
	grid-template-rows: repeat(/*12*/ 9, 1fr);
	position: relative;
	/*width: 1210px;
	height: 820px;*/
	width: 100%;
	height: 100%;
}

.navServiceLanguage {
	display: none;
}

.pageHeader {
	grid-column: /*7/13*/ 2/8;
	grid-row:1/2;
	justify-self: center;
	align-self: center;
	width:100%;
	/*top: 20px;
	width: 1170px;
	padding-left: 40px;
	height: 30px;
	position: absolute;*/
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	display: flex;
	flex-direction:column;
}

.searchInput {
    width: 86%;  /* Adjust the width of the search input */
    padding-left: 4px;
	margin-left: 4%;
    margin-bottom: 5px;  /* Space between the search input and the select/button */
    border: 1px solid #ccc;
    border-radius: 8px;
    font-size: 14px;
}

.controls {
    display: flex;
    justify-content: space-between;  /* Space between dropdown and button */
}

.pageHeader select {
	width:86%;
	padding: 2px;
	padding-left:2%;
	margin-left: 4%;
	border: 1px solid #ccc;
	border-radius: 8px;
	background-color: white;
	font-size: /*14px*/ 16px;
	color: #333;
	cursor: pointer;
}

.wrapper h3 {
	font-size: /*14px*/ 16px;
}

.wrapper h4 {
	font-size: /*12px*/ 14px;
	margin-top: /*12px*/ 14px;
	margin-bottom: 8px
}

.easel {
	grid-column: /*6/14*/ 1/9;
	grid-row: /*2/12*/ 2/10;
	/*justify-self: center;
	align-self: center;*/
	width: 100%;
	height: 100%;
	/*object-fit:contain;
	top: 60px;
	width: 710px;
	height: 674px;*/
	position: absolute;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	display: flex;
}

.easel p {
	margin: 0;
	padding:0.5em 0;
	/*padding-top: 200px;
	padding-left: 100px*/
}

.easel .spinner {
	font-size: 24px
}

.easel .fineprint {
	font-size: /*14px*/ 16px;
}

#dashBoard {
	/*grid-column: 1/6;
	grid-row: 4/9;
	justify-self: center;
	align-self: center;*/
	/*top: 100px;
	left: 810px;
	height: 670px;
	width: 400px;
	position: absolute;*/
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	/*display: grid; 
	grid-template-columns: 1fr; 
	grid-template-rows: 1fr, 1fr;*/
}

#variantBox #variantSelection {
	font-size: /*12px*/ 14px;
	margin-top: 4px;
	margin-bottom: 2px;
	margin-left: 2px;
	display: none;
}

#variantBox {
	font-size: /*13px*/ 15px;
	top: 36px;
	left: 60px;
	position: absolute;
}

#variantBox input {
	margin-right: 7px;
}

#assumptions {
	font-size: /*12px*/ 14px;
	top: 178px;
	left: 60px;
	position: absolute;
	display: none;
}

#assumptions ul {
	margin-top: 6px;
	margin-bottom: 0;
	padding-left: 24px;
}

#assumptions li {
	line-height: 140%;
	padding-bottom: 6px;
}

.altQ,
.strutQ, 
.oldQ, 
.media {
	border-bottom: 1px dotted #000;
	/*cursor: help;*/
	font-weight: bold;
}

#copyright {
	width: 1210px;
	top: 760px;
	position: absolute;
}

#copyright p {
	font-size: /*11px*/ 13px;
	text-align: right;
	margin: 0;
}

.data {
	font-size: /*12px*/ 14px;
	/*margin-bottom: 40px;*/
	grid-column: /*1/6*/ 10/15;
	grid-row: /*6/9*/ 4/8;
	justify-self:center;
	align-self:center;
}

.wrapper table {
	margin-bottom: 5px;
	text-align: right;
	border-collapse: collapse;
}

.tAge {
	width: 68px;
	padding-right: 24px;
	font-weight: bold;
}

.tMill {
	width: 96px;
	font-weight: bold;
}

.tRatio {
	width: 90px;
	font-weight: bold;
}

.tTotal {
	font-weight: bold;
}

.wrapper td {
	padding-top: 7px;
	padding-bottom: 5px;
}

.wrapper tr.above>td {
	border-top: 1px solid #000;
}

.wrapper .middle {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

.ageLimitTxt {
	border-right: 8px solid #fff;
}

.ageLimitTxt {
	padding-right: 16px;
}

#footer {
	width: 100%;
}

#footer p {
	margin: 0;
	font-size: /*11px*/ 13px;
}

.wrapper .embed {
	color: #00f;
	left: 65px;
	float: left;
	position: relative;
}

#embedLink {
	display: none;
}

#copyright .centerGraph {
	text-align: center;
	left: 290px;
}

.wrapper a {
	padding-bottom: 2px;
	border-bottom: 2px solid #666666;
	color: #666666;
	font-weight: 700;
	text-decoration: none;
	letter-spacing: .75px;
	text-transform: uppercase;
}

.wrapper a:active,
.wrapper a:focus,
.wrapper a:hover {
	border-color: transparent;
	text-decoration: none;
}

.flushRight {
	right: 15px;
	float: right;
	position: relative;
}

#ageLimitControl { /*switch button*/
	/*top: 590px;
	left: 66px;*/
	grid-column: /*2/5*/ 11/14;
	grid-row: /*4/6*/ 2/4;
	justify-self: center;
	align-self: center;
	margin-bottom: 10px;
	margin-top:10px;
}

#ageLimitControl p {
	font-size: /*12px*/ 14px;
	margin-top: 6px;
	margin-bottom: 6px;
	
	display: flex;
	flex-direction: column; /* Stack children vertically */
	align-items: center; /* Center align both the checkbox and text */
}


/* PrintExport div placement */
.print-export-container {
    grid-column: 10 / 15; /* From column 10 to 15 */
    grid-row: 1 / 2; /* From row 1 to 2 */
    display: flex; /* Align buttons horizontally */
    justify-content: center; /* Center buttons horizontally */
    align-items: center; /* Center buttons vertically */
    gap: 15px; /* Space between buttons */
}

/* Minimal icon button styles */
.icon-button {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    background-color: #e0e0e0; /* Light gray background */
    color: #555555; /* Dark gray icon color */
    font-size: 18px;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.icon-button:hover {
    background-color: #b0b0b0; /* Slightly darker gray on hover */
    color: #000000; /* Darker icon color on hover */
}

/* Tooltip styles */
.tooltip {
    position: absolute;
    bottom: -30px; /* Adjust position */
    background-color: #333333; /* Dark tooltip background */
    color: #ffffff; /* White text color */
    font-size: 12px;
    padding: 5px 8px;
    border-radius: 5px;
    opacity: 0;
    visibility: hidden;
    white-space: nowrap;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 10;
}

.icon-button:hover .tooltip {
    opacity: 1;
    visibility: visible;
}


#legend {
	grid-column: /*14/15*/ 9/10;
	grid-row: 1/2;
	height: 80%;
	width: 100%;
	/*top: 50px;
	left: 50px;*/
	display: flex;
    flex-direction: column;
    justify-content: center;  /* Vertically center items */
    align-items: center;  /* Horizontally center items */
    text-align: center;  /* Center the text */
    position: absolute;
	bottom: 0;
}

#legend text {
	top: 0;
	padding-left: 3px;
	padding-right: 3px;
	font-size: /*12px*/ 14px;
	cursor: pointer;
}

#legend svg {
	max-height: 70%;
	width: 100%;
}

.mini {
	fill: #333;
	pointer-events: none;
}

.Year {
	font-weight: 700;
	font-size: /*11px*/ 13px;
}

.Variant {
	font-size: /*10px*/ 12px;
}

svg {
	overflow: hidden;
	font: 10px;
	text-anchor: middle;
	/*position: absolute;*/
}

.x.axis path {
	display: none
}

.x.axis line {
	stroke: #f7f7f7;
	stroke-opacity: .3;
	shape-rendering: crispEdges;
}

.xAxisLabel {
	font-size: /*11px*/ 17px;
	fill: #333;
}

.wrapper .title {
	font-size: 36px;
	font-weight: 700;
	fill: #333;
}

.wrapper .titlePop {
	font-size: 17px;
	font-weight: 700;
	fill: #333;
}

.wrapper .subtitle {
	font-size: /*13px*/ 15px;
	font-weight: 400;
	fill: #333;
}

.loadingDiv{
	display: flex;
    flex-direction: column; /* Stack the title and subtitle vertically */
    justify-content: center; /* Center content vertically */
    align-items: center; /* Center content horizontally */
}

#yearDiv{
	grid-column: /*14/15*/ 9/10;
	grid-row: 2/3;
	/*text-anchor:middle;*/
	display: flex;
    flex-direction: column; /* Stack the title and subtitle vertically */
    justify-content: center; /* Center content vertically */
    align-items: center; /* Center content horizontally */
    /*text-align: center; /* Center text */
    height: 100%; /* Ensure it takes full height of the parent grid cell */
    width: 100%; /* Ensure it takes full width of the parent grid cell */
	position: absolute;
	/*overflow: visible;*/
	padding-bottom: 13%;
}

#yearDiv .title {
	/*position: absolute;
	text-align: center;*/
	font-size: 36px;
	font-weight: 700;
	fill: #333;
	white-space: nowrap;
	/*overflow: visible;*/
	line-height: 1;
}

#yearDiv .titlePop {
	font-size: 17px;
	font-weight: 700;
	fill: #333;
	white-space: nowrap;
}

#yearDiv .subtitle {
	/*position: absolute;
	text-align: center;*/
	font-size: /*13px*/ 15px;
	font-weight: 400;
	fill: #333;
	white-space: nowrap;
	/*overflow: visible;*/
}


.birthyear {
	font-size: 8px;
	fill: #fff;
}

.hoverBirthYear {
	pointer-events: none;
	font-size: /*12px*/ 14px;
	fill: #fff;
	text-shadow: 1px 1px 2px #333;
}

.age {
	fill: #333;
	font-weight: 700;
	font-size: /*12px*/ 14px;
}

.ageLimit {
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: /*12px*/ 14px;
	line-height: 1px;
	font-weight: 700;
	position: absolute;
	left: -7px;
	z-index: 10;
	pointer-events: none;
}

.symmetry {
	pointer-events: none;
	fill-opacity: .25;
	fill: #fff;
}

.envelopeCurve {
	fill: none;
	stroke: #333;
	stroke-width: 1.5px;
	stroke-linejoin: bevel;
	pointer-events: none;
}

.miniCurve {
	stroke-width: 20px;
	pointer-events: none;
}

.swoosh {
	stroke: #fd484e;
	stroke-width: 5;
	fill: none;
}

.nick {
	font-weight: 400;
	padding-left: 6px;
}

/*
#yearDiv img {
    width: 100%;
    height: 100%;
    object-fit: contain; /* Maintain aspect ratio 
}*/

#leggendaDiv { /*MONIKA REMOVE OR PUT AGAIN IF NEEDED*/
	display: none;
	grid-column: 2/5;
	grid-row: 2/4;
}

#legendCanvas {
	height: 100%;
	width: 100%;
}

.boxChartDiv {
	grid-column: /*1/6*/ 10/15;
	grid-row: /*9/12*/ 8/10;
	display: flex;
	padding: 20px;
	padding-bottom: 40px;
	padding-top: 40px;
}

.boxChartDiv svg {
	border-radius: 10px;
}

#compareDiv {
	grid-column: /*15/16*/ 8/9;
	grid-row: /*6/8*/ 1/2;
	display: none;
}

#playDiv {
	grid-column: /*14/15*/ 9/10;
	grid-row: /*11/12*/ 9/10;
	width:100%;
	height:100%;
	position: absolute;
	
}

.play-pause-button {
	/*visibility: hidden; /* Or use opacity: 0; */
	width: 100%; /* Define the width and height of the icon */
	height: 100%;
	cursor: pointer; /* Make the icon clickable */
	position: relative; /* Position the button anywhere on the page */
	display: flex;           /* Enables flexbox */
    justify-content: center; /* Centers horizontally */
    align-items: center;     /* Centers vertically */
}

.play-pause-button:hover .tooltip {
    opacity: 1;
    visibility: visible;
}

/* Ensure the icon is centered */
.play-pause-button i {
	color: #c3c3c3; /* Set the icon color */
	font-size: 3em;
}

/* .compare-button { */
	/* /*visibility: hidden; /* Or use opacity: 0; */ 
	/* width: 100%; /* Define the width and height of the icon */ 
	/* height: 100%; */
	/* cursor: pointer; /* Make the icon clickable */ 
	/* /*position: absolute; /* Position the button anywhere on the page */ 
	/* display: flex;           /* Enables flexbox */ 
    /* justify-content: center; /* Centers horizontally */ 
    /* align-items: center;     /* Centers vertically */ 
/* } */

/* /* Ensure the icon is centered */ 
/* .compare-button i { */
	/* color: #c3c3c3; /* Set the icon color */ 
	/* font-size: 25px; */
/* } */

.compare-button {
	/*visibility: hidden; /* Or use opacity: 0; */
	width: 10%; /* Define the width and height of the icon */
	cursor: pointer; /* Make the icon clickable */
	display: flex;           /* Enables flexbox */
    justify-content: center; /* Centers horizontally */
    align-items: center;     /* Centers vertically */
	position: relative;
	background-color: #ffffff;
	border: none;
	transition: background-color 0.3s ease, color 0.3s ease;
}
.compare-button:hover .tooltip {
    opacity: 1;
    visibility: visible;
}

/* Ensure the icon is centered */
.compare-button i {
	color: #c3c3c3; /* Set the icon color */
	font-size: 25px;
}


.question-button {
	/*visibility: hidden; /* Or use opacity: 0; */
	/*width: 5%; /* Define the width and height of the icon */
	cursor: pointer; /* Make the icon clickable */
	/*display: flex;           /* Enables flexbox */
    justify-content: center; /* Centers horizontally */
    align-items: center;     /* Centers vertically */
	position: relative;
	background-color: #ffffff;
	border: none;
	padding: 0;
	/*transition: background-color 0.3s ease, color 0.3s ease;*/
}

.question-button .tooltip {
    position: absolute;
    bottom: 110%; /* Adjust position above the button */
    transform: translateX(-95%);
    background-color: rgba(0, 0, 0, 0.7); /* Semi-transparent black background */
    color: #fff; /* White text */
    font-size: 1 rem; /* Smaller font size */
    padding: 5px 10px; /* Padding for the tooltip text */
    border-radius: 5px; /* Rounded corners */
    /*white-space: nowrap; /* Prevent line breaks */
    text-align: center; /* Center align the text */
    visibility: hidden; /* Hide by default */
    opacity: 0; /* Fully transparent */
    transition: opacity 0.3s ease; /* Smooth fade-in effect */
    z-index: 200;
}


.question-button .tooltip.visible {
    visibility: visible;
    opacity: 1;
}

.question-button .tooltip.adjust-left {
    transform: translateX(0); /* Align to the left */
}

.question-button .tooltip.adjust-right {
    transform: translateX(-100%); /* Align to the right */
}

.question-button .tooltip.adjust-left.adjust-right {
    white-space: normal; /* Permette il testo su più righe */
    text-align: left;    /* (Opzionale) Allinea il testo a sinistra */
    width: 40vw;         /* (Opzionale) Consente al tooltip di adattarsi al contenuto */
    /*max-width: 120vw;    /* Limita la larghezza massima per evitare tooltip troppo larghi */
}

/*.question-button:hover .tooltip {
    opacity: 1;
    visibility: visible;
}*/

/* Ensure the icon is centered */
.question-button i {
	color: #c3c3c3; /* Set the icon color */
	font-size: 12px;
}


.search-button {
	/*visibility: hidden; /* Or use opacity: 0; */
	width: 10%; /* Define the width and height of the icon */
	height:100%;
	cursor: pointer; /* Make the icon clickable */
	display: flex;           /* Enables flexbox */
    justify-content: center; /* Centers horizontally */
    align-items: center;     /* Centers vertically */
	position: relative;
	background-color: #ffffff;
	border: none;
	transition: background-color 0.3s ease, color 0.3s ease;
}
.search-button:hover .tooltip {
    opacity: 1;
    visibility: visible;
}

/* Ensure the icon is centered */
.search-button i {
	color: #c3c3c3; /* Set the icon color */
	font-size: 25px;
}


#sliderHolder {
	grid-column: /*14/15*/ 9/10;
	grid-row: /*4/11*/ 3/9;
	justify-self: center;
	align-self: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	height: 100%;
	/*left: 722px;
	top: 100px;*/
	position: absolute;
}

#sliderHolder a {
	padding-bottom: initial;
}

.tick text {
	-moz-user-select: none;
	font-size: 1em;
	/*font-size: .8em;*/
}

.d3-slider {
	position: relative;
	font-size: /*1.1em*/ 1.3em;
	background: #c3c3c3;
	border-radius: 15px;
	z-index: 2;
}

.d3-slider-range-vertical {
	background: 0 0;
	left: 0;
	right: 0;
	position: absolute;
	top: 0;
}

.d3-slider-vertical {
	width: .6em;
	height: 100px;
}

.d3-slider-handle {
	cursor: pointer;
	position: absolute;
	width: 1.1em;
	height: 1.1em;
	border-bottom: inherit;
	border-radius: 15px;
	background: #2c74b5;
	z-index: 3;
}

.ageSliderHolder {
	height: 100%;
	align-self: center;
	justify-self:center;
	display: none;
	border: 0;
	position: absolute;
}

.ageSliderHolder.d3-slider {
	background: inherit;
}

.ageSliderHolder .d3-slider-range-vertical {
	background: 0 0;
}

.ageSliderHolder .d3-slider-handle {
	width: 130px;
	margin-bottom: -.35em;
	height: 15px;
	left: -65px;
	cursor: row-resize;
	background: #333;
}

.d3-slider-axis {
	position: relative;
	z-index: 1;
}

.d3-slider-axis-right {
	left: .8em;
	pointer-events: none;
}

.d3-slider-axis path {
	stroke-width: 0;
	fill: none;
}

.d3-slider-axis line {
	fill: none;
	stroke: #333;
	shape-rendering: crispEdges;
}

.d3-slider-axis text {
	font-size: 13px;
	/*font-size: 11px;*/
}

#sliderHolder .d3-slider-handle {
	left: -.25em;
	margin-left: 0;
	margin-bottom: -.6em;
}

/* @media print { */

	/* .ageSliderHolder, */
	/* .d3-slider-handle, */
	/* .noPrint, */
	/* .symmetry { */
		/* display: none; */
	/* } */

	/* .females, */
	/* .males, */
	/* .x.axis line { */
		/* stroke: #fff; */
		/* stroke-opacity: 1; */
		/* stroke-width: .2pt; */
		/* shape-rendering: crispEdges; */
	/* } */

	/* a { */
		/* color: #000; */
	/* } */
/* } */
	

.spinner {
	-webkit-animation: moveMe 10s infinite linear;
	animation: moveMe 10s infinite linear;
}

@-webkit-keyframes moveMe {
	0% {
		-webkit-transform: translate(0);
	}

	50% {
		-webkit-transform: translate(300px);
	}

	100% {
		-webkit-transform: translate(0);
	}
}

@keyframes moveMe {
	0% {
		transform: translate(0);
	}

	50% {
		transform: translate(300px)
	}

	100% {
		transform: translate(0);
	}
}

.wrapper figure {
	padding: 0;
	margin: 0;
}

#copyright .logo a {
	margin: inherit;
	padding: inherit;
	border: inherit;
	color: inherit;
	font-weight: inherit;
	text-decoration: none;
	letter-spacing: inherit;
	text-transform: inherit;
}

.wrapper input[type=radio] {
	margin-top: -1px;
	vertical-align: middle;
}

.wrapper fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

.fourty {
	width: 40%;
}

.fourty.left {
	margin-top: 18px;
}

/*.sixty {
	width: 60%;
}*/

.wrapper .left {
	float: left;
}

.wrapper .right {
	float: right;
}

#variantBox label {
	display: inline-block;
}

#variantBox span {
	display: inline-block;
	width: 55px;
}

.switch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 25px;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #c3c3c3;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 19px;
	width: 19px;
	left: 3px;
	bottom: 3px;
	background-color: #fff;
	-webkit-transition: .4s;
	transition: .4s;
}

.wrapper input:checked+.slider {
	background-color: #2c74b5;
}

.wrapper input:checked+.slider:before {
	-webkit-transform: translateX(15px);
	-ms-transform: translateX(15px);
	transform: translateX(15px);
}

.slider.round {
	border-radius: 15px;
}

.slider.round:before {
	border-radius: 50%;
}

.ui {
	cursor: pointer;
}

.wrapper .bold {
	font-weight: 700;
}

.assumptionG,
.assumptionL,
.assumptionW {
	font-weight: 400;
}


.xl {
	display: block;
}

@media screen and (max-width: 700px) {
	.xl {
		display: none;
	}
	.birthyear text {
		fill: none;
	}
	.pyramid {
		/*background-color: red;*/
	}
	
	.wrapper {
		display: grid; 
		grid-template-columns: repeat(4, 1fr); 
		grid-template-rows: repeat(16, 1fr);
		position: relative;
		/*width: 1210px;
		height: 820px;*/
		width: 100%;
		height: 100%;
	}
	
	.pageHeader {
		grid-column: 1/5;
		grid-row: 1/2;
		margin-left: 10%;
		margin-right: 10%;
		width: 80%;
	}
	
	.pageHeader select {
		font-size: 16px;
	}
	
	.easel {
		grid-column: 1/5;
		grid-row: 2/7;
	}
	
	#compareDiv {
		margin-left: 40%;
		grid-column: 4/5;
		grid-row: 1/2;
	}
	.compare-button i {
		font-size: 22px;
	} 
	
	.print-export-container {
		grid-column: 1 / 5; /* From column 10 to 15 */
		grid-row: 8 / 9; /* From row 1 to 2 */
	}
	
	.boxChartDiv {
		grid-column: 1/5;
		grid-row: /*10/13*/ 15/17;
		padding: 20px;
	}
	
	#ageLimitControl {
		display: flex;
		width: 100%;
		grid-column: 1/5;
		grid-row: 9/10;
	}
	
	#ageLimitControl p {
		width: 50%;
	}
	
	.data {
		grid-column: 1/5;
		grid-row: /*13/17*/ 10/15;
		/*width: 80%;
		margin-left: 10%;
		margin-right: 10%;*/
	}
	
	#leggendaDiv {
		display: none;
	}
	
	.tAge {
		width: 30%;
	}

	.tMill {
		width: 35%;
	}

	.tRatio {
		width: 35%;
	}
	
	.age {
		font-size: 12px;
	}
	
	.tick text {
		display: none;
		font-size: 14px;
	}
	
	#copyright { /*da cambiare*/
		width: 512px;
		top: 835px;
	}
	
	.wrapper td {
		padding-top: 3px;
		padding-bottom: 4px;
	}
	
	.ageLimit {
		font-size: 12px;
		line-height: 6px;
		transform: translateX(-50%);
	}
	
	.ageLimitTxt {
		border-right-width: 4px;
	}
	
	#sliderHolder {
		grid-column: 2/4;
		grid-row: 7/8;
		margin-bottom: 0px;
		justify-self: center;
		align-self: center;
		-webkit-user-select: none;
		-moz-user-select: none;
		user-select: none;
		width: 100%;
		height: .6em;
		position: absolute;
	}

	#sliderHolder a {
		top: -3px;
		transform: translate(-10px);
	}
	
	.d3-slider-range-horizontal {
		background: 0 0;
		left: 0;
		right: 0;
		position: absolute;
		top: 0;
	}

	.d3-slider-horizontal {
		height: .6em;
	}
	
	#playDiv {
		grid-column: 1/2;
		grid-row: 7/8;
	}
	
	#yearDiv{
		grid-column: 4/5;
		grid-row: 7/8;
	}
	
	#yearDiv .subtitle {
		display: none;
	}

	#yearDiv .title {
		font-size: 24px;
	}
	#yearDiv .titlePop {
		font-size: 15px;
		font-weight: 400;
	}
	
	#legend {
		display: none;
	}
	
	.ageSliderHolder {
		height: auto;
	}
	
	.ageSliderHolder .d3-slider-handle {
		width: 15px;
		margin-bottom: -.35em;
		height: 80px;
		left: -65px;
		cursor: row-resize;
		background: #333;
		transform: translate(-7px, -37px);
	}
}