@carbon/charts
Version:
Carbon charting components
1,648 lines (1,647 loc) • 272 kB
CSS
body {
margin: 0;
/* width */
/* Track */
/* Handle */
/* Handle on hover */
}
body::-webkit-scrollbar {
width: 10px;
}
body::-webkit-scrollbar-track {
background: #f1f1f1;
}
body::-webkit-scrollbar-thumb {
background: #888;
}
body::-webkit-scrollbar-thumb:hover {
background: #555;
}
div.container {
font-family: "IBM Plex Sans", Arial, sans-serif;
padding: 30px;
}
div.container.theme--white {
color: #161616;
background-color: #ffffff;
line-height: 1;
}
div.container.theme--white .bx--cc--chart-svg .fill-1-1-1 {
fill: #6929c4;
}
div.container.theme--white .bx--cc--chart-svg .fill-1-1-1.hovered {
fill: #5923a6;
}
div.container.theme--white .bx--cc--chart-svg .stroke-1-1-1 {
stroke: #6929c4;
}
div.container.theme--white .bx--cc--chart-svg .fill-1-2-1 {
fill: #002d9c;
}
div.container.theme--white .bx--cc--chart-svg .fill-1-2-1.hovered {
fill: #002378;
}
div.container.theme--white .bx--cc--chart-svg .stroke-1-2-1 {
stroke: #002d9c;
}
div.container.theme--white .bx--cc--chart-svg .fill-1-3-1 {
fill: #1192e8;
}
div.container.theme--white .bx--cc--chart-svg .fill-1-3-1.hovered {
fill: #0f7dc7;
}
div.container.theme--white .bx--cc--chart-svg .stroke-1-3-1 {
stroke: #1192e8;
}
div.container.theme--white .bx--cc--chart-svg .fill-1-4-1 {
fill: #007d79;
}
div.container.theme--white .bx--cc--chart-svg .fill-1-4-1.hovered {
fill: #005956;
}
div.container.theme--white .bx--cc--chart-svg .stroke-1-4-1 {
stroke: #007d79;
}
div.container.theme--white .bx--cc--chart-svg .fill-2-1-1 {
fill: #6929c4;
}
div.container.theme--white .bx--cc--chart-svg .fill-2-1-1.hovered {
fill: #5923a6;
}
div.container.theme--white .bx--cc--chart-svg .stroke-2-1-1 {
stroke: #6929c4;
}
div.container.theme--white .bx--cc--chart-svg .fill-2-1-2 {
fill: #009d9a;
}
div.container.theme--white .bx--cc--chart-svg .fill-2-1-2.hovered {
fill: #007977;
}
div.container.theme--white .bx--cc--chart-svg .stroke-2-1-2 {
stroke: #009d9a;
}
div.container.theme--white .bx--cc--chart-svg .fill-2-2-1 {
fill: #8a3ffc;
}
div.container.theme--white .bx--cc--chart-svg .fill-2-2-1.hovered {
fill: #751cfb;
}
div.container.theme--white .bx--cc--chart-svg .stroke-2-2-1 {
stroke: #8a3ffc;
}
div.container.theme--white .bx--cc--chart-svg .fill-2-2-2 {
fill: #520408;
}
div.container.theme--white .bx--cc--chart-svg .fill-2-2-2.hovered {
fill: #300205;
}
div.container.theme--white .bx--cc--chart-svg .stroke-2-2-2 {
stroke: #520408;
}
div.container.theme--white .bx--cc--chart-svg .fill-2-3-1 {
fill: #9f1853;
}
div.container.theme--white .bx--cc--chart-svg .fill-2-3-1.hovered {
fill: #801343;
}
div.container.theme--white .bx--cc--chart-svg .stroke-2-3-1 {
stroke: #9f1853;
}
div.container.theme--white .bx--cc--chart-svg .fill-2-3-2 {
fill: #520408;
}
div.container.theme--white .bx--cc--chart-svg .fill-2-3-2.hovered {
fill: #300205;
}
div.container.theme--white .bx--cc--chart-svg .stroke-2-3-2 {
stroke: #520408;
}
div.container.theme--white .bx--cc--chart-svg .fill-2-4-1 {
fill: #1192e8;
}
div.container.theme--white .bx--cc--chart-svg .fill-2-4-1.hovered {
fill: #0f7dc7;
}
div.container.theme--white .bx--cc--chart-svg .stroke-2-4-1 {
stroke: #1192e8;
}
div.container.theme--white .bx--cc--chart-svg .fill-2-4-2 {
fill: #005d5d;
}
div.container.theme--white .bx--cc--chart-svg .fill-2-4-2.hovered {
fill: #003939;
}
div.container.theme--white .bx--cc--chart-svg .stroke-2-4-2 {
stroke: #005d5d;
}
div.container.theme--white .bx--cc--chart-svg .fill-2-5-1 {
fill: #009d9a;
}
div.container.theme--white .bx--cc--chart-svg .fill-2-5-1.hovered {
fill: #007977;
}
div.container.theme--white .bx--cc--chart-svg .stroke-2-5-1 {
stroke: #009d9a;
}
div.container.theme--white .bx--cc--chart-svg .fill-2-5-2 {
fill: #002d9c;
}
div.container.theme--white .bx--cc--chart-svg .fill-2-5-2.hovered {
fill: #002378;
}
div.container.theme--white .bx--cc--chart-svg .stroke-2-5-2 {
stroke: #002d9c;
}
div.container.theme--white .bx--cc--chart-svg .fill-3-1-1 {
fill: #ee5396;
}
div.container.theme--white .bx--cc--chart-svg .fill-3-1-1.hovered {
fill: #eb3382;
}
div.container.theme--white .bx--cc--chart-svg .stroke-3-1-1 {
stroke: #ee5396;
}
div.container.theme--white .bx--cc--chart-svg .fill-3-1-2 {
fill: #1192e8;
}
div.container.theme--white .bx--cc--chart-svg .fill-3-1-2.hovered {
fill: #0f7dc7;
}
div.container.theme--white .bx--cc--chart-svg .stroke-3-1-2 {
stroke: #1192e8;
}
div.container.theme--white .bx--cc--chart-svg .fill-3-1-3 {
fill: #6929c4;
}
div.container.theme--white .bx--cc--chart-svg .fill-3-1-3.hovered {
fill: #5923a6;
}
div.container.theme--white .bx--cc--chart-svg .stroke-3-1-3 {
stroke: #6929c4;
}
div.container.theme--white .bx--cc--chart-svg .fill-3-2-1 {
fill: #9f1853;
}
div.container.theme--white .bx--cc--chart-svg .fill-3-2-1.hovered {
fill: #801343;
}
div.container.theme--white .bx--cc--chart-svg .stroke-3-2-1 {
stroke: #9f1853;
}
div.container.theme--white .bx--cc--chart-svg .fill-3-2-2 {
fill: #fa4d56;
}
div.container.theme--white .bx--cc--chart-svg .fill-3-2-2.hovered {
fill: #f92a35;
}
div.container.theme--white .bx--cc--chart-svg .stroke-3-2-2 {
stroke: #fa4d56;
}
div.container.theme--white .bx--cc--chart-svg .fill-3-2-3 {
fill: #520408;
}
div.container.theme--white .bx--cc--chart-svg .fill-3-2-3.hovered {
fill: #300205;
}
div.container.theme--white .bx--cc--chart-svg .stroke-3-2-3 {
stroke: #520408;
}
div.container.theme--white .bx--cc--chart-svg .fill-3-3-1 {
fill: #a56eff;
}
div.container.theme--white .bx--cc--chart-svg .fill-3-3-1.hovered {
fill: #8f4aff;
}
div.container.theme--white .bx--cc--chart-svg .stroke-3-3-1 {
stroke: #a56eff;
}
div.container.theme--white .bx--cc--chart-svg .fill-3-3-2 {
fill: #005d5d;
}
div.container.theme--white .bx--cc--chart-svg .fill-3-3-2.hovered {
fill: #003939;
}
div.container.theme--white .bx--cc--chart-svg .stroke-3-3-2 {
stroke: #005d5d;
}
div.container.theme--white .bx--cc--chart-svg .fill-3-3-3 {
fill: #002d9c;
}
div.container.theme--white .bx--cc--chart-svg .fill-3-3-3.hovered {
fill: #002378;
}
div.container.theme--white .bx--cc--chart-svg .stroke-3-3-3 {
stroke: #002d9c;
}
div.container.theme--white .bx--cc--chart-svg .fill-3-4-1 {
fill: #a56eff;
}
div.container.theme--white .bx--cc--chart-svg .fill-3-4-1.hovered {
fill: #8f4aff;
}
div.container.theme--white .bx--cc--chart-svg .stroke-3-4-1 {
stroke: #a56eff;
}
div.container.theme--white .bx--cc--chart-svg .fill-3-4-2 {
fill: #005d5d;
}
div.container.theme--white .bx--cc--chart-svg .fill-3-4-2.hovered {
fill: #003939;
}
div.container.theme--white .bx--cc--chart-svg .stroke-3-4-2 {
stroke: #005d5d;
}
div.container.theme--white .bx--cc--chart-svg .fill-3-4-3 {
fill: #9f1853;
}
div.container.theme--white .bx--cc--chart-svg .fill-3-4-3.hovered {
fill: #801343;
}
div.container.theme--white .bx--cc--chart-svg .stroke-3-4-3 {
stroke: #9f1853;
}
div.container.theme--white .bx--cc--chart-svg .fill-3-5-1 {
fill: #012749;
}
div.container.theme--white .bx--cc--chart-svg .fill-3-5-1.hovered {
fill: #011426;
}
div.container.theme--white .bx--cc--chart-svg .stroke-3-5-1 {
stroke: #012749;
}
div.container.theme--white .bx--cc--chart-svg .fill-3-5-2 {
fill: #6929c4;
}
div.container.theme--white .bx--cc--chart-svg .fill-3-5-2.hovered {
fill: #5923a6;
}
div.container.theme--white .bx--cc--chart-svg .stroke-3-5-2 {
stroke: #6929c4;
}
div.container.theme--white .bx--cc--chart-svg .fill-3-5-3 {
fill: #009d9a;
}
div.container.theme--white .bx--cc--chart-svg .fill-3-5-3.hovered {
fill: #007977;
}
div.container.theme--white .bx--cc--chart-svg .stroke-3-5-3 {
stroke: #009d9a;
}
div.container.theme--white .bx--cc--chart-svg .fill-4-1-1 {
fill: #6929c4;
}
div.container.theme--white .bx--cc--chart-svg .fill-4-1-1.hovered {
fill: #5923a6;
}
div.container.theme--white .bx--cc--chart-svg .stroke-4-1-1 {
stroke: #6929c4;
}
div.container.theme--white .bx--cc--chart-svg .fill-4-1-2 {
fill: #012749;
}
div.container.theme--white .bx--cc--chart-svg .fill-4-1-2.hovered {
fill: #011426;
}
div.container.theme--white .bx--cc--chart-svg .stroke-4-1-2 {
stroke: #012749;
}
div.container.theme--white .bx--cc--chart-svg .fill-4-1-3 {
fill: #009d9a;
}
div.container.theme--white .bx--cc--chart-svg .fill-4-1-3.hovered {
fill: #007977;
}
div.container.theme--white .bx--cc--chart-svg .stroke-4-1-3 {
stroke: #009d9a;
}
div.container.theme--white .bx--cc--chart-svg .fill-4-1-4 {
fill: #ee5396;
}
div.container.theme--white .bx--cc--chart-svg .fill-4-1-4.hovered {
fill: #eb3382;
}
div.container.theme--white .bx--cc--chart-svg .stroke-4-1-4 {
stroke: #ee5396;
}
div.container.theme--white .bx--cc--chart-svg .fill-4-2-1 {
fill: #9f1853;
}
div.container.theme--white .bx--cc--chart-svg .fill-4-2-1.hovered {
fill: #801343;
}
div.container.theme--white .bx--cc--chart-svg .stroke-4-2-1 {
stroke: #9f1853;
}
div.container.theme--white .bx--cc--chart-svg .fill-4-2-2 {
fill: #fa4d56;
}
div.container.theme--white .bx--cc--chart-svg .fill-4-2-2.hovered {
fill: #f92a35;
}
div.container.theme--white .bx--cc--chart-svg .stroke-4-2-2 {
stroke: #fa4d56;
}
div.container.theme--white .bx--cc--chart-svg .fill-4-2-3 {
fill: #520408;
}
div.container.theme--white .bx--cc--chart-svg .fill-4-2-3.hovered {
fill: #300205;
}
div.container.theme--white .bx--cc--chart-svg .stroke-4-2-3 {
stroke: #520408;
}
div.container.theme--white .bx--cc--chart-svg .fill-4-2-4 {
fill: #a56eff;
}
div.container.theme--white .bx--cc--chart-svg .fill-4-2-4.hovered {
fill: #8f4aff;
}
div.container.theme--white .bx--cc--chart-svg .stroke-4-2-4 {
stroke: #a56eff;
}
div.container.theme--white .bx--cc--chart-svg .fill-4-3-1 {
fill: #009d9a;
}
div.container.theme--white .bx--cc--chart-svg .fill-4-3-1.hovered {
fill: #007977;
}
div.container.theme--white .bx--cc--chart-svg .stroke-4-3-1 {
stroke: #009d9a;
}
div.container.theme--white .bx--cc--chart-svg .fill-4-3-2 {
fill: #002d9c;
}
div.container.theme--white .bx--cc--chart-svg .fill-4-3-2.hovered {
fill: #002378;
}
div.container.theme--white .bx--cc--chart-svg .stroke-4-3-2 {
stroke: #002d9c;
}
div.container.theme--white .bx--cc--chart-svg .fill-4-3-3 {
fill: #a56eff;
}
div.container.theme--white .bx--cc--chart-svg .fill-4-3-3.hovered {
fill: #8f4aff;
}
div.container.theme--white .bx--cc--chart-svg .stroke-4-3-3 {
stroke: #a56eff;
}
div.container.theme--white .bx--cc--chart-svg .fill-4-3-4 {
fill: #9f1853;
}
div.container.theme--white .bx--cc--chart-svg .fill-4-3-4.hovered {
fill: #801343;
}
div.container.theme--white .bx--cc--chart-svg .stroke-4-3-4 {
stroke: #9f1853;
}
div.container.theme--white .bx--cc--chart-svg .fill-5-1-1 {
fill: #6929c4;
}
div.container.theme--white .bx--cc--chart-svg .fill-5-1-1.hovered {
fill: #5923a6;
}
div.container.theme--white .bx--cc--chart-svg .stroke-5-1-1 {
stroke: #6929c4;
}
div.container.theme--white .bx--cc--chart-svg .fill-5-1-2 {
fill: #1192e8;
}
div.container.theme--white .bx--cc--chart-svg .fill-5-1-2.hovered {
fill: #0f7dc7;
}
div.container.theme--white .bx--cc--chart-svg .stroke-5-1-2 {
stroke: #1192e8;
}
div.container.theme--white .bx--cc--chart-svg .fill-5-1-3 {
fill: #005d5d;
}
div.container.theme--white .bx--cc--chart-svg .fill-5-1-3.hovered {
fill: #003939;
}
div.container.theme--white .bx--cc--chart-svg .stroke-5-1-3 {
stroke: #005d5d;
}
div.container.theme--white .bx--cc--chart-svg .fill-5-1-4 {
fill: #9f1853;
}
div.container.theme--white .bx--cc--chart-svg .fill-5-1-4.hovered {
fill: #801343;
}
div.container.theme--white .bx--cc--chart-svg .stroke-5-1-4 {
stroke: #9f1853;
}
div.container.theme--white .bx--cc--chart-svg .fill-5-1-5 {
fill: #520408;
}
div.container.theme--white .bx--cc--chart-svg .fill-5-1-5.hovered {
fill: #300205;
}
div.container.theme--white .bx--cc--chart-svg .stroke-5-1-5 {
stroke: #520408;
}
div.container.theme--white .bx--cc--chart-svg .fill-5-2-1 {
fill: #002d9c;
}
div.container.theme--white .bx--cc--chart-svg .fill-5-2-1.hovered {
fill: #002378;
}
div.container.theme--white .bx--cc--chart-svg .stroke-5-2-1 {
stroke: #002d9c;
}
div.container.theme--white .bx--cc--chart-svg .fill-5-2-2 {
fill: #009d9a;
}
div.container.theme--white .bx--cc--chart-svg .fill-5-2-2.hovered {
fill: #007977;
}
div.container.theme--white .bx--cc--chart-svg .stroke-5-2-2 {
stroke: #009d9a;
}
div.container.theme--white .bx--cc--chart-svg .fill-5-2-3 {
fill: #9f1853;
}
div.container.theme--white .bx--cc--chart-svg .fill-5-2-3.hovered {
fill: #801343;
}
div.container.theme--white .bx--cc--chart-svg .stroke-5-2-3 {
stroke: #9f1853;
}
div.container.theme--white .bx--cc--chart-svg .fill-5-2-4 {
fill: #520408;
}
div.container.theme--white .bx--cc--chart-svg .fill-5-2-4.hovered {
fill: #300205;
}
div.container.theme--white .bx--cc--chart-svg .stroke-5-2-4 {
stroke: #520408;
}
div.container.theme--white .bx--cc--chart-svg .fill-5-2-5 {
fill: #a56eff;
}
div.container.theme--white .bx--cc--chart-svg .fill-5-2-5.hovered {
fill: #8f4aff;
}
div.container.theme--white .bx--cc--chart-svg .stroke-5-2-5 {
stroke: #a56eff;
}
div.container.theme--white .bx--cc--chart-svg .fill-14-1-1 {
fill: #6929c4;
}
div.container.theme--white .bx--cc--chart-svg .fill-14-1-1.hovered {
fill: #5923a6;
}
div.container.theme--white .bx--cc--chart-svg .stroke-14-1-1 {
stroke: #6929c4;
}
div.container.theme--white .bx--cc--chart-svg .fill-14-1-2 {
fill: #1192e8;
}
div.container.theme--white .bx--cc--chart-svg .fill-14-1-2.hovered {
fill: #0f7dc7;
}
div.container.theme--white .bx--cc--chart-svg .stroke-14-1-2 {
stroke: #1192e8;
}
div.container.theme--white .bx--cc--chart-svg .fill-14-1-3 {
fill: #005d5d;
}
div.container.theme--white .bx--cc--chart-svg .fill-14-1-3.hovered {
fill: #003939;
}
div.container.theme--white .bx--cc--chart-svg .stroke-14-1-3 {
stroke: #005d5d;
}
div.container.theme--white .bx--cc--chart-svg .fill-14-1-4 {
fill: #9f1853;
}
div.container.theme--white .bx--cc--chart-svg .fill-14-1-4.hovered {
fill: #801343;
}
div.container.theme--white .bx--cc--chart-svg .stroke-14-1-4 {
stroke: #9f1853;
}
div.container.theme--white .bx--cc--chart-svg .fill-14-1-5 {
fill: #fa4d56;
}
div.container.theme--white .bx--cc--chart-svg .fill-14-1-5.hovered {
fill: #f92a35;
}
div.container.theme--white .bx--cc--chart-svg .stroke-14-1-5 {
stroke: #fa4d56;
}
div.container.theme--white .bx--cc--chart-svg .fill-14-1-6 {
fill: #520408;
}
div.container.theme--white .bx--cc--chart-svg .fill-14-1-6.hovered {
fill: #300205;
}
div.container.theme--white .bx--cc--chart-svg .stroke-14-1-6 {
stroke: #520408;
}
div.container.theme--white .bx--cc--chart-svg .fill-14-1-7 {
fill: #198038;
}
div.container.theme--white .bx--cc--chart-svg .fill-14-1-7.hovered {
fill: #13622b;
}
div.container.theme--white .bx--cc--chart-svg .stroke-14-1-7 {
stroke: #198038;
}
div.container.theme--white .bx--cc--chart-svg .fill-14-1-8 {
fill: #002d9c;
}
div.container.theme--white .bx--cc--chart-svg .fill-14-1-8.hovered {
fill: #002378;
}
div.container.theme--white .bx--cc--chart-svg .stroke-14-1-8 {
stroke: #002d9c;
}
div.container.theme--white .bx--cc--chart-svg .fill-14-1-9 {
fill: #ee5396;
}
div.container.theme--white .bx--cc--chart-svg .fill-14-1-9.hovered {
fill: #eb3382;
}
div.container.theme--white .bx--cc--chart-svg .stroke-14-1-9 {
stroke: #ee5396;
}
div.container.theme--white .bx--cc--chart-svg .fill-14-1-10 {
fill: #b28600;
}
div.container.theme--white .bx--cc--chart-svg .fill-14-1-10.hovered {
fill: #8e6b00;
}
div.container.theme--white .bx--cc--chart-svg .stroke-14-1-10 {
stroke: #b28600;
}
div.container.theme--white .bx--cc--chart-svg .fill-14-1-11 {
fill: #009d9a;
}
div.container.theme--white .bx--cc--chart-svg .fill-14-1-11.hovered {
fill: #007977;
}
div.container.theme--white .bx--cc--chart-svg .stroke-14-1-11 {
stroke: #009d9a;
}
div.container.theme--white .bx--cc--chart-svg .fill-14-1-12 {
fill: #012749;
}
div.container.theme--white .bx--cc--chart-svg .fill-14-1-12.hovered {
fill: #011426;
}
div.container.theme--white .bx--cc--chart-svg .stroke-14-1-12 {
stroke: #012749;
}
div.container.theme--white .bx--cc--chart-svg .fill-14-1-13 {
fill: #8a3800;
}
div.container.theme--white .bx--cc--chart-svg .fill-14-1-13.hovered {
fill: #662a00;
}
div.container.theme--white .bx--cc--chart-svg .stroke-14-1-13 {
stroke: #8a3800;
}
div.container.theme--white .bx--cc--chart-svg .fill-14-1-14 {
fill: #a56eff;
}
div.container.theme--white .bx--cc--chart-svg .fill-14-1-14.hovered {
fill: #8f4aff;
}
div.container.theme--white .bx--cc--chart-svg .stroke-14-1-14 {
stroke: #a56eff;
}
div.container.theme--white .bx--cc--tooltip .tooltip-1-1-1 {
background-color: #6929c4;
}
div.container.theme--white .bx--cc--tooltip .tooltip-1-2-1 {
background-color: #002d9c;
}
div.container.theme--white .bx--cc--tooltip .tooltip-1-3-1 {
background-color: #1192e8;
}
div.container.theme--white .bx--cc--tooltip .tooltip-1-4-1 {
background-color: #007d79;
}
div.container.theme--white .bx--cc--tooltip .tooltip-2-1-1 {
background-color: #6929c4;
}
div.container.theme--white .bx--cc--tooltip .tooltip-2-1-2 {
background-color: #009d9a;
}
div.container.theme--white .bx--cc--tooltip .tooltip-2-2-1 {
background-color: #8a3ffc;
}
div.container.theme--white .bx--cc--tooltip .tooltip-2-2-2 {
background-color: #520408;
}
div.container.theme--white .bx--cc--tooltip .tooltip-2-3-1 {
background-color: #9f1853;
}
div.container.theme--white .bx--cc--tooltip .tooltip-2-3-2 {
background-color: #520408;
}
div.container.theme--white .bx--cc--tooltip .tooltip-2-4-1 {
background-color: #1192e8;
}
div.container.theme--white .bx--cc--tooltip .tooltip-2-4-2 {
background-color: #005d5d;
}
div.container.theme--white .bx--cc--tooltip .tooltip-2-5-1 {
background-color: #009d9a;
}
div.container.theme--white .bx--cc--tooltip .tooltip-2-5-2 {
background-color: #002d9c;
}
div.container.theme--white .bx--cc--tooltip .tooltip-3-1-1 {
background-color: #ee5396;
}
div.container.theme--white .bx--cc--tooltip .tooltip-3-1-2 {
background-color: #1192e8;
}
div.container.theme--white .bx--cc--tooltip .tooltip-3-1-3 {
background-color: #6929c4;
}
div.container.theme--white .bx--cc--tooltip .tooltip-3-2-1 {
background-color: #9f1853;
}
div.container.theme--white .bx--cc--tooltip .tooltip-3-2-2 {
background-color: #fa4d56;
}
div.container.theme--white .bx--cc--tooltip .tooltip-3-2-3 {
background-color: #520408;
}
div.container.theme--white .bx--cc--tooltip .tooltip-3-3-1 {
background-color: #a56eff;
}
div.container.theme--white .bx--cc--tooltip .tooltip-3-3-2 {
background-color: #005d5d;
}
div.container.theme--white .bx--cc--tooltip .tooltip-3-3-3 {
background-color: #002d9c;
}
div.container.theme--white .bx--cc--tooltip .tooltip-3-4-1 {
background-color: #a56eff;
}
div.container.theme--white .bx--cc--tooltip .tooltip-3-4-2 {
background-color: #005d5d;
}
div.container.theme--white .bx--cc--tooltip .tooltip-3-4-3 {
background-color: #9f1853;
}
div.container.theme--white .bx--cc--tooltip .tooltip-3-5-1 {
background-color: #012749;
}
div.container.theme--white .bx--cc--tooltip .tooltip-3-5-2 {
background-color: #6929c4;
}
div.container.theme--white .bx--cc--tooltip .tooltip-3-5-3 {
background-color: #009d9a;
}
div.container.theme--white .bx--cc--tooltip .tooltip-4-1-1 {
background-color: #6929c4;
}
div.container.theme--white .bx--cc--tooltip .tooltip-4-1-2 {
background-color: #012749;
}
div.container.theme--white .bx--cc--tooltip .tooltip-4-1-3 {
background-color: #009d9a;
}
div.container.theme--white .bx--cc--tooltip .tooltip-4-1-4 {
background-color: #ee5396;
}
div.container.theme--white .bx--cc--tooltip .tooltip-4-2-1 {
background-color: #9f1853;
}
div.container.theme--white .bx--cc--tooltip .tooltip-4-2-2 {
background-color: #fa4d56;
}
div.container.theme--white .bx--cc--tooltip .tooltip-4-2-3 {
background-color: #520408;
}
div.container.theme--white .bx--cc--tooltip .tooltip-4-2-4 {
background-color: #a56eff;
}
div.container.theme--white .bx--cc--tooltip .tooltip-4-3-1 {
background-color: #009d9a;
}
div.container.theme--white .bx--cc--tooltip .tooltip-4-3-2 {
background-color: #002d9c;
}
div.container.theme--white .bx--cc--tooltip .tooltip-4-3-3 {
background-color: #a56eff;
}
div.container.theme--white .bx--cc--tooltip .tooltip-4-3-4 {
background-color: #9f1853;
}
div.container.theme--white .bx--cc--tooltip .tooltip-5-1-1 {
background-color: #6929c4;
}
div.container.theme--white .bx--cc--tooltip .tooltip-5-1-2 {
background-color: #1192e8;
}
div.container.theme--white .bx--cc--tooltip .tooltip-5-1-3 {
background-color: #005d5d;
}
div.container.theme--white .bx--cc--tooltip .tooltip-5-1-4 {
background-color: #9f1853;
}
div.container.theme--white .bx--cc--tooltip .tooltip-5-1-5 {
background-color: #520408;
}
div.container.theme--white .bx--cc--tooltip .tooltip-5-2-1 {
background-color: #002d9c;
}
div.container.theme--white .bx--cc--tooltip .tooltip-5-2-2 {
background-color: #009d9a;
}
div.container.theme--white .bx--cc--tooltip .tooltip-5-2-3 {
background-color: #9f1853;
}
div.container.theme--white .bx--cc--tooltip .tooltip-5-2-4 {
background-color: #520408;
}
div.container.theme--white .bx--cc--tooltip .tooltip-5-2-5 {
background-color: #a56eff;
}
div.container.theme--white .bx--cc--tooltip .tooltip-14-1-1 {
background-color: #6929c4;
}
div.container.theme--white .bx--cc--tooltip .tooltip-14-1-2 {
background-color: #1192e8;
}
div.container.theme--white .bx--cc--tooltip .tooltip-14-1-3 {
background-color: #005d5d;
}
div.container.theme--white .bx--cc--tooltip .tooltip-14-1-4 {
background-color: #9f1853;
}
div.container.theme--white .bx--cc--tooltip .tooltip-14-1-5 {
background-color: #fa4d56;
}
div.container.theme--white .bx--cc--tooltip .tooltip-14-1-6 {
background-color: #520408;
}
div.container.theme--white .bx--cc--tooltip .tooltip-14-1-7 {
background-color: #198038;
}
div.container.theme--white .bx--cc--tooltip .tooltip-14-1-8 {
background-color: #002d9c;
}
div.container.theme--white .bx--cc--tooltip .tooltip-14-1-9 {
background-color: #ee5396;
}
div.container.theme--white .bx--cc--tooltip .tooltip-14-1-10 {
background-color: #b28600;
}
div.container.theme--white .bx--cc--tooltip .tooltip-14-1-11 {
background-color: #009d9a;
}
div.container.theme--white .bx--cc--tooltip .tooltip-14-1-12 {
background-color: #012749;
}
div.container.theme--white .bx--cc--tooltip .tooltip-14-1-13 {
background-color: #8a3800;
}
div.container.theme--white .bx--cc--tooltip .tooltip-14-1-14 {
background-color: #a56eff;
}
div.container.theme--white .bx--cc--axes g.axis g.ticks.invisible {
visibility: hidden;
}
div.container.theme--white .bx--cc--axes g.axis g.tick text {
fill: #393939;
font-family: 'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif;
}
div.container.theme--white .bx--cc--axes g.axis g.tick line {
display: none;
}
div.container.theme--white .bx--cc--axes g.axis path.domain {
stroke: #8d8d8d;
}
div.container.theme--white .bx--cc--chart-svg g.callouts {
stroke: #393939;
}
div.container.theme--white .bx--cc--grid-brush g.grid-brush rect.selection {
fill: none;
fill-opacity: 0;
stroke: none;
}
div.container.theme--white g.bx--cc--grid-brush rect.frontSelection {
fill: #e0e0e0;
fill-opacity: 0.3;
stroke: #0f62fe;
}
div.container.theme--white .bx--cc--grid rect.chart-grid-backdrop {
fill: #ffffff;
}
div.container.theme--white .bx--cc--grid rect.chart-grid-backdrop.stroked {
stroke: #e0e0e0;
}
div.container.theme--white .bx--cc--grid rect.stroke {
stroke: #e0e0e0;
}
div.container.theme--white .bx--cc--grid g.x.grid g.tick line,
div.container.theme--white .bx--cc--grid g.y.grid g.tick line {
pointer-events: none;
stroke-width: 1px;
stroke: #e0e0e0;
}
div.container.theme--white .bx--cc--grid g.x.grid g.tick.active line,
div.container.theme--white .bx--cc--grid g.y.grid g.tick.active line {
stroke-dasharray: 2px;
stroke: #0f62fe;
}
div.container.theme--white .bx--cc--ruler line.ruler-line {
stroke: #000000;
stroke-width: 1px;
stroke-dasharray: 2;
pointer-events: none;
}
div.container.theme--white .bx--cc--skeleton rect.chart-skeleton-backdrop {
fill: #ffffff;
}
div.container.theme--white .bx--cc--skeleton .shimmer-effect-lines {
stroke-width: 1px;
stroke: url(#shimmer-lines);
}
div.container.theme--white .bx--cc--skeleton .shimmer-effect-sparkline {
stroke-width: 0px;
}
div.container.theme--white .bx--cc--skeleton .empty-state-lines {
stroke-width: 1px;
stroke: #e0e0e0;
}
div.container.theme--white .bx--cc--skeleton #shimmer-lines .stop-bg-shimmer {
stop-color: #e0e0e0;
}
div.container.theme--white .bx--cc--skeleton #shimmer-lines .stop-shimmer {
stop-color: #ffffff;
}
div.container.theme--white .bx--cc--skeleton .shimmer-effect-areas {
fill: url(#shimmer-areas);
}
div.container.theme--white .bx--cc--skeleton .empty-state-areas {
fill: rgba(127, 127, 127, 0.1);
}
div.container.theme--white .bx--cc--skeleton #shimmer-areas .stop-bg-shimmer {
stop-color: rgba(127, 127, 127, 0.1);
}
div.container.theme--white .bx--cc--skeleton #shimmer-areas .stop-shimmer {
stop-color: rgba(255, 255, 255, 0.15);
}
div.container.theme--white .bx--cc--skeleton-lines rect.chart-skeleton-backdrop {
fill: #ffffff;
}
div.container.theme--white .bx--cc--skeleton-lines .shimmer-effect-lines {
stroke-width: 1px;
stroke: url(#shimmer-lines);
}
div.container.theme--white .bx--cc--skeleton-lines .shimmer-effect-sparkline {
stroke-width: 0px;
}
div.container.theme--white .bx--cc--skeleton-lines .empty-state-lines {
stroke-width: 1px;
stroke: #e0e0e0;
}
div.container.theme--white .bx--cc--skeleton-lines #shimmer-lines .stop-bg-shimmer {
stop-color: #e0e0e0;
}
div.container.theme--white .bx--cc--skeleton-lines #shimmer-lines .stop-shimmer {
stop-color: #ffffff;
}
div.container.theme--white .bx--cc--zero-line line.domain {
stroke: #8d8d8d;
}
div.container.theme--white .bx--cc--chart-svg svg.layout-child {
overflow: visible;
}
div.container.theme--white g.bx--cc--legend {
user-select: none;
}
div.container.theme--white g.bx--cc--legend g.legend-item rect.checkbox {
stroke-width: 1px;
stroke-opacity: 1;
}
div.container.theme--white g.bx--cc--legend g.legend-item rect.checkbox:not(.active) {
stroke: #393939;
fill: #ffffff;
}
div.container.theme--white g.bx--cc--legend g.legend-item rect.checkbox:not(.active) ~ g.check {
display: none;
}
div.container.theme--white g.bx--cc--legend g.legend-item rect.hover-stroke {
fill: none;
stroke: #0f62fe;
stroke-width: 2;
}
div.container.theme--white g.bx--cc--legend g.legend-item g.check > svg path {
fill: #ffffff;
stroke: #ffffff;
}
div.container.theme--white g.bx--cc--legend g.legend-item text {
font-size: 12px;
fill: #393939;
}
div.container.theme--white g.bx--cc--legend.clickable g.legend-item:hover {
cursor: pointer;
}
div.container.theme--white .bx--cc--title text.title {
fill: #161616;
font-size: 16px;
font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
font-weight: 600;
}
div.container.theme--white .bx--cc--meter-title text.meter-title,
div.container.theme--white .bx--cc--meter-title text.percent-value {
fill: #161616;
}
div.container.theme--white .bx--cc--meter-title g.status-indicator.status--danger circle.status {
fill: #da1e28;
}
div.container.theme--white .bx--cc--meter-title g.status-indicator.status--warning circle.status {
fill: #f1c21b;
}
div.container.theme--white .bx--cc--meter-title g.status-indicator.status--warning path.innerFill {
fill: #000000;
}
div.container.theme--white .bx--cc--meter-title g.status-indicator.status--success circle.status {
fill: #24a148;
}
div.container.theme--white .bx--cc--meter-title g.status-indicator path.innerFill {
fill: #ffffff;
}
@keyframes skeleton {
0% {
width: 0%;
left: 0;
right: auto;
opacity: 0.3;
}
20% {
width: 100%;
left: 0;
right: auto;
opacity: 1;
}
28% {
width: 100%;
left: auto;
right: 0;
}
51% {
width: 0%;
left: auto;
right: 0;
}
58% {
width: 0%;
left: auto;
right: 0;
}
82% {
width: 100%;
left: auto;
right: 0;
}
83% {
width: 100%;
left: 0;
right: auto;
}
96% {
width: 0%;
left: 0;
right: auto;
}
100% {
width: 0%;
left: 0;
right: auto;
opacity: 0.3;
}
}
div.container.theme--white .bx--text-truncate--end {
width: 100%;
display: inline-block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
div.container.theme--white .bx--text-truncate--front {
width: 100%;
display: inline-block;
direction: rtl;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
div.container.theme--white .bx--overflow-menu__trigger {
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
display: inline-block;
background: none;
appearance: none;
border: 0;
padding: 0;
cursor: pointer;
width: 100%;
}
div.container.theme--white .bx--overflow-menu__trigger > *, div.container.theme--white .bx--overflow-menu__trigger > *:before, div.container.theme--white .bx--overflow-menu__trigger > *:after {
box-sizing: inherit;
}
div.container.theme--white .bx--overflow-menu__trigger::-moz-focus-inner {
border: 0;
}
div.container.theme--white .bx--overflow-menu,
div.container.theme--white .bx--overflow-menu__trigger {
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
outline: 2px solid transparent;
outline-offset: -2px;
position: relative;
width: 2rem;
height: 2rem;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: outline 110ms cubic-bezier(0, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
}
div.container.theme--white .bx--overflow-menu > *, div.container.theme--white .bx--overflow-menu > *:before, div.container.theme--white .bx--overflow-menu > *:after,
div.container.theme--white .bx--overflow-menu__trigger > *,
div.container.theme--white .bx--overflow-menu__trigger > *:before,
div.container.theme--white .bx--overflow-menu__trigger > *:after {
box-sizing: inherit;
}
div.container.theme--white .bx--overflow-menu:focus,
div.container.theme--white .bx--overflow-menu__trigger:focus {
outline: 2px solid #0f62fe;
outline-offset: -2px;
}
div.container.theme--white .bx--overflow-menu:hover,
div.container.theme--white .bx--overflow-menu__trigger:hover {
background-color: #e5e5e5;
}
div.container.theme--white .bx--overflow-menu__trigger.bx--tooltip--a11y.bx--tooltip__trigger:focus {
outline: 2px solid #0f62fe;
outline-offset: -2px;
}
div.container.theme--white .bx--overflow-menu__trigger.bx--tooltip--a11y.bx--tooltip__trigger:focus svg {
outline: none;
}
div.container.theme--white .bx--overflow-menu.bx--overflow-menu--open,
div.container.theme--white .bx--overflow-menu.bx--overflow-menu--open .bx--overflow-menu__trigger {
background-color: #f4f4f4;
transition: none;
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
}
div.container.theme--white .bx--overflow-menu__icon {
height: 1rem;
width: 1rem;
fill: #161616;
}
div.container.theme--white .bx--overflow-menu-options {
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
display: none;
flex-direction: column;
align-items: flex-start;
position: absolute;
z-index: 10000;
background-color: #f4f4f4;
width: 10rem;
list-style: none;
top: 32px;
left: 0;
}
div.container.theme--white .bx--overflow-menu-options > *, div.container.theme--white .bx--overflow-menu-options > *:before, div.container.theme--white .bx--overflow-menu-options > *:after {
box-sizing: inherit;
}
div.container.theme--white .bx--overflow-menu-options::after {
content: "";
position: absolute;
display: block;
background-color: #f4f4f4;
transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
}
div.container.theme--white .bx--overflow-menu-options[data-floating-menu-direction=bottom]::after {
top: -0.1875rem;
left: 0;
width: 2rem;
height: 0.1875rem;
}
div.container.theme--white .bx--overflow-menu-options[data-floating-menu-direction=top]::after {
bottom: -0.375rem;
left: 0;
width: 2rem;
height: 0.375rem;
}
div.container.theme--white .bx--overflow-menu-options[data-floating-menu-direction=left]::after {
right: -0.375rem;
top: 0;
height: 2rem;
width: 0.375rem;
}
div.container.theme--white .bx--overflow-menu-options[data-floating-menu-direction=right]::after {
top: 0;
left: -0.375rem;
height: 2rem;
width: 0.375rem;
}
div.container.theme--white .bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction=top]::after,
div.container.theme--white .bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction=bottom]::after {
left: auto;
right: 0;
}
div.container.theme--white .bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction=left]::after,
div.container.theme--white .bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction=right]::after {
top: auto;
bottom: 0;
}
div.container.theme--white .bx--overflow-menu-options--open {
display: flex;
}
div.container.theme--white .bx--overflow-menu-options__option {
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
display: flex;
background-color: transparent;
align-items: center;
width: 100%;
height: 2.5rem;
padding: 0;
transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
}
div.container.theme--white .bx--overflow-menu-options__option > *, div.container.theme--white .bx--overflow-menu-options__option > *:before, div.container.theme--white .bx--overflow-menu-options__option > *:after {
box-sizing: inherit;
}
div.container.theme--white .bx--overflow-menu--divider {
border-top: 1px solid #e0e0e0;
}
div.container.theme--white a.bx--overflow-menu-options__btn::before {
content: "";
height: 100%;
vertical-align: middle;
display: inline-block;
}
div.container.theme--white .bx--overflow-menu-options__btn {
font-size: 0.875rem;
font-weight: 400;
line-height: 1.125rem;
letter-spacing: 0.16px;
outline: 2px solid transparent;
outline-offset: -2px;
font-weight: 400;
width: 100%;
height: 100%;
border: none;
display: inline-flex;
align-items: center;
background-color: transparent;
text-align: left;
padding: 0 1rem;
cursor: pointer;
color: #393939;
max-width: 11.25rem;
transition: outline 110ms cubic-bezier(0, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0, 0, 0.38, 0.9), color 110ms cubic-bezier(0, 0, 0.38, 0.9);
}
div.container.theme--white .bx--overflow-menu-options__btn:hover {
color: #161616;
}
div.container.theme--white .bx--overflow-menu-options__btn:focus {
outline: 2px solid #0f62fe;
outline-offset: -2px;
}
div.container.theme--white .bx--overflow-menu-options__btn::-moz-focus-inner {
border: none;
}
div.container.theme--white .bx--overflow-menu-options__btn svg {
fill: #525252;
}
div.container.theme--white .bx--overflow-menu-options__btn:hover svg {
fill: #161616;
}
div.container.theme--white .bx--overflow-menu-options__option-content {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
div.container.theme--white .bx--overflow-menu-options__option:hover {
background-color: #e5e5e5;
}
div.container.theme--white .bx--overflow-menu-options__option--danger {
border-top: 1px solid #e0e0e0;
}
div.container.theme--white .bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:hover,
div.container.theme--white .bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:focus {
color: #ffffff;
background-color: #da1e28;
}
div.container.theme--white .bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:hover svg,
div.container.theme--white .bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:focus svg {
fill: #ffffff;
}
div.container.theme--white .bx--overflow-menu-options__option--disabled:hover {
background-color: #f4f4f4;
cursor: not-allowed;
}
div.container.theme--white .bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn {
color: #c6c6c6;
pointer-events: none;
}
div.container.theme--white .bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn:hover, div.container.theme--white .bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn:active, div.container.theme--white .bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn:focus {
outline: 2px solid transparent;
outline-offset: -2px;
background-color: #f4f4f4;
}
div.container.theme--white .bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn svg {
fill: #c6c6c6;
}
div.container.theme--white .bx--overflow-menu--flip {
left: -140px;
}
div.container.theme--white .bx--overflow-menu--flip:before {
left: 145px;
}
div.container.theme--white g.bx--cc--toolbar {
transition-timing-function: cubic-bezier(0.4, 0.14, 0.3, 1);
}
div.container.theme--white g.bx--cc--toolbar .toolbar-container .toolbar-button {
fill: transparent;
cursor: pointer;
}
div.container.theme--white g.bx--cc--toolbar .toolbar-container .toolbar-button:hover .toolbar-button-background {
fill: #e5e5e5;
}
div.container.theme--white g.bx--cc--toolbar .toolbar-container .toolbar-button:hover .toolbar-button-background--disabled {
fill: transparent;
}
div.container.theme--white g.bx--cc--toolbar .toolbar-container .toolbar-button--focusable:focus .toolbar-button-background {
stroke: #525252;
stroke-width: 2;
stroke-dasharray: 2;
}
div.container.theme--white g.bx--cc--toolbar .toolbar-container .toolbar-button-icon {
pointer-events: visible;
}
div.container.theme--white g.bx--cc--toolbar .toolbar-container .toolbar-button-icon circle,
div.container.theme--white g.bx--cc--toolbar .toolbar-container .toolbar-button-icon rect,
div.container.theme--white g.bx--cc--toolbar .toolbar-container .toolbar-button-icon path,
div.container.theme--white g.bx--cc--toolbar .toolbar-container .toolbar-button-icon polygon {
fill: #525252;
}
div.container.theme--white g.bx--cc--toolbar .toolbar-container .toolbar-button-icon:hover {
cursor: pointer;
pointer-events: visible;
}
div.container.theme--white g.bx--cc--toolbar .toolbar-container .toolbar-button-icon--disabled {
pointer-events: auto;
}
div.container.theme--white g.bx--cc--toolbar .toolbar-container .toolbar-button-icon--disabled circle,
div.container.theme--white g.bx--cc--toolbar .toolbar-container .toolbar-button-icon--disabled rect,
div.container.theme--white g.bx--cc--toolbar .toolbar-container .toolbar-button-icon--disabled path,
div.container.theme--white g.bx--cc--toolbar .toolbar-container .toolbar-button-icon--disabled polygon {
fill: #8d8d8d;
}
div.container.theme--white g.bx--cc--toolbar .toolbar-container .toolbar-button-icon--disabled:hover {
cursor: auto;
pointer-events: auto;
}
div.container.theme--white g.bx--cc--toolbar .toolbar-container .toolbar-button--hovered {
fill: #e5e5e5;
}
div.container.theme--white g.bx--cc--toolbar .toolbar-container .toolbar-button--disabled {
cursor: auto;
}
div.container.theme--white .bx--overflow-menu__trigger {
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
display: inline-block;
background: none;
appearance: none;
border: 0;
padding: 0;
cursor: pointer;
width: 100%;
}
div.container.theme--white .bx--overflow-menu__trigger > *, div.container.theme--white .bx--overflow-menu__trigger > *:before, div.container.theme--white .bx--overflow-menu__trigger > *:after {
box-sizing: inherit;
}
div.container.theme--white .bx--overflow-menu__trigger::-moz-focus-inner {
border: 0;
}
div.container.theme--white .bx--overflow-menu,
div.container.theme--white .bx--overflow-menu__trigger {
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
outline: 2px solid transparent;
outline-offset: -2px;
position: relative;
width: 2rem;
height: 2rem;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: outline 110ms cubic-bezier(0, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
}
div.container.theme--white .bx--overflow-menu > *, div.container.theme--white .bx--overflow-menu > *:before, div.container.theme--white .bx--overflow-menu > *:after,
div.container.theme--white .bx--overflow-menu__trigger > *,
div.container.theme--white .bx--overflow-menu__trigger > *:before,
div.container.theme--white .bx--overflow-menu__trigger > *:after {
box-sizing: inherit;
}
div.container.theme--white .bx--overflow-menu:focus,
div.container.theme--white .bx--overflow-menu__trigger:focus {
outline: 2px solid #0f62fe;
outline-offset: -2px;
}
div.container.theme--white .bx--overflow-menu:hover,
div.container.theme--white .bx--overflow-menu__trigger:hover {
background-color: #e5e5e5;
}
div.container.theme--white .bx--overflow-menu__trigger.bx--tooltip--a11y.bx--tooltip__trigger:focus {
outline: 2px solid #0f62fe;
outline-offset: -2px;
}
div.container.theme--white .bx--overflow-menu__trigger.bx--tooltip--a11y.bx--tooltip__trigger:focus svg {
outline: none;
}
div.container.theme--white .bx--overflow-menu.bx--overflow-menu--open,
div.container.theme--white .bx--overflow-menu.bx--overflow-menu--open .bx--overflow-menu__trigger {
background-color: #f4f4f4;
transition: none;
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
}
div.container.theme--white .bx--overflow-menu__icon {
height: 1rem;
width: 1rem;
fill: #161616;
}
div.container.theme--white .bx--overflow-menu-options {
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
display: none;
flex-direction: column;
align-items: flex-start;
position: absolute;
z-index: 10000;
background-color: #f4f4f4;
width: 10rem;
list-style: none;
top: 32px;
left: 0;
}
div.container.theme--white .bx--overflow-menu-options > *, div.container.theme--white .bx--overflow-menu-options > *:before, div.container.theme--white .bx--overflow-menu-options > *:after {
box-sizing: inherit;
}
div.container.theme--white .bx--overflow-menu-options::after {
content: "";
position: absolute;
display: block;
background-color: #f4f4f4;
transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
}
div.container.theme--white .bx--overflow-menu-options[data-floating-menu-direction=bottom]::after {
top: -0.1875rem;
left: 0;
width: 2rem;
height: 0.1875rem;
}
div.container.theme--white .bx--overflow-menu-options[data-floating-menu-direction=top]::after {
bottom: -0.375rem;
left: 0;
width: 2rem;
height: 0.375rem;
}
div.container.theme--white .bx--overflow-menu-options[data-floating-menu-direction=left]::after {
right: -0.375rem;
top: 0;
height: 2rem;
width: 0.375rem;
}
div.container.theme--white .bx--overflow-menu-options[data-floating-menu-direction=right]::after {
top: 0;
left: -0.375rem;
height: 2rem;
width: 0.375rem;
}
div.container.theme--white .bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction=top]::after,
div.container.theme--white .bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction=bottom]::after {
left: auto;
right: 0;
}
div.container.theme--white .bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction=left]::after,
div.container.theme--white .bx--overflow-menu--flip.bx--overflow-menu-options[data-floating-menu-direction=right]::after {
top: auto;
bottom: 0;
}
div.container.theme--white .bx--overflow-menu-options--open {
display: flex;
}
div.container.theme--white .bx--overflow-menu-options__option {
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
display: flex;
background-color: transparent;
align-items: center;
width: 100%;
height: 2.5rem;
padding: 0;
transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
}
div.container.theme--white .bx--overflow-menu-options__option > *, div.container.theme--white .bx--overflow-menu-options__option > *:before, div.container.theme--white .bx--overflow-menu-options__option > *:after {
box-sizing: inherit;
}
div.container.theme--white .bx--overflow-menu--divider {
border-top: 1px solid #e0e0e0;
}
div.container.theme--white a.bx--overflow-menu-options__btn::before {
content: "";
height: 100%;
vertical-align: middle;
display: inline-block;
}
div.container.theme--white .bx--overflow-menu-options__btn {
font-size: 0.875rem;
font-weight: 400;
line-height: 1.125rem;
letter-spacing: 0.16px;
outline: 2px solid transparent;
outline-offset: -2px;
font-weight: 400;
width: 100%;
height: 100%;
border: none;
display: inline-flex;
align-items: center;
background-color: transparent;
text-align: left;
padding: 0 1rem;
cursor: pointer;
color: #393939;
max-width: 11.25rem;
transition: outline 110ms cubic-bezier(0, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0, 0, 0.38, 0.9), color 110ms cubic-bezier(0, 0, 0.38, 0.9);
}
div.container.theme--white .bx--overflow-menu-options__btn:hover {
color: #161616;
}
div.container.theme--white .bx--overflow-menu-options__btn:focus {
outline: 2px solid #0f62fe;
outline-offset: -2px;
}
div.container.theme--white .bx--overflow-menu-options__btn::-moz-focus-inner {
border: none;
}
div.container.theme--white .bx--overflow-menu-options__btn svg {
fill: #525252;
}
div.container.theme--white .bx--overflow-menu-options__btn:hover svg {
fill: #161616;
}
div.container.theme--white .bx--overflow-menu-options__option-content {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
div.container.theme--white .bx--overflow-menu-options__option:hover {
background-color: #e5e5e5;
}
div.container.theme--white .bx--overflow-menu-options__option--danger {
border-top: 1px solid #e0e0e0;
}
div.container.theme--white .bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:hover,
div.container.theme--white .bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:focus {
color: #ffffff;
background-color: #da1e28;
}
div.container.theme--white .bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:hover svg,
div.container.theme--white .bx--overflow-menu-options__option--danger .bx--overflow-menu-options__btn:focus svg {
fill: #ffffff;
}
div.container.theme--white .bx--overflow-menu-options__option--disabled:hover {
background-color: #f4f4f4;
cursor: not-allowed;
}
div.container.theme--white .bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn {
color: #c6c6c6;
pointer-events: none;
}
div.container.theme--white .bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn:hover, div.container.theme--white .bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn:active, div.container.theme--white .bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn:focus {
outline: 2px solid transparent;
outline-offset: -2px;
background-color: #f4f4f4;
}
div.container.theme--white .bx--overflow-menu-options__option--disabled .bx--overflow-menu-options__btn svg {
fill: #c6c6c6;
}
div.container.theme--white .bx--overflow-menu--flip {
left: -140px;
}
div.container.theme--white .bx--overflow-menu--flip:before {
left: 145px;
}
div.container.theme--white .bx--cc--tooltip {
background-color: #ffffff;
pointer-events: none;
transition: opacity 0.1s;
transition-timing-function: cubic-bezier(0.4, 0.14, 0.3, 1);
display: inline;
box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
position: absolute;
word-wrap: break-word;
z-index: 1059;
font-family: 'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif;
}
div.container.theme--white .bx--cc--tooltip.hidden {
opacity: 0;
transition: opacity 0.1s;
transition-timing-function: cubic-bezier(0.4, 0.14, 0.3, 1);
}
div.container.theme--white .bx--cc--tooltip .content-box {
color: #161616;
}
div.container.theme--white .bx--cc--tooltip .content-box .title-tooltip {
width: auto;
padding: 4px;
min-width: 20px;
max-width: 270px;
}
div.container.theme--white .bx--cc--tooltip .content-box .title-tooltip p {
margin: 2px;
font-size: 12px;
}
div.container.theme--white .bx--cc--tooltip .content-box .datapoint-tooltip {
display: flex;
padding: 4px;
flex-flow: row nowrap;
width: auto;
min-width: 20px;
justify-content: flex-start;
align-items: center;
}
div.container.theme--white .bx--cc--tooltip .content-box .datapoint-tooltip p {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 16px;
font-size: 12px;
display: inline-block;
margin: 0;
padding: 0;
border: 0;
}
div.container.theme--white .bx--cc--tooltip .content-box .datapoint-tooltip p.label {
flex: 1;
margin-right: 8px;
}
div.container.theme--white .bx--cc--tooltip .content-box .datapoint-tooltip p.value {
width: auto;
}
div.container.theme--white .bx--cc--tooltip .content-box .datapoint-tooltip.bold {
font-weight: 600;
}
div.container.theme--white .bx--cc--tooltip .conten