/****************graf_tlak_vody*************************/

/* Outer-ring */
#graf_tlak_vody circle:nth-child(1) {
  stroke-width: 3;
  stroke: #ffa500;
  fill: #262626;
}
/* Main background */
#graf_tlak_vody circle:nth-child(2) {
  fill: #262626;	/* seda */
  stroke: #262626;
  stroke-width: 0;
}
/* Circle of the pointer */
#graf_tlak_vody circle:nth-child(3) {
  fill: #68CCE4;
  stroke: white;
  stroke-width: 2px;
}
/* Main text of the gauge */
#graf_tlak_vody text {
  fill: #ffa500;	/*oranzova*/
  font-family: 'Comfortaa';
}
/* Current value text */
#graf_tlak_vody text:nth-child(1) {
  fill: #ffa500;	/*oranzova*/
  font-size: 33;
  font-weight: 700;
  font-family: 'Orbitron';
}
/* Ticks */
#graf_tlak_vody path {
  stroke: #ffa500;
}
/* Circle - ukazatel*/
#graf_tlak_vody path:nth-child(2) {
  fill: red;	/* barva ukazatele*/
  stroke: red;
  stroke-width: 1px;
  fill-opacity: 1;
}
/* Warning area */
#graf_tlak_vody path:nth-child(3) {
  fill: zluta;
}

/* Danger area */
#graf_tlak_vody path:nth-child(4) {
  fill: cervena;
}

/****************graf_kotel_teplota*************************/
/* Outer-ring */
#graf_kotel_teplota circle:nth-child(1) {
  stroke-width: 3;
  stroke: #ffa500;
  fill: #262626;
}
/* Main background */
#graf_kotel_teplota circle:nth-child(2) {
  fill: #262626;	/* seda */
  stroke: #262626;
  stroke-width: 0;
}
/* Circle of the pointer */
#graf_kotel_teplota circle:nth-child(3) {
  fill: #68CCE4;
  stroke: white;
  stroke-width: 2px;
}
/* Main text of the gauge */
#graf_kotel_teplota text {
  fill: #ffa500;	/*oranzova*/
  font-family: 'Comfortaa';
}
/* Current value text */
#graf_kotel_teplota text:nth-child(1) {
  fill: #ffa500;	/*oranzova*/
  font-size: 33;
  font-weight: 700;
  font-family: 'Orbitron';
}
/* Ticks */
#graf_kotel_teplota path {
  stroke: #ffa500;
}
/* Circle */
#graf_kotel_teplota path:nth-child(2) {
  fill: red;	/* barva ukazatele*/
  stroke: red;
  stroke-width: 1px;
  fill-opacity: 1;
}
/* Warning area */
#graf_kotel_teplota path:nth-child(3) {
  fill: zluta;
}

/****************graf_vnitrni_teplota*************************/

/* Outer-ring */
#graf_vnitrni_teplota circle:nth-child(1) {
  stroke-width: 3;
  stroke: #ffa500;
  fill: #262626;
}
/* Main background */
#graf_vnitrni_teplota circle:nth-child(2) {
  fill: #262626;	/* seda */
  stroke: #262626;
  stroke-width: 0;
}
/* Circle of the pointer */
#graf_vnitrni_teplota circle:nth-child(3) {
  fill: #68CCE4;
  stroke: white;
  stroke-width: 2px;
}
/* Main text of the gauge */
#graf_vnitrni_teplota text {
  fill: #ffa500;	/*oranzova*/
  font-family: 'Comfortaa';
}
/* Current value text */
#graf_vnitrni_teplota text:nth-child(1) {
  fill: #ffa500;	/*oranzova*/
  font-size: 33;
  font-weight: 700;
  font-family: 'Orbitron';
}
/* Ticks */
#graf_vnitrni_teplota path {
  stroke: #ffa500;
}
/* Circle */
#graf_vnitrni_teplota path:nth-child(2) {
  fill: red;	/* barva ukazatele*/
  stroke: red;
  stroke-width: 2px;
  fill-opacity: 1;
}
/* Warning area */
#graf_vnitrni_teplota path:nth-child(3) {
  fill: zluta;
}

/* Danger area */
#graf_vnitrni_teplota path:nth-child(4) {
  fill: cervena;
}

/****************graf_vnitrni_vlhkost*************************/

/* Outer-ring */
#graf_vnitrni_vlhkost circle:nth-child(1) {
  stroke-width: 3;
  stroke: #ffa500;
  fill: #262626;
}
/* Main background */
#graf_vnitrni_vlhkost circle:nth-child(2) {
  fill: #262626;	/* seda */
  stroke: #262626;
  stroke-width: 0;
}
/* Circle of the pointer */
#graf_vnitrni_vlhkost circle:nth-child(3) {
  fill: #68CCE4;
  stroke: white;
  stroke-width: 2px;
}
/* Main text of the gauge */
#graf_vnitrni_vlhkost text {
  fill: #ffa500;	/*oranzova*/
  font-family: 'Comfortaa';
}
/* Current value text */
#graf_vnitrni_vlhkost text:nth-child(1) {
  fill: #ffa500;	/*oranzova*/
  font-size: 33;
  font-weight: 700;
  font-family: 'Orbitron';
}
/* Ticks */
#graf_vnitrni_vlhkost path {
  stroke: #ffa500;
}
/* Circle */
#graf_vnitrni_vlhkost path:nth-child(2) {
  fill: red;	/* barva ukazatele*/
  stroke: red;
  stroke-width: 2px;
  fill-opacity: 1;
}
/* Warning area */
#graf_vnitrni_vlhkost path:nth-child(3) {
  fill: zluta;
}

/* Danger area */
#graf_vnitrni_vlhkost path:nth-child(4) {
  fill: cervena;
}



/****************graf_kotel_nasypka*************************/

/* Outer-ring */
#graf_kotel_nasypka circle:nth-child(1) {
  stroke-width: 3;
  stroke: #ffa500;
  fill: #262626;
}
/* Main background */
#graf_kotel_nasypka circle:nth-child(2) {
  fill: #262626;	/* seda */
  stroke: #262626;
  stroke-width: 0;
}
/* Circle of the pointer */
#graf_kotel_nasypka circle:nth-child(3) {
  fill: #68CCE4;
  stroke: white;
  stroke-width: 2px;
}
/* Main text of the gauge */
#graf_kotel_nasypka text {
  fill: #ffa500;	/*oranzova*/
  font-family: 'Comfortaa';
}
/* Current value text */
#graf_kotel_nasypka text:nth-child(1) {
  fill: #ffa500;	/*oranzova*/
  font-size: 33;
  font-weight: 700;
  font-family: 'Orbitron';
}
/* Ticks */
#graf_kotel_nasypka path {
  stroke: #ffa500;
}
/* Circle */
#graf_kotel_nasypka path:nth-child(2) {
  fill: red;	/* barva ukazatele*/
  stroke: red;
  stroke-width: 2px;
  fill-opacity: 1;
}
/* Warning area */
#graf_kotel_nasypka path:nth-child(3) {
  fill: zluta;
}

/* Danger area */
#graf_kotel_nasypka path:nth-child(4) {
  fill: cervena;
}


/****************graf_venkovni_vlhkost*************************/

/* Outer-ring */
#graf_venkovni_vlhkost circle:nth-child(1) {
  stroke-width: 3;
  stroke: #ffa500;
  fill: #262626;
}
/* Main background */
#graf_venkovni_vlhkost circle:nth-child(2) {
  fill: #262626;	/* seda */
  stroke: #262626;
  stroke-width: 0;
}
/* Circle of the pointer */
#graf_venkovni_vlhkost circle:nth-child(3) {
  fill: #68CCE4;
  stroke: white;
  stroke-width: 2px;
}
/* Main text of the gauge */
#graf_venkovni_vlhkost text {
  fill: #ffa500;	/*oranzova*/
  font-family: 'Comfortaa';
}
/* Current value text */
#graf_venkovni_vlhkost text:nth-child(1) {
  fill: #ffa500;	/*oranzova*/
  font-size: 33;
  font-weight: 700;
  font-family: 'Orbitron';
}
/* Ticks */
#graf_venkovni_vlhkost path {
  stroke: #ffa500;
}
/* Circle */
#graf_venkovni_vlhkost path:nth-child(2) {
  fill: red;	/* barva ukazatele*/
  stroke: red;
  stroke-width: 2px;
  fill-opacity: 1;
}
/* Warning area */
#graf_venkovni_vlhkost path:nth-child(3) {
  fill: zluta;
}

/* Danger area */
#graf_venkovni_vlhkost path:nth-child(4) {
  fill: cervena;
}


/****************graf_venkovni_teplota*************************/

/* Outer-ring */
#graf_venkovni_teplota circle:nth-child(1) {
  stroke-width: 3;
  stroke: #ffa500;
  fill: #262626;
}
/* Main background */
#graf_venkovni_teplota circle:nth-child(2) {
  fill: #262626;	/* seda */
  stroke: #262626;
  stroke-width: 0;
}
/* Circle of the pointer */
#graf_venkovni_teplota circle:nth-child(3) {
  fill: #68CCE4;
  stroke: white;
  stroke-width: 2px;
}
/* Main text of the gauge */
#graf_venkovni_teplota text {
  fill: #ffa500;	/*oranzova*/
  font-family: 'Comfortaa';
}
/* Current value text */
#graf_venkovni_teplota text:nth-child(1) {
  fill: #ffa500;	/*oranzova*/
  font-size: 33;
  font-weight: 700;
  font-family: 'Orbitron';
}
/* Ticks */
#graf_venkovni_teplota path {
  stroke: #ffa500;
}
/* Circle */
#graf_venkovni_teplota path:nth-child(2) {
  fill: red;	/* barva ukazatele*/
  stroke: red;
  stroke-width: 2px;
  fill-opacity: 1;
}
/* Warning area */
#graf_venkovni_teplota path:nth-child(3) {
  fill: zluta;
}

/* Danger area */
#graf_venkovni_teplota path:nth-child(4) {
  fill: cervena;
}