@media print {
    * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    @font-face {
        font-family: 'Roboto';
        src: url('/fonts/roboto-regular-webfont.woff2') format('woff2'),
             url('/fonts/roboto-regular-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
        font-kerning: none;
        color:  #0B480D;
    }

    @font-face {
        font-family: 'Urbanist-Regular';
        src: url('/fonts/Urbanist-Regular.woff2') format('woff2');
        font-weight: normal;
        font-style: normal;
        font-kerning: none;
    }

    @font-face {
        font-family: 'Medium';
        src: url('/fonts/Medium.woff2') format('woff2');
        font-weight: normal;
        font-style: normal;
        font-kerning: none;
    }

    .export_header{
      height: 60px;
      width: 100%;
      position: relative;
    }

    .header_title{
      left: 0px;
      top: 50%;
      font-weight:  900;
      transform: translate(0, -50%);
      color:  #164193;
      font-size: 42px;
      position:  absolute;
      color:  #0B480D;
    }

    .header_title .title_dept{
      color: #88C524;
      display: inline-block;
      margin-left: 10px;
    }

    .export_footer{
      color: #164193;
      font-size: 12px;
      line-height: 16px;
      font-weight: 500;
      padding: 0 20px;
      position: relative;
      margin-top: 40px;
    }

    .footer_left .footer_image{
      background: url("https://staging-singa-indicateurs-commune.wedodata.dev/images/header-singa-logo-fixed.png");
      background-size: 100% 100%;
      width: 135.5px;
      height: 54px;
      position: absolute;
      left:0px;
      top: 50%;
      transform: translate(0, -50%);
    }

    .footer_right{
      position: absolute;
      right: 0px;
      top: 50%;
      transform: translate(0, -50%);
      font-size: 12px;
      color: #3C3C3C;
    }

    /* MAIN */

    .highcharts-tooltip{
      display:  none !important;
    }

    html, body {
      height: 760px;
      width: 1168px;
      background: #eaf4f9;
      font-family: 'Urbanist-Regular';
      color: #0B480D;
      margin: 0;
    }

    .page-enter-active, .page-leave-active {
      transition: opacity 0.5s;
    }

    .page-enter, .page-leave-to {
      opacity: 0;
    }

    h1, h2, h3, h4 {
      margin: 0;
      padding: 0;
    }

    .bolder {
      font-weight: 600;
    }

    .export_page{
      padding: 20px;
    }

    .export_page, .export_content{
      width: 100%;
    }

    .export_page.ismap .export_footer{
      padding:  0px !important;
      margin-top: -50px !important;
    }

    #KeyFiguresWrapper{
      padding-bottom: 60px;
    }

    #KeyFiguresWrapper .chart_wrapper.chart_bubbles[data-align="singlerow"] .chart_bubble_block{
      height: 200px !important;
    }


    /* GLOBAL */

    .indicator_wrapper[data-color="red"] .indicator_head {
       border-bottom: 4px solid #ed6236;
    }
     .indicator_wrapper[data-color="red"] .bubble {
       background: linear-gradient(180deg, #faeae5 0%, #ed6236 100%) !important;
    }
     .indicator_wrapper[data-color="red"] .dataviz_totaltext .bigger {
       color: #ed6236 !important;
    }
     .indicator_wrapper[data-color="red"] .app_selectbox.greenfluo .v-input__slot .v-select__slot .v-select__selections .item_text:before {
       background: #ed6236 !important;
    }
     .indicator_wrapper[data-color="purple"] .indicator_head {
       border-bottom: 4px solid #dd59a0;
    }
     .indicator_wrapper[data-color="purple"] .bubble {
       background: linear-gradient(180deg, #f8eaf2 0%, #dd59a0 100%) !important;
    }
     .indicator_wrapper[data-color="purple"] .dataviz_totaltext .bigger {
       color: #dd59a0 !important;
    }
     .indicator_wrapper[data-color="purple"] .app_selectbox.greenfluo .v-input__slot .v-select__slot .v-select__selections .item_text:before {
       background: #dd59a0 !important;
    }
     .indicator_wrapper[data-color="purple"] .keyfigure_block .keyfigure_value {
       color: #dd59a0;
    }
     .indicator_wrapper[data-color="purple"] .donut_wrapper .donut_highcharts .highcharts-point.highcharts-color-0 {
       stroke: #dd59a0;
    }
     .indicator_wrapper[data-color="cyan"] .indicator_head {
       border-bottom: 4px solid #5dcbe4;
    }
     .indicator_wrapper[data-color="cyan"] .bubble {
       background: linear-gradient(180deg, #ebf7fa 0%, #5dcbe4 100%) !important;
    }
     .indicator_wrapper[data-color="cyan"] .dataviz_totaltext .bigger {
       color: #5dcbe4 !important;
    }
     .indicator_wrapper[data-color="cyan"] .app_selectbox.greenfluo .v-input__slot .v-select__slot .v-select__selections .item_text:before {
       background: #5dcbe4 !important;
    }
     .indicator_wrapper[data-color="yellow"] .indicator_head {
       border-bottom: 4px solid #f4da1c;
    }
     .indicator_wrapper[data-color="yellow"] .bubble {
       background: linear-gradient(180deg, #fbf4df 0%, #f0b10f 100%) !important;
    }
     .indicator_wrapper[data-color="yellow"] .dataviz_totaltext .bigger {
       color: #f4da1c !important;
    }
     .indicator_wrapper[data-color="yellow"] .app_selectbox.greenfluo .v-input__slot .v-select__slot .v-select__selections .item_text:before {
       background: #f4da1c !important;
    }
    

    
    /* INDICATOR WRAPPER */

    .indicator_wrapper{
      background:  #fff;
      margin-top: 20px;
    }

    .indicator_block {
       background: #fff;
       padding: 20px;
       text-align: center;
    }
     .indicator_block .indicator_head {
       position: relative;
       text-align: left;
       position: relative;
       min-height: 62px;
       display: flex;
       justify-content: space-between;
    }
     .indicator_block .indicator_head .indicator_title {
       font-size: 32px;
       position: relative;
       padding-right: 10px;
       flex-grow: 1;
    }
     .indicator_block .indicator_head .indicator_title .title_text {
       position: relative;
       display: inline-block;
       line-height: 36px;
       padding-left: 0px;
       color: #0B480D;
    }
     .indicator_block .indicator_head .indicator_title .title_text .title_infos {
       background: url("/images/bt-infos.svg") no-repeat 0 0;
       background-size: 100% 100%;
       width: 28px;
       height: 28px;
       position: absolute;
       left: 0px;
       top: 4px;
       cursor: pointer;
       display: none;
    }
     .indicator_block .indicator_head .indicator_menu {
       flex-grow: 0;
       display: flex;
    }
     .indicator_block .indicator_filters {
       margin-top: 10px;
    }
     .indicator_block .indicator_filters .filter_block {
       margin-top: 14px;
    }
     .indicator_block .indicator_filters .filter_block .filter_label {
       font-size: 13px;
       font-weight: 500;
       margin-bottom: 10px;
       display: none;
    }

    .app_selectbox .v-input__slot{
      border: 0px solid #9d9d9d;
      border-radius: -px!important;
      padding: 0px!important;
    }

    .app_selectbox .item_text{
      font-size: 13px;
      position: relative;
      padding-left: 24px;
      left: 0px;
      line-height: 16px;
    }

    .app_selectbox .item_text:before{
      content: "";
      position: absolute;
      left: 0px;
      top: 50%;
      transform: translate(0, -50%);
      width: 20px;
      height: 20px;
      border-radius: 20px;
      background: $colorRed;
    }

    .app_selectbox .v-input__append-inner{
      display: none;
    }

    .app_selectbox input{
      display: none;
    }

     .indicator_block .indicator_menu .menu_item {
       width: 176px;
       height: 42px;
       background: rgba(11, 72, 13, 0.15);
       font-size: 15px;
       text-align: center;
       cursor: pointer;
       border-radius: 40px;
       vertical-align: top;
       margin: 0 6px;
       line-height: 42px;
       font-weight: 500;
       display: none;
    }
    .indicator_block .indicator_menu .menu_item.selected{
      display: inline-block;
    }
     .indicator_block .indicator_menu .menu_item span {
       display: inline-block;
       position: relative;
       padding-left: 17px;
    }
    }
     .indicator_block .indicator_menu .menu_item span:first-letter {
       text-transform: uppercase;
    }
     .indicator_block .indicator_menu .menu_item span:before {
       content: "";
       position: absolute;
       top: 50%;
       left: 0px;
       transform: translate(0, -50%);
    }
     .indicator_block .indicator_menu .menu_item[data-item="portrait"] span:before {
       background: url("/images/icons/portrait-green.svg") no-repeat 0 0;
       background-size: 100% 100%;
       width: 14px;
       height: 13px;
    }
     .indicator_block .indicator_menu .menu_item[data-item="comparaison"] span:before {
       background: url("/images/icons/comparaison-green.svg") no-repeat 0 0;
       background-size: 100% 100%;
       width: 14px;
       height: 13px;
    }
     .indicator_block .indicator_menu .menu_item[data-item="evolution"] span:before {
       background: url("/images/icons/evolution-green.svg") no-repeat 0 0;
       background-size: 100% 100%;
       width: 14px;
       height: 13px;
    }
     .indicator_block .indicator_menu .menu_item.selected {
       background: #0b480d;
       color: #fff;
    }
     .indicator_block .indicator_menu .menu_item.selected[data-item="portrait"] span:before {
       background: url("/images/icons/portrait-white.svg") no-repeat 0 0;
       background-size: 100% 100%;
    }
     .indicator_block .indicator_menu .menu_item.selected[data-item="comparaison"] span:before {
       background: url("/images/icons/comparaison-white.svg") no-repeat 0 0;
       background-size: 100% 100%;
    }
     .indicator_block .indicator_menu .menu_item.selected[data-item="evolution"] span:before {
       background: url("/images/icons/evolution-white.svg") no-repeat 0 0;
       background-size: 100% 100%;
    }
     .indicator_block .indicator_content {
       margin-top: 30px;
       position: relative;
       width: 100%;
       min-height: 60px;
    }
     .indicator_block .indicator_content .content_wrapper {
       text-align: center;
    }
     .indicator_block .indicator_content .content_wrapper .indicator_nodata {
       font-size: 24px;
       padding-top: 20px;
       font-weight: 700;
    }
     .indicator_block .indicator_content .content_wrapper .indicator_col_left {
       display: inline-block;
        vertical-align: top;
        width: 280px;
        position: absolute;
        min-height: 300px;
        left: 0px;
        top: 0px;
        border-right: 1px solid #9D9D9D;
        height: 100%;
        color: ##3c3c3c;
        text-align: left;
        padding-right: 30px;
    }
     .indicator_block .indicator_content .content_wrapper .indicator_col_left .indicator_title {
       font-size: 18px;
       font-weight: 600;
    }
     .indicator_block .indicator_content .content_wrapper .indicator_col_left .indicator_download_block {
       position: absolute;
       bottom: 0px;
       left: 0px;
       display: none;
    }
     .indicator_block .indicator_content .content_wrapper .indicator_col_left .indicator_download_block .indicator_download_bt {
       width: 260px;
       height: 36px;
       line-height: 36px;
       border: 1px solid rgba(60, 60, 60, 0.50);
       border-radius: 50px;
       background: #fff;
       font-size: 13px;
       color: #3c3c3c;
       font-weight: 500;
       text-align: center;
       margin-top: 10px;
       cursor: pointer;
    }
     .indicator_block .indicator_content .content_wrapper .indicator_col_left .indicator_download_block .indicator_download_bt span {
       display: inline-block;
       position: relative;
       padding-left: 28px;
    }
     .indicator_block .indicator_content .content_wrapper .indicator_col_left .indicator_download_block .indicator_download_bt span:before {
       content: "";
       position: absolute;
       left: 0px;
       top: 50%;
       transform: translate(0, -50%);
    }
     .indicator_block .indicator_content .content_wrapper .indicator_col_left .indicator_download_block .indicator_download_bt[data-bt="pdf"] span:before {
       background: url("/images/icons/bt-pdf.svg") no-repeat 0 0;
       background-size: 100% 100%;
       width: 23px;
       height: 24px;
    }
     .indicator_block .indicator_content .content_wrapper .indicator_col_left .indicator_download_block .indicator_download_bt[data-bt="csv"] span:before {
       background: url("/images/icons/bt-csv.svg") no-repeat 0 0;
       background-size: 100% 100%;
       width: 23px;
       height: 24px;
    }
     .indicator_block .indicator_content .content_wrapper .indicator_col_right {
       display: inline-block;
       vertical-align: top;
       width: 100%;
       position: relative;
       min-height: 300px;
       padding: 0 0 0 300px;
    }
     .indicator_block .indicator_content .content_wrapper .indicator_col_right[data-type="comparison-barchart"], .indicator_block .indicator_content .content_wrapper .indicator_col_right[data-type="barchart"] {
       min-height: 460px;
    }
     .indicator_block .indicator_content .content_wrapper .indicator_col_right[data-type="pyramid"] {
       min-height: 200px;
    }
     .indicator_block .indicator_content .content_wrapper .indicator_col_right .indicator_dataviz {
       height: 100%;
       position: relative;
       display: inline-block;
      vertical-align: top;
      width: 100%;
      max-height: 500px;
      overflow: auto;
    }
     .indicator_block .indicator_content .content_wrapper .indicator_col_right .indicator_dataviz[data-hastotal="true"] .chart_wrapper {
       margin-top: 40px;
    }

    #IndicatorWrapper-logements_sociaux_nb .indicator_block .indicator_content .content_wrapper .indicator_col_right .indicator_dataviz{
      max-height: none;
       overflow: visible;
    }

     .indicator_block .indicator_content .content_wrapper .indicator_col_right .indicator_dataviz .dataviz_addtext, .indicator_block .indicator_content .content_wrapper .indicator_col_right .indicator_dataviz .dataviz_totaltext {
       position: absolute;
       left: 0px;
       top: 0px;
       font-size: 15px;
       line-height: 18px;
       font-weight: 500;
    }

     .indicator_block .indicator_content .content_wrapper .indicator_col_right .indicator_dataviz .dataviz_totaltext {
       line-height: 40px;
    }

    /* DONUT */

    .donut_wrapper {
       width: 110px;
       height: 110px;
       position: relative;
       display: inline-block;
       vertical-align: top;
    }
     .donut_wrapper .donut_circlebg {
       position: absolute;
       left: 50%;
       top: 50%;
       transform: translate(-50%, -50%);
       border: 3px solid #0b480d;
       border-radius: 80px;
       width: 80px;
       height: 80px;
    }
     .donut_wrapper .donut_highcharts {
       position: absolute;
       left: 50%;
       top: 50%;
       width: 120px;
       height: 120px;
       transform: translate(-50%, -50%);
    }
     .donut_wrapper .donut_highcharts .highcharts-point.highcharts-color-0 {
       fill: #fff;
       stroke: #88c524;
       stroke-width: 3px;
    }
     .donut_wrapper .donut_highcharts .highcharts-point.highcharts-color-1 {
       fill: transparent;
       stroke-width: 0px;
       stroke: transparent;
    }
     
     
     /* BUBBLES */

     .chart_wrapper.chart_bubbles {
       height: 460px;
       padding-top: 40px;
       margin-top: 0px !important;
    }
     .chart_wrapper.chart_bubbles[data-align="singlerow"] .chart_bubble_block {
       width: auto;
       min-width: 100px;
       height: 250px;
       margin:  0 20px;
    }
     .chart_wrapper.chart_bubbles[data-align="default"] .chart_bubble_block {
       width: 250px !important;
    }
     .chart_wrapper.chart_bubbles .chart_bubble_block {
       display: inline-block;
       vertical-align: top;
       margin: 0 4px;
       width: 250px;
       height: 250px;
       text-align: center;
       position: relative;
    }
     .chart_wrapper.chart_bubbles .chart_bubble_block[data-color="secondary"] .bubble {
       background: linear-gradient(180deg, #e4eaeb 0%, #4d7e85 100%) !important;
    }
     .chart_wrapper.chart_bubbles .chart_bubble_block[data-color="unknown"] .bubble {
       background: linear-gradient(180deg, #fff 0%, #ccc 100%) !important;
    }
     .chart_wrapper.chart_bubbles .chart_bubble_block[data-color="unknown"] .bubble_text .bubble_value {
       color: #ccc;
    }
     .chart_wrapper.chart_bubbles .chart_bubble_block[data-iszero="true"] .bubble_text {
       color: #9d9d9d !important;
    }
     .chart_wrapper.chart_bubbles .chart_bubble_block[data-iszero="true"] .bubble {
       background: #fff !important;
       border: 1px solid #9d9d9d;
       width: 20px !important;
       height: 20px !important;
    }
     .chart_wrapper.chart_bubbles .chart_bubble_block .bubble {
       position: absolute;
       left: 50%;
       bottom: 0px;
       transform: translate(-50%, 0);
       border-radius: 250px;
       background: linear-gradient(180deg, #3c873f 0%, rgba(60, 135, 63, 0.10) 100%);
    }
     .chart_wrapper.chart_bubbles .chart_bubble_block .bubble_text {
       position: absolute;
       left: 50%;
       top: 100%;
       margin-top: 10px;
       transform: translate(-50%, 0);
    }
     .chart_wrapper.chart_bubbles .chart_bubble_block .bubble_value {
       font-size: 26px;
       line-height: 30px;
       font-weight: 700;
    }
     .chart_wrapper.chart_bubbles .chart_bubble_block .bubble_label {
       min-width: 110px;
    }
     .chart_wrapper.chart_bubbles .chart_bubble_block .bubble_label, .chart_wrapper.chart_bubbles .chart_bubble_block .bubble_pct {
       font-size: 13px;
       font-weight: 500;
       line-height: 16px;
       color: #3c3c3c;
       font-weight: 600;
    }

    /* PIE CHART */

    .piechart_wrapper {
       width: 100%;
       height: 350px;
       position: relative;
       display: inline-block;
       vertical-align: top;
    }
     .piechart_wrapper .piechart_innervalue {
       position: absolute;
       left: 50%;
       top: 50%;
       transform: translate(-50%, -50%);
       color: #0b480d;
    }
     .piechart_wrapper .piechart_innervalue .innervalue_date {
       text-transform: uppercase;
       font-size: 16px;
       font-weight: 700;
    }
     .piechart_wrapper .piechart_innervalue .innervalue_val {
       font-size: 60px;
       font-weight: 800;
       white-space: nowrap;
    }
     .piechart_wrapper .piechart_innervalue .innervalue_val[data-longvalue="true"] {
       font-size: 38px;
    }
     .piechart_wrapper .piechart_highcharts {
       width: 100%;
       height: 100%;
    }

    /* PYRAMID */
    .chart_wrapper#PyramidWrapper {
       height: 460px;
       margin-top: 30px;
       display: flex;
       padding-top: 20px;
    }
     .chart_wrapper#PyramidWrapper .pyramid_col {
       flex-grow: 1;
       min-height: 200px;
       position: relative;
    }
     .chart_wrapper#PyramidWrapper .pyramid_col.col_labels {
       flex-grow: 0;
      /* Block 2 will not grow */
       flex-shrink: 0;
      /* Block 2 will not shrink */
       flex-basis: 120px;
      /* Block 2 has a fixed width of 120px */
       width: 120px;
      /* Set the width explicitly to 120px */
       border-left: 1px solid #3c3c3c;
       border-right: 1px solid #3c3c3c;
    }
     .chart_wrapper#PyramidWrapper .pyramid_col .col_title {
       position: absolute;
       right: -1px;
       top: -40px;
       font-size: 22px;
       color: #3c3c3c;
       font-weight: 600;
       padding-right: 14px;
       border-right: 1px solid #3c3c3c;
    }
     .chart_wrapper#PyramidWrapper .pyramid_col .bars_axis {
       position: absolute;
       left: 0px;
       top: 0px;
       width: 100%;
       height: 100%;
       z-index: 1;
    }
     .chart_wrapper#PyramidWrapper .pyramid_col .bars_axis .bar_axis {
       position: absolute;
       height: 100%;
       width: 1px;
       background: #ddd;
    }
     .chart_wrapper#PyramidWrapper .pyramid_col .bars_axis .bar_axis.axis1 {
       left: 20%;
    }
     .chart_wrapper#PyramidWrapper .pyramid_col .bars_axis .bar_axis.axis2 {
       left: 40%;
    }
     .chart_wrapper#PyramidWrapper .pyramid_col .bars_axis .bar_axis.axis3 {
       left: 60%;
    }
     .chart_wrapper#PyramidWrapper .pyramid_col .bars_axis .bar_axis.axis4 {
       left: 80%;
    }
     .chart_wrapper#PyramidWrapper .pyramid_col .bar_wrapper {
       height: 22px;
       line-height: 22px;
       position: relative;
       margin-bottom: 24px;
       z-index: 2;
    }
     .chart_wrapper#PyramidWrapper .pyramid_col .bar_wrapper .bar_label {
       color: #3c3c3c;
       font-size: 13px;
       font-weight: 500;
    }
     .chart_wrapper#PyramidWrapper .pyramid_col .bar_wrapper .pyramid_bar {
       height: 100%;
       background: linear-gradient(270deg, rgba(237, 98, 54, 0.10) -0.07%, #ed6236 100.08%);
       border-radius: 20px 0 0 20px;
       position: absolute;
       right: 0px;
       top: 0px;
    }
     .chart_wrapper#PyramidWrapper .pyramid_col .bar_wrapper .pyramid_bar .bar_value {
       position: absolute;
       white-space: nowrap;
       right: 100%;
       top: 50%;
       margin-right: 5px;
       transform: translate(0, -50%);
       color: #0b480d;
       font-size: 18px;
       font-weight: 500;
    }
     .chart_wrapper#PyramidWrapper .pyramid_col.opposite .col_title {
       right: auto;
       left: -1px;
       padding-left: 14px;
       padding-right: 0px;
       border-right: 0px;
       border-left: 1px solid #3c3c3c;
    }
     .chart_wrapper#PyramidWrapper .pyramid_col.opposite .pyramid_bar {
       background: linear-gradient(270deg, #ed6236 -0.07%, rgba(237, 98, 54, 0.10) 100.08%);
       border-radius: 0px 20px 20px 0px;
       right: auto;
       left: 0px;
    }
     .chart_wrapper#PyramidWrapper .pyramid_col.opposite .pyramid_bar .bar_value {
       right: auto;
       left: 100%;
       margin-right: 0px;
       margin-left: 5px;
    }
     
  

    /* KEYFIGURES */

    .keyfigure_block {
       display: inline-block;
       vertical-align: top;
       width: 180px;
       height: 200px;
       position: relative;
       margin-top: 40px;
    }
     .keyfigure_block[data-type="piechart"], .keyfigure_block[data-type="bubbles"] {
       width: 100%;
       height: auto;
       margin-top: 10px;
    }
     .keyfigure_block[data-type="piechart"] .block_wrapper, .keyfigure_block[data-type="bubbles"] .block_wrapper {
       width: 100%;
       height: auto;
    }
     .keyfigure_block[data-keyfigure="logements_sociaux_statut"] {
       margin-top: -50px !important;
    }
     .keyfigure_block .block_wrapper {
       position: relative;
       width: 200px;
       height: 200px;
       display: inline-block;
       vertical-align: top;
       text-align: center;
    }
     .keyfigure_block[data-marged="true"] {
       margin-left: 30px;
       border-left: 1px solid #ccc;
    }
     .keyfigure_block[data-marged="true"] .block_wrapper {
       left: 00px;
    }
     .keyfigure_block[data-keyfigure="projets_recrutement"] .keyfigure_visu {
       background: url("/images/persona.svg") no-repeat 0 0;
       background-size: 100% 100%;
       width: 76px;
       height: 96px;
    }
     .keyfigure_block .keyfigure_visu {
       display: inline-block;
       vertical-align: top;
       margin-bottom: 10px;
    }
     .keyfigure_block .keyfigure_text {
       position: absolute;
       left: 50%;
       top: 108px;
       transform: translate(-50%, 0);
    }
     .keyfigure_block .keyfigure_value {
       font-size: 45px;
       white-space: nowrap;
       font-weight: 700;
       color: #88c524;
    }
     .keyfigure_block .keyfigure_label {
       font-size: 15px;
    }

    /* HIGHCHARTS LABEL */

    .highcharts-label span {
       font-family: 'Urbanist-Regular' !important;
       font-weight: 600 !important;
       font-size: 18px !important;
    }
     .highcharts-label span.iconed_shift {
       position: relative;
       display: inline-block;
       margin-left: 20px;
    }
     .highcharts-label span.big {
       font-size: 30px !important;
    }
     .highcharts-axis-labels span, .highcharts-axis-labels text {
       font-family: 'Urbanist-Regular' !important;
       font-size: 13px !important;
       color: #0b480d !important;
       fill: #0b480d !important;
       font-weight: 500;
    }

     .highcharts-axis-labels span.big, .highcharts-axis-labels text.big {
       font-size: 19px !important;
       font-weight: 700;
    }
     .chart_wrapper[data-chart="comparison"] .highcharts-axis-labels span, .chart_wrapper[data-chart="barchart"] .highcharts-axis-labels span, .chart_wrapper[data-chart="comparison"] .highcharts-axis-labels text, .chart_wrapper[data-chart="barchart"] .highcharts-axis-labels text {
       color: #3c3c3c !important;
       fill: #3c3c3c !important;
    }
     .chart_wrapper[data-chart="comparison"] .highcharts-label span, .chart_wrapper[data-chart="barchart"] .highcharts-label span {
       color: #0b480d !important;
       fill: #3c3c3c !important;
    }
     .highcharts-areaspline-series .highcharts-label span {
       color: #0b480d !important;
       font-size: 20px !important;
       font-family: 'Urbanist-Regular' !important;
       font-weight: 700 !important;
    }
     
    .dataviz_addtext .bolder {
       font-weight: 700;
    }
     .dataviz_totaltext .bigger {
       font-size: 45px;
       color: #88c524;
       font-weight: 700;
    }

    .pie_datalabel {
       text-align: center;
       font-family: 'Urbanist-Regular' !important;
    }
     .pie_datalabel .datalabel_value {
       font-size: 45px;
       line-height: 40px;
       font-weight: 700;
    }
     .pie_datalabel .datalabel_txt {
       font-size: 18px;
       font-weight: 600;
    }
     .pie_datalabel .datalabel_pct {
       font-size: 18px;
       font-style: italic;
       font-weight: 400;
    }
     

    /* BARCHART AXIS LABEL */

    .barchart_axis_label {
       display: inline-block;
       text-align: right;
       position: relative;
       left: 0px;
    }
     .barchart_axis_label.iconed {
       left: -10px;
    }
     .barchart_axis_label .label_icon {
       position: absolute;
       left: 100%;
       margin-left: 5px;
       top: 50%;
       transform: translate(0, -50%);
       background: #4d7e85;
       width: 40px;
       height: 40px;
       background-color: transparent !important;
       border-radius: 40px;
    }
     .barchart_axis_label .label_icon.red {
       background: #ed6236;
    }
     .barchart_axis_label .label_icon.transports-et-entreposage {
       background: url("/images/icons/bar-transports.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.transports-et-entreposage.purple {
       background: url("/images/icons/purple/bar-transports.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.industrie-agroalimentaire {
       background: url("/images/icons/bar-agroalimentaire.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.industrie-agroalimentaire.purple {
       background: url("/images/icons/purple/bar-agroalimentaire.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.commerce-de-gros {
       background: url("/images/icons/bar-commercegros.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.commerce-de-gros.purple {
       background: url("/images/icons/purple/bar-commercegros.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.activits-financires-et-dassurance {
       background: url("/images/icons/bar-assurance.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.activits-financires-et-dassurance.purple {
       background: url("/images/icons/purple/bar-assurance.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.activits-immobilires {
       background: url("/images/icons/bar-immo.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.activits-immobilires.purple {
       background: url("/images/icons/purple/bar-immo.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.commerce-rparation-automobile {
       background: url("/images/icons/bar-reparauto.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.commerce-rparation-automobile.purple {
       background: url("/images/icons/purple/bar-reparauto.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.industrie-chimique-pharmaceutique-raffinage {
       background: url("/images/icons/bar-chimie.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.industrie-chimique-pharmaceutique-raffinage.purple {
       background: url("/images/icons/purple/bar-chimie.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.autres-industries-manufacturires {
       background: url("/images/icons/bar-indusmanu.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.autres-industries-manufacturires.purple {
       background: url("/images/icons/purple/bar-indusmanu.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.equipement-lectrique-lectronique-informatique-machines {
       background: url("/images/icons/bar-elec.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.equipement-lectrique-lectronique-informatique-machines.purple {
       background: url("/images/icons/purple/bar-elec.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.industries-extractives-nergie-gestion-des-dchets {
       background: url("/images/icons/bar-energie.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.industries-extractives-nergie-gestion-des-dchets.purple {
       background: url("/images/icons/purple/bar-energie.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.caoutchouc-plastique-minraux-non-mtalliques {
       background: url("/images/icons/bar-caoutchouc.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.caoutchouc-plastique-minraux-non-mtalliques.purple {
       background: url("/images/icons/purple/bar-caoutchouc.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.sant-humaine-et-action-sociale {
       background: url("/images/icons/bar-sante.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.sant-humaine-et-action-sociale.purple {
       background: url("/images/icons/purple/bar-sante.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.services-scientifiques-techniques-admnistratif-soutien {
       background: url("/images/icons/bar-services.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.services-scientifiques-techniques-admnistratif-soutien.purple {
       background: url("/images/icons/purple/bar-services.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.autres-activits-de-services {
       background: url("/images/icons/bar-autres.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.autres-activits-de-services.purple {
       background: url("/images/icons/purple/bar-autres.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.construction {
       background: url("/images/icons/bar-construction.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.construction.purple {
       background: url("/images/icons/purple/bar-construction.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.hbergement-et-restauration {
       background: url("/images/icons/bar-restau.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.hbergement-et-restauration.purple {
       background: url("/images/icons/purple/bar-restau.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.commerce-de-dtail {
       background: url("/images/icons/bar-commerce.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.commerce-de-dtail.purple {
       background: url("/images/icons/purple/bar-commerce.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.administration-publique-enseignement {
       background: url("/images/icons/bar-adminpub.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.administration-publique-enseignement.purple {
       background: url("/images/icons/purple/bar-adminpub.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.agriculture {
       background: url("/images/icons/bar-agriculture.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.agriculture.purple {
       background: url("/images/icons/purple/bar-agriculture.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.matriel-de-transport {
       background: url("/images/icons/bar-materiel.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.matriel-de-transport.purple {
       background: url("/images/icons/purple/bar-materiel.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.information-et-communication {
       background: url("/images/icons/bar-information.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.information-et-communication.purple {
       background: url("/images/icons/purple/bar-information.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.textile-habillement-cuir-chaussure {
       background: url("/images/icons/bar-textile.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.textile-habillement-cuir-chaussure.purple {
       background: url("/images/icons/purple/bar-textile.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.mtallurgie-et-produits-mtalliques {
       background: url("/images/icons/bar-metal.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.mtallurgie-et-produits-mtalliques.purple {
       background: url("/images/icons/purple/bar-metal.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.travail-du-bois-papier-et-imprimerie {
       background: url("/images/icons/bar-bois.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.travail-du-bois-papier-et-imprimerie.purple {
       background: url("/images/icons/purple/bar-bois.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.construction.default {
       background: url("/images/icons/bar-secteur-construction.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.construction.purple {
       background: url("/images/icons/purple/bar-secteur-construction.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.htellerie-restauration.default {
       background: url("/images/icons/bar-secteur-hotellerie.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.htellerie-restauration.purple {
       background: url("/images/icons/purple/bar-secteur-hotellerie.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.commerce.default {
       background: url("/images/icons/bar-secteur-commerce.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.commerce.purple {
       background: url("/images/icons/purple/bar-secteur-commerce.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.autresnbspservicesnbspmarchands-horsnbspintrim.default {
       background: url("/images/icons/bar-secteur-servicesmarchands.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.autresnbspservicesnbspmarchands-horsnbspintrim.purple {
       background: url("/images/icons/purple/bar-secteur-servicesmarchands.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.industrie.default {
       background: url("/images/icons/bar-secteur-industrie.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.industrie.purple {
       background: url("/images/icons/purple/bar-secteur-industrie.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.services-non-marchands.default {
       background: url("/images/icons/bar-secteur-industrie.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.services-non-marchands.purple {
       background: url("/images/icons/purple/bar-secteur-industrie.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.intrim.default {
       background: url("/images/icons/bar-secteur-industrie.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.intrim.purple {
       background: url("/images/icons/purple/bar-secteur-interim.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.restaurant-restauration-rapide.default {
       background: url("/images/icons/bar-restaurapide.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.restaurant-restauration-rapide.yellow {
       background: url("/images/icons/yellow/bar-restaurapide.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.coiffure.default {
       background: url("/images/icons/bar-coiffure.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.coiffure.yellow {
       background: url("/images/icons/yellow/bar-coiffure.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.bureau-de-poste.default {
       background: url("/images/icons/bar-poste.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.bureau-de-poste.yellow {
       background: url("/images/icons/yellow/bar-poste.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.banques-caisses-dpargne.default {
       background: url("/images/icons/bar-banques.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.banques-caisses-dpargne.yellow {
       background: url("/images/icons/yellow/bar-banques.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.cole-de-conduite.default {
       background: url("/images/icons/bar-conduite.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.cole-de-conduite.yellow {
       background: url("/images/icons/yellow/bar-conduite.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.agence-de-travail-temporaire.default {
       background: url("/images/icons/bar-agencetempo.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.agence-de-travail-temporaire.yellow {
       background: url("/images/icons/yellow/bar-agencetempo.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.rseau-de-proximit-ple-emploi.default {
       background: url("/images/icons/bar-poleemploi.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.rseau-de-proximit-ple-emploi.yellow {
       background: url("/images/icons/yellow/bar-poleemploi.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.implantations-france-services.default {
       background: url("/images/icons/bar-franceservices.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.implantations-france-services.yellow {
       background: url("/images/icons/yellow/bar-franceservices.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.agence-postale.default {
       background: url("/images/icons/bar-agencepostale.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     .barchart_axis_label .label_icon.agence-postale.yellow {
       background: url("/images/icons/yellow/bar-agencepostale.svg") no-repeat center center;
       background-size: 100% 100%;
    }
     
         
}