.bb-tooltip th {
  background-color: #000;
  display: table-cell;
}

.bb-tooltip td.value {
  text-align: right;
}

.bb-tooltip td {
  display: table-cell;
}

.bb-tooltip-container {
  min-width: 300px;
  text-align: left;
}

.bb-line {
  stroke-width: 2px;
}

/* .bb-line-M{
  stroke-dasharray: 5;
  stroke-linecap:round;
} */

/* .bb-line-M, .bb-line-F {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: dash 0.5s linear forwards;
}

@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
} */

.bb-line-M, .bb-line-EU27{
  stroke-dasharray: 5;
}

.bb-line-EU27{
  stroke-dasharray: 10;
}

.bb-line-NEU27{
  stroke-dasharray: 3;
}

.bb-line-EU {
  stroke-width: 3px;
}

.selected-cntry-row {
	background-color:rgba(195,195,195, 1.0);
}

#lineCntrySelect, .line-chart-select{
	z-index:99999;
}

#genderSelect, #citizenSelect{
	display:none;
}

.gender-select-btn, .citizen-select-btn{
	top:15px;
	background: rgba(255,255,255, 1.0);
	height: 32px;
	text-align: left;
	position:relative;
	border:1px solid rgba(0, 0, 0, 0.2);
	z-index:10;
}

.gender-select-btn, .line-gender-select, .gender-line{
	width: 150px;
	font-size: 14px;
}

.citizen-select-btn, .citizen-line{
	font-size: 14px;
}

.selected-citizen{
	top: 40%;
}

#lineGenders{
	height: auto;
}

.gender-line li{
	border-top: 1px solid #fff;
}

.carat-gender-select{
	left: -71%;
}

.chart-container-fs {
    height: 50%;
}

/* .selected-country{
	stroke-width: 14px;
} */

/* Small. Above 34em (544px) portrait */
@media screen and (min-width: 34em) and (orientation:portrait) {
}

/* Small. Above 34em (544px) landscape */
@media screen and (min-width: 34em) and (orientation: landscape) {
  /*mobile screen, same as inittialy*/
  
}

/* Medium. Above 48em (768px) */
@media screen and (min-width: 48em) {
  
}

/* Large. Above 62em (992px) */
@media screen and (min-width: 62em) {
  /* .bb-axis-y text {
      font-size: .9rem;
  } */

/*   .bb-axis-x text {
      font-size: .9rem;
  }
} */

/* Extra large. Above 75em (1200px) */
/* @media screen and (min-width: 75em) {
  .bb-axis-y text {
      font-size: .8rem;
  }

  .bb-axis-x text {
      font-size: .9rem;
  }
} */