/**----------------Segment-view---------------**/
.row-eq-height{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex !important;
}

.reduced-line-height{
  line-height:0.5;
}

.layout-h-line-2{
	margin-top:6px;
	height:1px;
	width:300px;
	background: rgb(107,111,136);
	background: linear-gradient(270deg, rgba(59,205,255,1) 0%, rgba(107,111,136,1) 100%);
}
.list_symbstyle {
  list-style-type: "_";
}

.close-segment-view-button {
	position:absolute;
	right:8px;
	top:20px;
  	font-size: 30px;
}

.text-container {
	height:100%;
}

.extra-small-text-3 {
	font-size:10px;
}


.close-segment-view-button:hover {
	cursor:pointer;
}

.modal-dialog {
    margin-top: 0px !important;
}

.modal-body{
    overflow-y: auto;
}

.modal-open .background-container{
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -o-filter: blur(4px);
    -ms-filter: blur(4px);
    filter: blur(4px);
}

.nav-distance {
	top: 47px;
}

.navbar {
	z-index:30002;
}

.modal {
	z-index:30000;
}


@media (min-width: 576px) {
	
	.modal-dialog {
	    max-width: 100% !important;
	}

}

@media (min-width: 992px) {
	
	.modal-dialog {
	    max-width: 100% !important;
	}

}

@media (min-width: 1200px) {
	
	.modal-dialog {
	    max-width: 1140px !important;
	}

}






/*
.distance_div{
  height: 50px;
}
.paddingl-16{
  padding-left: 16rem !important;
}
.segment_share{
  width:285px;
  text-align: right;
}
.overlay{
  	position:absolute;
  	width:100%;
  	top:0%;
  	z-index:1000;
}
.line-1 {
  width:285px;
  height:1px;
  background-color: #000000;
}

.btn-own:hover span {
  display:none
}
.btn-own:hover:before {
  content:"_"
}
.btn-own:hover{
  -webkit-transform: translateX(5px);
  font-family: "DINOTBOLD" !important;
  text-decoration: none;
  font-size: 1rem;
  cursor:pointer;
  color: #3BCDFF;
  letter-spacing: 3px;
}

.close-segment-view-button {
  cursor:pointer;
}
#milieu_info{
  text-transform: uppercase;
}
ul {
  list-style-type: square;
}*/






/*------------------------------CHARTS CSS-------------------------------------*/

/*--donut chart----------------------------------------------------------------*/
#chart_gender {
  max-width: 660px;
  margin: auto;
  height: 400px;
  margin: 0 auto;
  font-family: 'DINOT';
}

/*--bar chart age distribution-------------------------------------------------*/
.highcharts-figure, .highcharts-data-table table {
    min-width: 310px;
    max-width: 800px;
    margin: 1em auto;
}

#chart_bar {
    height: 400px;
}
.highcharts-legend-box{
  margin-left: 3rem;
  padding-left: 5rem;
}
.highcharts-data-table table {
	font-family: 'DINOT';
	border-collapse: collapse;
	/**border: 1px solid #EBEBEB;*/
	margin: 10px auto;
	text-align: center;
	width: 100%;
	max-width: 500px;
}
.highcharts-data-table caption {
    /**padding: 2em 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;
}