.svg_circle, .svg_circle_empty, .svg_circle_nodata { stroke: rgba(255, 255, 255, 0.02); stroke-width: 30px; fill: #0db4d5; r: 6px; transition: 400ms; }
    .svg_circle:hover, .svg_circle_empty:hover, .svg_circle_nodata:hover { stroke: #0db4d5; stroke-width: 2px; r: 8px; fill: #fff; }

.svg_circle_nodata { stroke: rgba(167, 4, 4, 0); stroke-width: 60px; fill: rgba(13, 180, 213, 0.50); r: 2px; transition: 400ms; }

.svg_circle_empty { fill: rgba(13, 180, 213, 0.30); }

.svgLabel { position: relative; font-size: 14px; fill: #292929; }
.svgLabel_dk { position: relative; font-size: 5pt; color: coral; fill: #595959; }
.svg_line { stroke: rgba(100, 50, 40, 0.2); stroke-width: 1px; transition: 500ms; /* stroke-dasharray: 1,1; */ }
.svgPolyLine { fill: rgba(100, 50, 40, 0); stroke: rgb(164, 219, 237); stroke-width: 0.5px; }
.svgPoli { fill: rgba(172, 193, 228, 0.4); stroke: red; }
.grp { transition: 500ms; }
    .grp:hover .svg_line { stroke: yellow; stroke-width: 2px; /* stroke-dasharray: 0; */ }
.txtResult { outline: none; border: 0px none; width: 25px; height: 14px; font-size: 10px; }
#divLog { position: absolute; top: 10px; right: 10px; }
.svgPoliLab { fill: rgb(230, 248, 255); }

.svgPolygonBP { /*fill: rgba(13, 180, 213, 0.09);*/ stroke: rgb(164, 219, 237); stroke-width: 1px; fill: url(#header-shape-gradient) #fff; }

.svg_circle_lab { stroke: rgba(255, 255, 255, 0); stroke-width: 30px; fill: rgba(13, 180, 213, 0.0); r: 2px; transition: 400ms; }
    .svg_circle_lab:hover { stroke: #0db4d5; stroke-width: 2px; r: 8px; fill: #fff; }

.svgPolyLine_red { fill: rgba(100, 50, 40, 0); stroke: url(#pulse-grapthlinex) rgb(247, 152, 44); }
.svgLabel_red { position: relative; font-size: 12px; color: #ff0000; fill: #ff0000; }
.svgRect_red { width: 40px; height: 68px; fill: rgba(195, 168, 168, 0.01); }
.svg_circle_red,
.svg_circle_green,
.svg_circle_blue { stroke: rgba(255, 255, 255, 0.002); stroke-width: 30px; fill: #ff0000; r: 6px; transition: 400ms; }
    .svg_circle_red:hover { stroke: #ff0000; stroke-width: 2px; r: 8px; fill: #fff; }

.svg_circle_red { fill: #ff0000; }
.svg_circle_green { fill: green; }
.svg_circle_blue { fill: blue; }

.svg_circle_pulse { stroke: rgba(255, 255, 255, 0.002); stroke-width: 30px; fill: #28689e; r: 6px; transition: 400ms; }
    .svg_circle_pulse:hover { stroke: #28689e; stroke-width: 2px; r: 8px; fill: #fff; }
.svg_circle_pulseIn { stroke: rgba(255, 255, 255, 1); stroke-width: 5px; fill: rgba(255,0,0,1); r: 3px; transition: 400ms; }


.svgBodyPart { display: inline; fill: rgba(255, 255, 255,0.0001); stroke: rgba(0, 0, 0, 0.0001); stroke-width: 0.2px; stroke-linecap: butt; stroke-linejoin: miter; stroke-opacity: 1 }
    .svgBodyPart:hover { fill: rgba(195, 195, 195, 0); stroke: rgba(13, 180, 213, 0); stroke-width: 0.2px; cursor: cell; }

#divBodyParts_SVG_Layer_Container { position: absolute; top: 15px; left: 114px; }

.humanBodyRegionPath { fill: rgba(248, 12, 12, 0.65); stroke: #000000; stroke-width: 0.26458332px; stroke-linecap: butt; stroke-linejoin: miter; stroke-opacity: 1; }

.svgRect { fill: rgba(255, 255, 255, 0); transition: 400ms; rx: 0px; }
    .svgRect:hover { fill: rgba(105, 105, 105, 0); rx: 5px; }
.svgRectV { fill: rgb(220, 239, 247,0); cursor: pointer; }


.svg_vrt_lineg { stroke: #0db4d5; stroke-width: 2px; stroke-linecap: round; }
.svg_vrt_line, .svg_vrt_line_24 { stroke: #00e5d9; stroke-width: 9px; stroke-linecap: round; }
.svg_vrt_Label, .svg_vrt_Label-90 { position: relative; font-size: 12px; color: #fff; fill: #fff; dominant-baseline: middle; text-anchor: middle; }

.svg_vrt_line_24 { stroke-width: 5px; }

.svgBarGraph,
.svgBarGraph_low,
.svgBarGraph_high,
.svgBarGraph_abnormal { fill: rgb(212, 236, 246); transition: 400ms; rx: 7px; }

.svgBarGraph_low { fill: rgb(255, 209, 209); }
.svgBarGraph_high { fill: rgb(255, 139, 139); }
.svgBarGraph_abnormal { fill: rgb(255, 139, 139); }

.svgRectGraph,
.svgRectGraph_low,
.svgRectGraph_high { fill: rgb(231, 248, 255); stroke: none; stroke-width: 1px; transition: 400ms; rx: 12px; height: 25px !important; y: 7; }

.svgRectGraph_low { fill: rgb(255, 235, 235); }
.svgRectGraph_high { fill: rgb(255, 235, 235); }

.svgBarText_low { fill: #292929; }
.svgBarText_hight { fill: #292929; }

.svgRectText_low { fill: #8b0a0a; }
.svgRectText_hight { fill: #8b0a0a; }



/******************************************************************************/
/******************************************************************************/

.shape { width: 500px; height: 200px; }
    .shape .gradient-bg { fill: url(#header-shape-gradient) #fff; }

#header-shape-gradient { --color-stop: #22759D; --color-mid: #289fb6; --color-bot: #22759D; }
#pulse-grapthlinex { --color-stop: #22759D; --color-bot: #E6C515; }

/******************************************************************************/
/******************************************************************************/

.twentyPageData .svg_circle, .twentyPageData .svg_circle_red { r: 2.5px; }
.twentyPageData .svgLabel { font-size: 10px; }
.twentyPageData .svgLabel { font-size: 12px; text-anchor: middle; /* font-weight: bold; */ }
.twentyPageData .svgPolyLine { stroke: rgb(0, 164,218); }
.twentyPageData .svg_circle_red { r: 2.5px; fill: #f00; }


.dailydata .svg_circle_red { r: 3px; }


.twentyPageData .svgBarText_hight { fill: #333; }

.labGraphNoteNotifier { fill: rgba(2, 133, 82, 0.3); }

.grp:is(:hover,:focus) .labGraphNoteNotifier { fill: rgba(2, 133, 82, 0.6); }
.grp:is(:active) .labGraphNoteNotifier { fill: rgba(2, 133, 82, 1); }