/*PERFORMANCE CHART - HIDE JS-LIBRARY LOGO*/
.performance-charts .adm-chart .amcharts-chart-div a[title="JavaScript charts"],
.adm-form .adm-chart .amcharts-chart-div a[title="JavaScript charts"]{
	opacity:0;
	display:none;
	visibility:hidden;
}

/* CSS Document */
.amcharts-chart-div a[title="JavaScript charts"]{
	opacity:0;
	display:none;
	visibility:hidden;
}
#adm_chart{
  /*width: 59%;*/
  width: 75%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
  clear:both;
  position: relative;
}
/* Chart Balloon Colors*/
.amcharts-balloon-div :first-child{
  background-color: #FFFFFF;
  opacity: 0.7;
  padding: 3px;
  border-radius: 2px;
}
.amcharts-balloon-div.amcharts-balloon-div-g1 :first-child{
  color: #4A72B8;

}
.amcharts-balloon-div.amcharts-balloon-div-g2 :first-child{
  color: #EEB111;

}
.amcharts-balloon-div.amcharts-balloon-div-g3 :first-child{
  color: #859E62;

}
/*Gray lines on left and right side of graph*/
.graph-border{
    position: absolute;
    border-left-width: 10px;
    border-left-style: solid;
    border-left-color: #B7B5B2;
    border-right-width: 10px;
    border-right-style: solid;
    border-right-color: #B7B5B2;
    height: 50.65%;
    opacity: 0;
    width: 0px;
    -webkit-transition: all 1s 0s ease;
    -moz-transition: all 1s 0s ease;
    -ms-transition: all 1s 0s ease;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    left: calc(50% + 30px);

}
.graph-border-end{
    opacity: 1;
}
.small-graph{
  height: 30.55%;
  margin-top:49.5px;
}

/*Chart Legend*/
.legend-wrapper{
  clear:both;
  padding-bottom: 3%;
  max-width:71%;
  margin: 0 auto;
  padding-left: 60px;
}
#performance-chart .legend-wrapper {
  margin: 3.5rem auto 0;
  padding-bottom: 1rem;
}
.chart-legend{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  ms-flex-direction: row;
  -ms-flex-direction: row;
      flex-direction: row;
  text-align: center;
}
.legend-item{
  text-align: left;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.legend-item p{
  display: inline-block;
  vertical-align: middle;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  font-size: 11px;
  color: #807E82;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}
.color-block{
  max-width: 13%;
  height: 17px;
  margin-right: 4%;
  display: inline-block;
  vertical-align: middle;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}



/* Chart title */
.adm_chart_title_contain{
  max-width:71%;
  text-align: center;
  margin: 1em auto 35px;
}
.adm_chart_title{
  clear: both;
  text-align: center;
  padding-left: 60px;
  margin:0;
}
.chart-title-item{
  display:inline-block;
  padding-right: 1.2%;
  padding-left: 1.2%;
  border-right: 2px solid #807E82;
  font-weight:bold;
  font-size: 12px;
  line-height: 15px;
  color: #807E82;
}
.single-title-item{
  font-size: 12px;
  line-height: 15px;
  color: #807E82;
}
.adm_chart_title :last-child{
  padding-right: 0;
  border-right: none;
}
.adm_chart_title .chart-title-item:first-child{
  padding-left: 0;
}
.bold{
  font-weight: bold;
}
.panel-two-title{
  text-align: center;
  position: absolute;
	left: 48%;
	top: 57%;
}
.amChartsPanel, .amcharts-chart-div  {
	overflow: visible !important;
	overflow-x: hidden;
}

.amChartsPanel, .amcharts-chart-div g text{
	fill: #807E82;
}
.amChartsPanel, .amcharts0chart-div g g .amcharts-graph-smoothedLine{
	fill: deeppink !important;
}
.amcharts-balloon-div-categoryAxis{

	top: -25px !important;

}
.amcharts-balloon-div-categoryAxis :first-child{
	background-color: #B7B5B2;
	opacity: 1;
	padding: 3px;
	border-radius: 2px;
	color: #ffffff;
}
.amcharts-stock-panel-div-stockPanel1{
	margin-top: 45px;
}
@media screen and (max-width: 1080px){
  .color-block{
    height: 14px;
  }
  .chart-legend{
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .legend-item{
    width: 40%;
    display: inline-block;
    padding-top:5px;
  }
  .legend-item p {
    font-size:12px;
	line-height: 12px;
  }
}
@media (max-width: 768px){
  #adm_chart{
    width: 90%;
  }
  .adm_chart_title_contain,
  .legend-wrapper{
    max-width: 90%;
  }
  .chart-legend{
    display: inline-block;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-top:15px;
  }
  .adm_chart_title{
    padding-left: 0;
  }
  .chart-title-item:nth-last-child(2){
	border-right:none;
  }
  .legend-item{
    width: 50%;
    display: inline-block;
  }
  .legend-item p {
    font-size:12px;
	line-height: 12px;
  }
  .color-block{
    height: 17px;
  }
}
@media (max-width: 525px){
  .legend-item{
    width: 100%;
  }
  .legend-wrapper{
    /*width: 75%;*/
    width:180px;
    padding-left:25%;
  }
  .chart-legend{
    padding-top:40px;
  }
}
@media (max-width: 414px){
  #adm_chart{
    width: 95%;
    margin-left: -1%;
  }

}
@media (max-width: 375px){
  .small-graph{
    margin-top:32.5px
  }
  .chart-title-item{
    font-size: 10px;
  }
  .panel-two-title{
    font-size: 10px;
    padding-left: 10%;
 	margin-top: 24px;
  }
}
.amcharts-export-menu{
	position: static;
	opacity: 1;
}
