.container_chart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  font-weight: bold;
  text-align: left;
  color: black;
  /*height: 100vh;*/


}

#main-chart {
    display: -webkit-box;
    display: -ms-flexbox; 
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    width: 100vw;
    height: calc(100vh -180px);
    border: solid #E5E5E5 1px;
  	font-weight: bold;
  	font-size: 2em;
  	text-align: center;
  	-webkit-box-flex:1;
  	    -ms-flex:1;
  	        flex:1;
  	position: relative;
  	/*max-width: 100%;*/
  	/*Internet Explorer*/


  	   

}


/*.ContainernewsPresentationStyles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
        -ms-flex-flow:row nowrap;
            -webkit-box-orient:horizontal;
            -webkit-box-direction:normal;
                flex-flow:row nowrap;
    -webkit-box-pack:end;
        -ms-flex-pack:end;
            justify-content:flex-end;
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
    width: 100%;
    flex:1;

}

*/
#newsPresentationStyles{
	z-index: 1;
	padding: 30px 30px 0px 30px;
	font-weight: bold;
	background: rgba(255,255,255,0.9);
	position: absolute;
	top:0;
	right:0;
	display: block;
	font-size: 15px;

}

.copyright {
	z-index: 1;
	position: absolute;
	top: 0;
	left:0;
	width: 300px;
	word-wrap: normal;
	height: auto;
	padding: 30px 30px 0px 30px;
	text-align: left;
	
}

.copyright p a {
	font-size: 11px;
	display: inline-block;


	
}

.whiteout {
	width: 100%;
	background-color: white;
	height: 100px;
	position: absolute;
	top: 0;
	left: -1px;
}
#newsPresentationCharts{
	width: 100%;
	height: 100%;
}

#newsPresentationList{
	text-align: left;
	overflow: scroll;
	/*height: calc(100% - 60px);*/
	padding:100px 50px 0px 50px;
	width: 100%;
	max-height: calc(100vh - 180px);


}

.newsListItem{
	text-overflow: ellipsis;
}

.chartHeader{
	top: 0;
	left: 0;
	z-index: 1;
	background: rgba(255,255,255,0.9);
	width: 100%;
}

.chartContainer{
 -webkit-box-flex: 1;
     -ms-flex: 1;
         flex: 1;
    white-space: nowrap;
    height: 100%;
    margin: 30px;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;


    
}

.chartContainer h2 {
	text-align: center;
}

.chartSmall {
	width: 100px;
	height: 100px;
	margin-bottom: 10px;
	cursor: pointer;
	-webkit-transition:all ease 0.25s;
	transition:all ease 0.25s;	
	margin-bottom: 1rem;


}

.chartSmall:hover .chartText{
	border-color: rgb(234,91,12);
}

.chart { 
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
    height:100%;
}

.chartContainer .chart {
	width: 50%;
    /*height: 50%; */
    min-height: 450px;
    margin: 6.475em auto;

}


#chartPoints{
}

.chartDisabler {
	width: 100%;
    height: 100%;  
    top: -3.7rem;
    left: 0;
    position: relative;
    z-index: 2;

}

.chartText {
	width: 100%;
    left: 0;
    z-index: 3;
    text-align: center;
    font-weight: regular;
    -webkit-transition:all ease 0.25s;
    transition:all ease 0.25s;
    position: relative;
    top: -4rem;

    
}

.more-charts {
	border: solid #E5E5E5 1px;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 140px;
	        flex: 0 0 140px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex:1;
	    -ms-flex:1;
	        flex:1;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-flow:column nowrap;
	        flex-flow:column nowrap;
	padding: 10px;
	overflow: auto;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	        /*Internet Explorer*/


}

.more-charts {
	border: solid #E5E5E5 1px;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 140px;
	        flex: 0 0 140px;
	-webkit-flex-grow: 0; /* Safari 6.1+ */
    -webkit-flex-shrink: 0; /* Safari 6.1+ */
    -webkit-flex-basis: 140px; /* Safari 6.1+ */       
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-flow:column nowrap;
	        flex-flow:column nowrap;
}



.legend .color{
	width: 1em;
	height: 1em;
	display: inline-block;
	border-radius: 0.5em;
	border: 0px solid gray;
}

/*.active{
	background: #95cd75 !important;
}*/

.variables {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 285px;
	        flex: 0 0 285px;
	-webkit-flex-grow: 0; /* Safari 6.1+ */
    -webkit-flex-shrink: 0; /* Safari 6.1+ */
    -webkit-flex-basis: 285px; /* Safari 6.1+ */
	border: solid #E5E5E5 1px;
	border-left: none;
	border-right: none;
	padding:15px;
	/*max-width:100%;*/
	-webkit-transition: padding-left .25s linear;
	transition: padding-left .25s linear;
	-webkit-transition: padding-right .25s linear;
	transition: padding-right .25s linear;
	
}

.container_chart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  font-weight: bold;
  text-align: left;
  color: black;
  height:100%;


}

@media only screen and (max-width: 1024px) and (min-width: 414px) {

.container_chart {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	        

}




.variables {
	-webkit-box-ordinal-group:2;
	    -ms-flex-order:1;
	        order:1;
	width: 100vw;
	/*display: table-cell;*/

}

#main-chart {
	-webkit-box-ordinal-group:4;
	    -ms-flex-order:3;
	        order:3;
	        border: none;
}

.more-charts {
	-webkit-box-ordinal-group:3;
	    -ms-flex-order:2;
	        order:2;
	/*display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex:1;
	    -ms-flex:1;
	        flex:1;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-flow:column wrap;
	        flex-flow:column wrap;
	padding: 10px;
	overflow: auto;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;*/
	        display: -webkit-box;
	        display: -ms-flexbox;
	        display: flex;
	        -webkit-box-orient:horizontal;
	        -webkit-box-direction:normal;
	            -ms-flex-flow:row nowrap;
	                flex-flow:row nowrap;
	        overflow: scroll;
	        width: 100vw;

}



}

@media only screen and (max-width: 414px) {

.container {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;


}


	.variables {
	-webkit-box-ordinal-group:2;
	    -ms-flex-order:1;
	        order:1;
	       /* display: table-cell;*/
	        width: 100vw;
}

#main-chart {
	-webkit-box-ordinal-group:4;
	    -ms-flex-order:3;
	        order:3;
	        border: none;
}

.more-charts {
	-webkit-box-ordinal-group:3;
	    -ms-flex-order:2;
	        order:2;
	/*display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex:1;
	    -ms-flex:1;
	        flex:1;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-flow:column wrap;
	        flex-flow:column wrap;
	padding: 10px;
	overflow: auto;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;*/

	        display: -webkit-box;

	        display: -ms-flexbox;

	        display: flex;
	        -webkit-box-orient:horizontal;
	        -webkit-box-direction:normal;
	            -ms-flex-flow:row nowrap;
	                flex-flow:row nowrap;
	        overflow: auto;
	        width: 100vw;
}


#newsPresentationList {
	padding:60px 20px 0px 20px;
}





	}

 /*   -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(black));
    background: linear-gradient(to bottom, white, black);
}*/