/*Unemployment chart*/

 #Sensex-and-Unemployment {
   position: relative;
 }
.UNEMPLOYMENT_RATE, .SENSEX
{
	background-color:#d6de21;height: 10px;
    width: 15px;
    display: inline-block;
    margin-right: 10px;
    box-shadow: 0 2px 4px rgb(0 0 0 / 66%);
}
.UNEMPLOYMENT_RATE
{
	background-color:#0a3262;
}
.SENSEX
{
	background-color:#e2a807;
}
div.tooltip-mycircle
{
	position: absolute;
   text-align: left;
   color: #fff;
   padding: 5px;
   background: #e2a807;
   border: 0px;
   border-radius: 2px;
   pointer-events: none;
   border-left: #fff 3px solid;
   box-shadow: 0 0px 20px rgba(0, 0, 0, 0.34);
}
div.tooltip-unemployement
{
	position: absolute;
   text-align: left;
   color: #fff;
   padding: 5px;
   background: #165f70;
   border: 0px;
   border-radius: 2px;
   pointer-events: none;
   border-left: #000 3px solid;
   box-shadow: 0 0px 20px rgba(0, 0, 0, 0.34);
}
.legend2{
    float: right;
    line-height: 25px;
    font-size: 14px;
    display: table;
 
   }
   .source-text{
      color: #165f70;
      line-height: 17px;
      margin-right: 2px;
      font-weight: 700;
 
   }
  

 .legend1 {
        display: flex;
    padding: 2px;
    color: #000;
    line-height: 15px;
    margin-right: 30px;
 }
 .legend {
   margin-right: 20px;
 }


 #Sensex-and-Unemployment .legend-GDP .legend1 {
   margin-right: 60px;
 }

 .legend1 p:last-child {
   margin-bottom: 0;
 }
 .legend-chart h3 {
   margin-top: 0;
   color: #000;
   margin-bottom: 6px;
   font-size: 14px;
   font-weight: 600;
   text-transform: uppercase;
 }
 .legend-text {
    line-height: 13px;
    display: table-cell;
    font-size: 13px;
 }
 .legend-text1 {
   font-size: 12px;
 }

#Sensex-and-Unemployment .tick text
{
	fill:#000000;
    font-weight: 500;

}

/*end Unemployment chart*/

#IndiaPoverty .domain {
	display: block;
}
	 #IndiaPoverty div.tooltip {
   position: absolute;
   text-align: left;
   background: #3e4c99;
   color: #fff;
   padding: 5px 10px;
   font: 16px sans-serif;
   border: 0px;
   border-radius: 2px;
   pointer-events: none;
   border-left: #e7d9d6 3px solid;
   box-shadow: 0 0px 20px rgba(0, 0, 0, 0.34);
 }
 div.tooltip-line{
	position: absolute;
   text-align: left;
   color: #3e4c99;
   padding: 5px;
   background: #e7d9d6;
   border: 0px;
   border-radius: 2px;
   pointer-events: none;
   border-left: #3e4c99 3px solid;
   box-shadow: 0 0px 20px rgba(0, 0, 0, 0.34);
}
#IndiaPoverty {
	background: #3e4c99;
}
	#IndiaPoverty .tick, #IndiaPoverty .domain
	{
		opacity:0;
	}
	

/*Satrt GDP Chart*/


.handle--e, .handle--w {
  fill: #fe6e31;
  width: 12px
}
.selection {
  fill: #333333;fill-opacity: 1;
}
.data-circle {
  fill: #3C92BA;
}
	.congressBlue
	{
		stroke:#02ccf0;
	}
	.jantaDalorange
	{
		stroke:#f97d09;
	}
	.jantaDalgreen
	{
		stroke:#138808;
	}
	.BJPorange, .BJPorangeold
	{
		stroke:#ff9933
	}
	.congressblue
	{
		stroke:#006fe0;
	}
	.zoom
{
	fill:none;
}
	
.handle--e, .handle--w {
  fill: #fe6e31;
  width: 12px
}
.selection {
 fill: #e3e3e3;
    fill-opacity: 1;
    stroke-width: 1px;
    stroke: #d4d1d1;
}
.GDP_chart
{
	position:relative;
}
.GDP_chart svg
  {
      stroke-width:0;
background:#ffffff;position:relative;
  }
  
.GDP_chart .axis-x
	{
		opacity:0;
	}
.GDP_chart .area
{
	fill:#e3e3e3;
}


.y1Axis-text
{
	transform: translate(98%, -10px) rotate(
90deg
);
}

.xAxis-text, .yAxis-text, .y1Axis-text {
    font-size: 13px;
    font-weight: 600;
    color: #000000;
}
.focus {
    font-size: 13px;
}
.axis line
{
	fill: none;
    stroke: #000000;
    stroke-dasharray: 3px 3px;
    shape-rendering: crispEdges;
    stroke-width: 1px;
    opacity: 0.1;
}
.legend-text{
	line-height: 13px;
    font-size: 12px;
    color: #000000;
}
.axis text {
    font-size: 11px;
    pointer-events: none;
    fill: #000;
}
.xAxis-text {
    transform: translate(38%, 40px);
}
.BJPDrop
{
stroke:rgb(226, 6, 19);
	}

.GDP_chart .domain {
    stroke-width: 0;
    stroke: #525050;
}
.GDP_chart  .tick text {
    font-size: 11px;
    fill: #000;
	    font-weight: 400;
}

.areaA {
    background: rgb(188, 39, 123);
    height: 10px;
    width: 15px;
    display: inline-block;
    margin-right: 10px;
    box-shadow: 0 2px 4px rgb(0 0 0 / 66%);
}
.areaB {
    background: rgb(236, 203, 28);
    height: 10px;
    width: 15px;
    display: inline-block;
    margin-right: 10px;
    box-shadow: 0 2px 4px rgb(0 0 0 / 66%);
}
.areaD {
    background: rgb(226, 6, 19);
    height: 10px;
    width: 15px;
    display: inline-block;
    margin-right: 10px;
    box-shadow: 0 2px 4px rgb(0 0 0 / 66%);
}
.GDP_chart .legend-GDP #status1, .GDP_chart .legend-GDP #status2, .GDP_chart .legend-GDP #status3, .GDP_chart .legend-GDP #status4 
{
    opacity: 0;
    width: 21%;
    position: absolute;
    top: -290px;
    left: 304px;
    background: #bc277b;
    color: #fff;
    padding: 8px;
    box-shadow: 0 4px 10px rgb(0 0 0 / 22%);
    border-radius: 2px;
    border: 1px solid #992366;
    line-height: 16px;
    font-size: 11px;
    font-family: Open Sans,sans-serif;
    font-weight: 600;
}
.GDP_chart .legend-GDP #status2 {
   background: rgb(223 178 16);
    color: #ffffff;
    left: 644px;
    border: 1px solid #d4b513;
 }
.GDP_chart .legend-GDP #status4
{
	background: #e20613;
    color: #ffffff;
    left: 840px;    font-family: inherit;
    border: 1px solid #d60a17;
}
 .GDP_chart .legend-GDP #status3 {
        background: rgb(245 140 124);
    top: -260px;
    color: #ffffff;
    left: 737px;
    border: 1px solid #e98171;
 }
.legend-GDP
{
	text-align: left;
    padding: 5px 56px;
    position: relative;
    margin: 0;
    left: 0;
    top: -83px;
    line-height: 0px;
    width: 100%;
    background: #fff;
    float: left;
}
.story-img
{
	height:680px;
	
}