html, body {
    height: 100%;
    background: #f1f2f6;
    font-family: 'Roboto', Arial, sans-serif;
}
body{
    overflow-x: hidden;
}
.interlignage{
    font-size: 13px;
    line-height: 29px;
}
a {color:black;}
a:hover{color:black; text-decoration: none;}
.tableAnalytics{
    height: 300px;
    clear: both;
}
.text-primary{
    color: #BC001B;
}
a.text-primary:hover{
    color: #7D0012;
}
.bg-primary{
    background: #4D3543;
}
.btn-primary{
    background: #BC001B;
    border: none;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active{
    background: #7D0012;
    outline: none;
}
.float-left{
    float: left;
}
.btnRetour{
    margin-left: 15px;
}
.wrapper-actu .btnRetour{
    margin-left: 0px;
}
.connexion{
    text-align: center;
    width: 500px;
    padding: 20px;
    margin: 10% auto;
    background: #fff;
}
.connexion .img-responsive{
    margin: 0 auto 20px auto;
}
.container-fluid, .container{
    min-height: 100%;
    /*margin-bottom: -60px;*/
}
footer{
    background: #fff;
    padding: 20px;
    text-align: center;
}
footer p{
    margin: 0px;
}
.connexion h1{
    margin: -20px -20px 20px -20px;
    padding: 20px;
    text-align: center;
    font-size: 24px;
}
.form-control, .btn{
    border-radius: 0px;
}
.padding-top{
    padding-top: 50px;
}
.padding0{
    padding: 0;
}
.padding020{
    padding: 0 20px;
}
.margin{
    margin: 20px 0 20px 10px;
}
.marginTb{
    margin: 20px 0;
}
.margin-little-bottom{
  margin-bottom: 6px;
}
.margin-little-top{
   margin-top: 5px;
}
.nav-bar{
    float: left;
    width: 100%;
    background: #fff;
    position: fixed;
    z-index: 100;
    box-shadow: 2px 0px 10px #888888;
}
.nav-bar .informationCli a{
    color: #9b9b9b;
    text-decoration: none;
    padding: 25px 20px;
    display: block;
    float: left;
}
.menu{
    width: 250px;
    background: #fff;
    height: 100%;
    position: fixed;
    top: 70px;
    box-shadow: 2px 7px 10px 0px #888888;
    z-index: 2;
}
.menu ul{
    padding: 0;
    list-style: none;
    clear: both;
}
.menu ul li a{
    padding: 20px 25px;
    display: block;
    text-decoration: none;
    color: #000;
    border-left: 3px solid transparent;
    transition: 1s;
}
.menu ul li .question{
    color: #9b9b9b;
}
.menu ul li a:hover, .menu ul .active a{
    color: #BC001B;
    border-color: #BC001B;
    background: #f9fafc;
}
.menu ul li.lastItem{
    position: absolute;
    bottom: 130px;
    width: 100%;
}
.menu ul li.lastItem2{
    position: absolute;
    bottom: 70px;
    width: 100%;
}
.menu ul li a span{
    margin-left: 20px;
}
.wapper{
    margin-left: 250px;
    padding: 40px;
    min-height: 100%;
    margin-bottom: -60px;
}
.contentActu a p{
    color: #000;
}
.contentActu a:hover{
    text-decoration: none;
}
.myactu{
    background: #f9fafc;
    padding: 15px;
    float: left;
    margin-bottom: 20px;
    min-height: 250px;
}
.myactu img{
    margin-top: 10px;
    max-height: 200px;
}
.myactu a{
    text-decoration: none;
}
.myactu h4{
    margin-bottom: 0;
    font-weight: bold;
    min-height: 60px;
}
.myactu span{
    color: #000;
}
.margin-bottom{
    margin-bottom: 20px;
}
.margin-bottom-big{
    margin-bottom: 90px;
}
.bloc{
    position: relative;
    padding: 20px;
    background: #fff;
    margin: 20px 0;
    clear: both;
    float: left;
    width: 100%;
    border-bottom: 3px solid transparent;
}
.bloc-inverse{
    border-bottom: 0px solid transparent;
    border-top: 3px solid transparent;
}
.bloc h2{
    font-weight: 300;
    text-transform: uppercase;
    font-size: 24px;
    margin: 0;
    padding-right: 30px;
}
.bloc-inverse h2{
    margin: 0 0 20px 0;
}
.bloc h3{
    font-size: 16px;
    margin: 7px 0 6px 0;
}
.sousBloc{
    background: #f9fafc;
    clear: both;
    padding: 10px;
}

.sousBloc h3{
    margin-top: 0px
}
.siteHeader{
    font-weight: bold;
    margin-left: -15px;
}
.bloc .siteHeader i{
    font-size: 15px;
}
.blocIndex{
    margin-bottom: 0px;
}
.lesactus .blocIndex,
.actualiteeGda .blocIndex{
    margin-bottom: 15px;
}

.bloc i{
    font-size: 55px;
}
.bloc-inverse i{
    margin-right: 30px;
    font-size: 25px;
}

.rond {
    width: 90px;
    height: 90px;
    margin: auto;
    background: #f1f2f6;
    border-radius: 45px;
    text-align: center;
    font-weight: bold;
    padding: 0;
    position: relative;
}

.rond span {
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.explicationGraphe{
    font-style: italic;
    font-size: 12px;
	text-align: center;
}
.result{
    padding: 10px 30px;
    display: none;
}
.result p{
    margin: 0px;
    color: #fff;
}
.arrow-right-position{
    position: absolute;
    left: 5px;
    top: 30px;
}
.arrow-left-position{
    position: absolute;
    right: 5px;
    top: 30px;
}
.arrow-right{
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid black;
}
.arrow-left{
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid black;
}
.kpi{
    padding: 5px 5px 5px 25px;
    background: #f1f2f6;
}
.kpi span{
    margin-right: 40px;
    font-weight: bold;
}
.bloc h4{
    color: #737373;
}
.bloc h4 i{
    margin-right: 10px;
    color: #737373;
    font-size: 20px;
}
.openmenu{
    font-size: 40px;
    padding: 6px 20px;
    cursor: pointer;
}
.graphique{
    height: 400px;
}
.graphique p{
    text-align: center;
    padding-top: 190px;
}
.month{
    padding: 83px;
}
.hidden{
    display: none;
}
.sousBloc .titleaudience{
    font-size: 12px;
    text-decoration: underline;
}

.row-audience .sousBloc {
    border-bottom: 3px solid #8d0102;
    height: 337px;
}
/* couleurs */
.green{
    border-color: #008c4f;
}
.green i, .sousBloc.green h3, .green .siteHeader, .bloc-inverse.green h2, .reseauSosiaux .colorgreen{
    color: #008c4f;
}
.blueGreen{
    border-color: #008a8c;
}
.blueGreen i, .sousBloc.blueGreen h3, .blueGreen .siteHeader, .bloc-inverse.blueGreen h2, .blueGreen span{
    color: #008a8c;
}
.grey{
    border-color: #545454;
}
.grey i, .sousBloc.grey h3, .grey .siteHeader, .bloc-inverse.grey h2{
    color: #545454;
}
.bgblueGreen{
    background: #008a8c;
}
.bgblueGreen .arrow-right{
    border-left-color: #008a8c;
}
.bgblueGreen .arrow-left{
    border-right-color: #008a8c;
}
.bigBlue{
    border-color: #015d8c;
}
.bgBigblue{
    background: #015d8c;
}
.colorblue span{
    color: #015d8c;
}
.bgBigblue .arrow-right{
    border-left-color: #015d8c;
}
.bgBigblue .arrow-left{
    border-right-color: #015d8c;
}
.bigBlue i, .sousBloc.bigBlue h2, .bigBlue .siteHeader, .bloc-inverse.bigBlue h2{
    color: #015d8c;
}
.bgLightRed {
    background-color: #c24642;
}

.bgLightRed .arrow-right{
    border-left-color: #c24642;
}
.bgLightRed .arrow-left{
    border-right-color: #c24642;
}
.colorLightRed span{
    color: #c24642;
}
.red{
    border-color: #8d0102;
}
.red i, .sousBloc.red h2, .red .siteHeader, .bloc-inverse.red h2{
    color: #8d0102;
}
.blue{
    border-color: #00428c;
}
.blue i, .sousBloc.blue h2, .blue .siteHeader, .bloc-inverse.blue h2{
    color: #00428c;
}
.purple{
    border-color: #9d3b76;
}
.purple i, .sousBloc.purple h2, .purple .siteHeader, .bloc-inverse.purple h2{
    color: #9d3b76;
}
.purple .pagination .active a{
    background-color: #9d3b76;
    border-color: #9d3b76;
}
.yellow{
    border-color: #FFC824;
}
.yellow i, .sousBloc.yellow h2, .yellow .siteHeader, .bloc-inverse.yellow h2{
    color: #FFC824;
}
.pink{
    border-color: #BC001B;
}
.pink i, .sousBloc.pink h2, .pink .siteHeader, .bloc-inverse.pink h2{
    color: #BC001B;
}
.noLink, .noLink:hover, .noLink:focus, .noLink:active{
    color: initial;
}
.openmenu{
    display: none;
    color: #BC001B;
}
.result .number{
    color: #fff;
    font-weight: bold;
}
span.number.pull-right {
    display: contents;
}
.canvasjs-chart-credit{
    display: none;
}
.titleSite{
    margin-top: 18px;
}
.iconRapport{
    margin-top: 8px;
}
.nomSociaux{
    background: #015d8c;
    padding: 20px;
    color: #fff;
}
.nomSociaux span i{
    color: #fff;
    font-size: 16px;
}
.reseauSosiaux{
    display: none;
}
.logoReseau i{
    font-size: 55px;
}
.linkhome img{
    margin-left: 45px;
}
.rowcustom-right{
    margin-right: 0;
}
.nomSociauxOpen{
    transition: 1s;
    background: #008a8c;
}
.contenu-max-height.closed,
.contenu-promotion
{
	max-height: 220px;
    overflow: hidden;
}
.contenu-max-height,
.contenu-promotion-open
{
	height: auto;
	max-height: inherit;
    margin-bottom: 20px;
    overflow: hidden;
    padding-bottom: 40px;
}
.probleme-analytics
{
	padding-top: 60px;
    text-align: center;
}
.graphique .probleme-analytics
{
	padding-top: 100px;
}
.graphique .probleme-analytics p
{
	padding: 0px;
}
.probleme-analytics a,
.probleme-analytics a:hover
{
	color: #8d0102;
}

.contenu-max-height .voir-la-suite,
.voir-la-suite
{
    display: none;
	  background: #9d3b76;
    color: #fff;
    position: absolute;
    bottom: 22px;
    padding: 5px 10px;
    left: 0;
    margin: 0 15px;
    right: 0;
    text-align: center;
    cursor: pointer;
}

.contenu-max-height.closed .voir-la-suite:before {
    content: '';
    height: 40px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-100%);
    background: linear-gradient(transparent, #ffffff);
    pointer-events: none;
    touch-action: none;
}

.blueGreen .voir-la-suite {
    background: #008a8c;
}
.red .voir-la-suite {
    background: #8d0102;
}
.warning
{
	margin-bottom: 10px;
}
.row-eq-height {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 30px);
}
.logo-client {
    display: inline-flex;
    align-items: center;
    height: 70px;
    width: 250px;
    padding: 8px;
    margin: 0;
    float: left;
}
.logo-client img {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}

nav.menu {
    padding-bottom: 240px;
}

nav.menu ul {
    height: calc(100%);
    overflow: auto;
    margin: 0;
}

.abs-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    height: 240px;
    background: #ffffff;
}

.abs-bottom .logo {
    margin: 0 auto;
    max-width: 100px;
}

.report-header-info {
    float: left;
    padding-left: 55px;
}

.headline {
    text-transform: uppercase;
    font-size: 22px;
    padding-top: 10px;
    margin-bottom: 0;
}

.headline strong {
    font-size: 20px;
}

/* center every column but first one */
table.table th:not(:nth-child(1)), table.table td:not(:nth-child(1)) {
    text-align: center;
}

.bloc-heading {
    background: #008a8c;
    color: #ffffff;
    padding: 5px 30px;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: bold;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -20px;
    margin-bottom: 10px;
}
.bloc-heading.warning {
    background: #bc171f;
}

.bloc-heading i {
    font-size: 20px;
}


.popup {
    position: fixed;
    z-index: -1;
    transition: .2s;
    opacity: 0;
}

.popup.shown {
    transition: .5s;
    opacity: 1;
    z-index: 1000;
}

.popup .content-wrapper {
    position: fixed;
    border-radius: 2px;
    border-color: rgba(15, 15, 15, .4);
    background: #ffffff;
    z-index: 1500;
    top: 100px;
    width: 700px;
    left: 50%;
    transform: translateX(-50%);
    min-height: calc(30px * 2/*wrapper padding*/ + 28px/*title*/ + 100px/*min inner wrap height*/);
    max-height: calc(100vh - 200px/*top/bottom margins*/);
    padding: 30px;
}
.popup .content-wrapper .close-btn {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #008a8c;
    text-align: center;
    color: #ffffff;
    overflow: hidden;
}
.popup .content-wrapper .close-btn:hover:before {
    content: '';
    background: rgba(15,15,15,.2);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.popup .popup-heading {
    font-size: 20px;
    font-weight: bold;
}

.popup .popup-inner {
    min-height: calc(100px);
    max-height: calc(100vh - 200px - 30px * 2/*wrapper padding*/ - 28px/*title*/);
    overflow-y: auto;
}

.popup .backdrop {
    cursor: pointer;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1000;
    background-color: rgba(15, 15, 15, .4);
}

.bloc-relative {
    position: relative;
}

.info-bubble {
    position: absolute;
    top: 0;
    right: 0;
}

.info-bubble i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    text-align: center;
    color: #8d0102;
    margin: 0;
    margin-top: 10px;
    margin-right: 10px;
    border: 1px solid #8d0102;
    border-radius: 50%;
}

.info-bubble i:hover {
    background-color: #8d0102;
    color: #ffffff;
}

.info-bubble i:hover + .text {
    display: block;
}

.info-bubble .text {
    display: none;
    background: #ffffff;
    border: 1px solid #8d0102;
    padding: 15px;
    width: 400px;
    position: absolute;
    left: -10px;
    top: 10px;
    transform: translateX(-100%);
    box-shadow: 2px 0 10px #888888;
}

.intervention-bloc a,
.promo-bloc a {
    font-weight: bold;
}

@media(max-width: 1580px){
    .myactu h4{
        min-height: 100px;
    }
}
@media(max-width: 1200px){
    .openmenu{
        display: block;
    }
    .wapper {
        margin-left: 250px;
        padding: 40px 0px;
    }
    .menu{
        margin-left: -260px;
        transition: 1s;
    }
    .menuOpen{
        margin-left: 0px;
        transition: 1s;
    }
}
@media(max-width: 992px){
    .rowcustom{
        margin: 0px;
    }
    .myactu h4{
        min-height: auto;
        margin-bottom: 10px;
    }
}
@media(max-width: 485px){
    .probleme-analytics
    {
        padding-top: 0px;
    }
    .graphique .probleme-analytics {
        padding-top: 10px;
    }
    .openmenu{
        clear: both;
    }
    .linkhome{
        width: 100%;
    }
    .linkhome img{
        margin: auto;
    }
    .menu{
        top: 140px;
    }
    .menu ul li.lastItem{
        bottom: 200px;
    }
    .menu ul li.lastItem2{
        bottom: 140px;
    }
    .wapper {
        padding: 50px 0 40px 0;
    }
    .report-header-info {
        padding: 10px;
    }
    .report-header-info .headline {
        padding-top: 0;
    }
    .informationCli,
    .logo-client {
        display: none;
    }
}

.bloc ul {
    list-style: disc;
}

.btn-toggle {
}

.btn-toggle > a.btn {
  display: inline-block;
  padding: 0 50px;
  height: calc(28px + 2px * 2);
  line-height: 28px;
  color: #616161;
  background: #e9e9e9;
  border-radius: 16px;
  margin: 0;
  z-index: 10;
  position: relative;
  min-width: 150px;
  text-transform: uppercase;
}

.btn-toggle > a.btn:first-child {
  margin-right: -15px;
}

.btn-toggle > a.btn:last-child {
  margin-left: -15px;
}

.btn-toggle > a.btn.active {
  background: #bc171f;
  background: linear-gradient(15deg, #e31c26, #7b0f15);
  color: #fff;
  z-index: 20;
}

/**
    Style rework
 */

nav.menu ul {
    height: calc(100%);
    overflow: auto;
    margin: 0;
}

.abs-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    height: 240px;
    background: #ffffff;
}

.abs-bottom .logo {
    margin: 0 auto;
    max-width: 100px;
}

.report-header-info {
    float: left;
    padding-left: 55px;
}

.headline {
    text-transform: uppercase;
    font-size: 22px;
    padding-top: 10px;
    margin-bottom: 0;
}

.headline strong {
    font-size: 20px;
}


.evolution-positive, .evolution-negative, .evolution-neutral {
  font-weight: bold;
  display: block;
  width: 50px;
  margin: 0 auto;
  border-radius: 5px;
}

.evolution-positive {
    background: #008c4f;
  color: #fff;
}

.evolution-negative {
    background: #bc171f;
  color: #fff;
}

.evolution-neutral {
    background: #058dc7;
  color: #fff;
}


/* center every column but first one */
table.table th:not(:nth-child(1)), table.table td:not(:nth-child(1)) {
    text-align: center;
}

.bloc-heading {
    background: #008a8c;
    color: #ffffff;
    padding: 5px 30px;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: bold;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -20px;
    margin-bottom: 10px;
}
.bloc-heading.warning {
    background: #bc171f;
}

.bloc-heading i {
    font-size: 20px;
}


.popup {
    position: fixed;
    z-index: -1;
    /*display: none;*/
    transition: .2s;
    opacity: 0;
}

.popup.shown {
    /*display: block;*/
    transition: .2s;
    opacity: 1;
    z-index: 1000;
}

.popup .content-wrapper {
    position: fixed;
    border-radius: 2px;
    border-color: rgba(15, 15, 15, .4);
    background: #ffffff;
    z-index: 1500;
    top: 100px;
    width: 700px;
    left: 50%;
    transform: translateX(-50%);
    max-height: calc(100vh - 100px - 100px);
    overflow-y: auto;
    padding: 30px;
}
.popup .content-wrapper .close-btn {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #008a8c;
    text-align: center;
    color: #ffffff;
    overflow: hidden;
}
.popup .content-wrapper .close-btn:hover:before {
    content: '';
    background: rgba(15,15,15,.2);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.popup .popup-heading {
    font-size: 20px;
    font-weight: bold;
}

.popup .backdrop {
    cursor: pointer;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1000;
    background-color: rgba(15, 15, 15, .4);
}

.bloc-relative {
    position: relative;
}

.info-bubble {
    position: absolute;
    top: 0;
    right: 0;
}

.info-bubble i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    text-align: center;
    color: #8d0102;
    margin: 0;
    margin-top: 10px;
    margin-right: 10px;
    border: 1px solid #8d0102;
    border-radius: 50%;
}

.info-bubble i:hover {
    background-color: #8d0102;
    color: #ffffff;
}

.info-bubble i:hover + .text {
    display: block;
}

.info-bubble .text {
    display: none;
    background: #ffffff;
    border: 1px solid #8d0102;
    padding: 15px;
    width: 400px;
    position: absolute;
    left: -10px;
    top: 10px;
    transform: translateX(-100%);
    box-shadow: 2px 0 10px #888888;
}

.btn.pdf-dl {
    color: #000;
    padding: 10px;
    border-radius: 5px;
    line-height: 30px;
    border: 1px solid rgba(0,0,0,.1);
    margin-right: 5px;
}
.btn.pdf-dl:hover {
    /*background: rgba(0,0,0,.1);*/
    color: #bc171f;
}
.btn.pdf-dl i.fa {
    color: #bc171f;
    font-size: 20px;
    padding-left: 15px;
}
.bigger-text {
    font-size: 19px;
}

.flow-stat {
    max-width: 220px;
    margin: 0 auto;
    border-radius: 4px;
    position: relative;
}
.flow-stat .info-bubble {
    position: absolute;
    top: 5px;
    right: 5px;
    margin: 0;
    color: #fff;
}
.flow-stat .info-bubble i {
    margin: 0;
    color: #fff;
    border-color: #fff;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 16px;
}
.flow-stat .info-bubble i:hover {
    background: inherit;
}

.flow-stat .info-bubble .text {
    max-width: 280px;
    color: #000;
    z-index: 1000;
}

.flow-stat .title,
.flow-stat .value {
    display: block;
    margin: 0;
    text-align: center;
    padding: 10px 15px;
}

.flow-stat .title {
    background: #8d0102;
    color: #fff;
}

.flow-stat .value {
    color: #8d0102;
    background: #f1f2f6;
    font-weight: bold;
}

.flow-stat.topical-trust-flow .title {
    background: #008a8c;
}
.flow-stat.topical-trust-flow .value {
    color: #008a8c;
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: auto;
    height: 28px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--primary-color);
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    right: 5px;
    bottom: 5px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #ccc;
}

input:checked + .slider:before {
    background-color: #fff;
    right: 0px;
}

input:focus + .slider {
    box-shadow: 0 0 1px #fff;
}

input:checked + .slider:before {
    -webkit-transform: translateX(-26px);
    -ms-transform: translateX(-26px);
    transform: translateX(-26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

/* CanvasJS override*/
.canvasjs-chart-tooltip {
    box-shadow: none !important;
}

.canvasjs-chart-tooltip div {
    position: absolute !important;
    left: -40px !important;
    top: -70px !important;
    border-radius: 8px !important;
    border: none !important;
    background-color: #0F172A !important;
    text-align: center !important;
    width: 100px !important;
    height: 50px !important;
    font-style: normal !important;
}

.canvasjs-chart-tooltip div h5 {
    font-size: 18px !important;
    color: #fff !important;
    margin: 0 !important;
}

.canvasjs-chart-tooltip div span {
    font-size: 12px !important;
    color: #94A3B8 !important;
}