/* Service-owned enhancements layered on top of the Gitval original package. */
.wrap_graph .enhanced-donut { display:inline-block; width:210px; max-width:100%; height:auto; vertical-align:middle; }
.enhanced-donut circle { cursor:pointer; pointer-events:visibleStroke; transition:opacity .18s ease; }
.enhanced-donut .donut-percent { font-size:10px; font-weight:700; text-anchor:middle; dominant-baseline:central; pointer-events:none; }
.enhanced-donut.rights-donut .donut-percent { font-size:14px; }
.enhanced-donut circle:hover, .enhanced-donut circle:focus, .enhanced-donut circle.is-selected { opacity:.8; }
.list_status { pointer-events:none; }
.list_chart .bg_bar:focus-visible + .layer_tootip { display:block; }
.list_graph > li.is-selected { font-weight:700; }
.list_graph > li { cursor:pointer; }
.bg_bar { cursor:pointer; }
.enhanced-tooltip { position:fixed; z-index:1000; max-width:260px; padding:10px; border-radius:12px; background:#1E1E1E; color:#fff; text-align:center; white-space:nowrap; font:inherit; pointer-events:none; box-shadow:none; }
.enhanced-tooltip[hidden] { display:none; }
.enhanced-tooltip .tit_tooltip { display:block; font-size:10px; line-height:14px; color:#FEE500; }
.enhanced-tooltip .txt_tooltip { display:block; font-size:12px; line-height:18px; color:#fff; }
/* Match the posting reference image palette at both viewport sizes. */
.box_item.type_box .list_graph .type_dot1 { background-color:#257A7E; }
.box_item.type_box .list_graph .type_dot2 { background-color:#4DA0A4; }
.box_item.type_box .list_graph .type_dot3 { background-color:#7DCBCF; }
.box_item.type_box .list_graph .type_dot4 { background-color:#B0E0E2; }
.box_item.type_box .list_graph .type_dot5 { background-color:#DBF4F6; }
.box_item.type_box .list_graph .type_dot6 { background-color:#0E5154; }
@media (min-width:768px) { .box_item.type_box .enhanced-donut { width:320px; } }
@media (max-width:767px) { .enhanced-tooltip { max-width:220px; } }