/* 
  Doc :
    https://getbootstrap.com/docs/4.0/layout/overview/
    http://getbootstrap.com/docs/4.0/getting-started/download/
    http://getbootstrap.com/docs/4.0/components/navbar/
    https://www.highcharts.com/docs/chart-design-and-style/style-by-css
    https://github.com/highcharts/highcharts/issues/5774
    https://getbootstrap.com/docs/3.3/css/
    https://developer.mozilla.org/fr/docs/Web/CSS/font-size

*/



body {
  /* Un espace pour la navbar (min 3.5)*/
  padding-top: 4.5rem;
}

.titre_principal_skin {
	color: #a2021f;
}

/* Navbar : identique oxaproc (#545454 ou #6a7481) (bootstrap : #343a40) */
.bg-dark {
	background-color: #545454 !important;
}

/* Div container pour highcharts */
.chart-card {
  margin-bottom: 1.0rem;
}
.chart-container {
  height: 400px;
}

/* Highcharts */
.highcharts-container {
  font-family: "Segoe UI", Helvetica, Arial, sans-serif;
}
.highcharts-title {
  color: #a2021f;
  fill: #a2021f;
}
.highcharts-subtitle {
  color: #a2021f;
  fill: #a2021f;
}
.highcharts-menu hr {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

/* Highcharts : Axe Y invisible (gauge) 
   avec option yAxis.className = 'oxa-yaxis-gauge'
*/
.highcharts-yaxis-grid.oxa-yaxis-gauge .highcharts-grid-line {
  display: none;
}

/* Highcharts : evite un cercle autour du chart radar (stroke: none; est ok aussi),
   correspond a : xAxis.lineWidth = 0,
   aucun impact (negligeable) sur les autres charts
*/
.highcharts-xaxis .highcharts-axis-line {
  stroke-width: 0;
}


/* Highcharts : permet de voir la grille sur le radar et en 3d,
   MAIS impacterait aussi les autres charts,
   donc on filtre avec la classe 1, propre au template (sur notre div container)
*/
.column3D .highcharts-xaxis-grid .highcharts-grid-line {
  stroke-width: 1;
}
.polar .highcharts-xaxis-grid .highcharts-grid-line {
  stroke-width: 1;
}
.wind_rose .highcharts-xaxis-grid .highcharts-grid-line {
  stroke-width: 1;
}

/* Highcharts : correction de l'apparence des tooltip (flou),
   https://github.com/highcharts/highcharts/issues/7292
*/
.highcharts-label.highcharts-tooltip {
  filter: none;
}

/* Highcharts : pies, ne pas afficher la bordure blanche des tranches 
  (pour afficher : stroke: #ffffff; par défaut)
  Ce sera utile pour les pies en 3d seulement.
*/
.highcharts-pie-series .highcharts-point {
  /*stroke: #ffffff;*/
  stroke: initial;
}

/* Highcharts : les catégories en drilldown,
  le lien doit etre en normal et non en bold
*/
.highcharts-drilldown-axis-label {
  font-weight: normal;
}


/* Highcharts : table */
.highcharts-data-table {
  font-family: "Segoe UI", Helvetica, Arial, sans-serif;
  width: 100%;
}
.highcharts-data-table table {
  width: 100%;
  border: 1px solid white;
  border-collapse: collapse;
  background-color: white;
}
.highcharts-data-table tr:nth-child(odd) {
  background-color: #FAF0F2;
}
.highcharts-data-table th, .highcharts-data-table td {
  border: 1px solid white;
  padding: 4px;
}
.highcharts-data-table thead th {
  background-color: #34373E;
  color: white;
  text-align: center;
  /* Séparateur colonnes */
  /*border-left-width: 0px;*/
  /*border-right-width: 0px;*/
}
.highcharts-data-table tbody .highcharts-text {
  text-align: left;
  font-weight: normal;
}
.highcharts-data-table .number, .highcharts-data-table .highcharts-number {
  text-align: right!important;
}


/* Extra small devices (portrait phones, less than 576px)
    No media query since this is the default in Bootstrap
*/

/* Titres */
h1 {
	font-size: 2.0rem;
}
h2 {
	font-size: 1.8rem;
}
h3 {
	font-size: 1.6rem;
}
h4 {
	font-size: 1.4rem;
}
h5 {
	font-size: 1.2rem;
}
h6 {
	font-size: 1.0rem;
}

/* Highcharts */
.highcharts-container {
  /* Base 10px au lieu de 12 */
  font-size: 0.625rem; /*10px;*/
}
.highcharts-column-series .highcharts-point {
  stroke-width: 0.1px;
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

    /* Titres (défaut) */
h1 {
	font-size: 2.5rem;
}
h2 {
	font-size: 2.0rem;
}
h3 {
	font-size: 1.75rem;
}
h4 {
	font-size: 1.50rem;
}
h5 {
	font-size: 1.25rem;
}
h6 {
	font-size: 1.0rem;
}

  /* Highcharts */
  .highcharts-container {
    font-size: 0.75rem; /*12px;*/ /*défaut*/
  }
  
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}
