1#@!#!123s

: / proc / thread-self / root / home / shubmkcj / urbane.createerp.com / assets / pie charts /
Filename : style.css
back
#app{
  padding: 20px 0;
}
.chart {
  width: 100%; 
  min-height: 220px;
}

.custom-legend{
  cursor: pointer;
  margin-top:-30px;
}

text.custom-legend-value{
  font-size: 14px;
  fill: black;
  alignment-baseline: hanging;
}
text.custom-legend-title{
  font-size: 15px;
  fill: grey;
  alignment-baseline: hanging;
}

.c3-arc.c3-arc-good,
.custom-legend-color.is-good{
  fill: rgb(100, 197, 177)  !important;
}
.c3-arc.c3-arc-neutral,
.custom-legend-color.is-neutral{
  fill: rgb(221, 221, 221) !important;
}
.c3-arc.c3-arc-bad,
.custom-legend-color.is-bad{
  fill: rgb(230, 137, 0) !important;
}

.title{
  font-size: 30.37px;
}
.desc{
  font-size: 14px;
}
 
.cls-1 {
  fill: red;
}

.cls-2 {
  font-size: 15.84px;
}

 

.cls-3 {
  fill: #24c62b;
}

.cls-4 {
  fill: #1010b2;
}

.cls-5 {
  fill: #e29e14;
}

.cls-6 {
  fill: #7d11c9;
}

.cls-7 {
  letter-spacing: -1px;
}

.cls-8 {
  fill: #f0f;
}

.cls-9 {
  fill: #065109;
}

.cls-10 {
  fill: #06b7f4;
}

.cls-11 {
  fill: #fff;
}

.cls-11, .cls-12 {
  stroke: #bfbbbf;
  stroke-miterlimit: 10;
  stroke-width: 2px;
}

.cls-12 {
  fill: none;
}

.cls-13 {
  font-size: 12px;
  font-weight: 700;
  white-space: pre;
}