.highcharts-figure, .highcharts-data-table table {
				margin: 1em auto;
			}
			
			.ajus{
			    height:350px;    
			}
			.ajus1{
			    height:50px;    
			}
			

			.highcharts-data-table table {
				font-family: Verdana, sans-serif;
				border-collapse: collapse;
				border: 1px solid #EBEBEB;
				margin: 10px auto;
				text-align: center;
				width: 100%;
				max-width: 500px;
			}
			.highcharts-data-table caption {
				padding: 1em 0;
				font-size: 1.2em;
				color: #555;
			}
			.highcharts-data-table th {
				font-weight: 600;
				padding: 0.5em;
			}
			.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
				padding: 0.5em;
			}
			.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
				background: #f8f8f8;
			}
			.highcharts-data-table tr:hover {
				background: #f1f7ff;
			}
			
			/* Remove the navbar's default margin-bottom and rounded borders */ 
			.navbar {
			  margin-bottom: 0;
			  border-radius: 0;
			}
			
			/* Set height of the grid so .sidenav can be 100% (adjust as needed) */
			.row.content {height: 450px}
			
			/* Set gray background color and 100% height */
			.sidenav {
			  padding-top: 20px;
			  background-color: #f1f1f1;
			  height: 100%;
			}
			
			/* Set black background color, white text and some padding */
			footer {
			  background-color: #555;
			  color: white;
			  padding: 15px;
			}
			
			/* On small screens, set height to 'auto' for sidenav and grid */
			
			.header-response {
			  display: flex;
			  align-items: center;
			  justify-content: center;
			  padding:20px 0px 20px 0px;
			}
			.header-desloc{
				padding:85px 0px 0px 0px;
			}

			.header-img {
				width: 420px; 
				height:34px;
			}
			.height-highcharts{
				height:565.59px;	
			}	
			.rosk-graph {
				height: 542.4px;
			}
			@media screen and (max-width: 767px) {
				.header-img {
					width: 250px; 
					height:20px;
				}
				.header-desloc{
					padding:58px 0px 0px 0px;
				}
				.nav-top-aj{
					height:30px;
				}

				.height-highcharts{
					height:500px;	
				}
				.corpo-response {
					margin-left: 1%;
					margin-right: 1%; 
				}
				.header-response {
				  display: flex;
				  align-items: center;
				  justify-content: center;
				  padding:12px 0px 7px 0px;
				}
				.rosk-graph {
					height: 100%;
				}
			}
			@media screen and (max-width: 310px) {
				.header-img {
					width: 90%; 
					height:90%;
				}
			}
			
			.corpo-response {
				max-width:1200px;
				margin-left: auto;
				margin-right: auto 
			}
			@media screen and (max-width: 1200px) {
				.corpo-response {
					margin-left: 3%;
					margin-right: 3%; 
				}
			}
			.fig1{
				width:69px;
				height:110px
			}
			.fig2{
				width:83px;
				height:110px
			}
			.fig3{
				width:150px;
				height:38px
			}
			.fig4{
				width:150px;
				height:75px
			}
			.fig0{
				width:88px;
				height:110px;
			}
			.fig6{
				width:92px;
				height:110px;
			}
			@media screen and (max-width: 600px) {
				.fig1{
					width:35px;
					height:55px
				}
				.fig2{
					width:41px;
					height:55px
				}
				.fig3{
					width:75px;
					height:16px
				}
				.fig4{
					width:75px;
					height:32px
				}
				.fig0{
					width:44px;
					height:55px
				}
				.fig6{
					width:46px;
					height:55px;
				}
			}
			.columnheight{
				height:50px;	
			}

			@media screen and (max-width: 900px) {
				.figlat{
					float:left;
				}
				.ajus{
				    height:100%;    
				}
			}
				.ajus1{
				    height:100%;    
				}
			}