/*--import variables here--*/
 




/*------------------------------------------------------------------------------

HORIZONTAL BAR CHART

-------------------------------------------------------------------------------*/



.cc-bars-outer {
	height: 140px;
	width: 100px;
}

.cc-bar {
	background-color: #ccc;
    border-top-left-radius: 0.4rem;
	border-top-right-radius: 0.4rem;
	height: 100%;
	width: 50px
}


.cc-bars {
	height: 100%;
}




.cc-bar-array {
	width: 100%;
}


.cc-vertical-line {
	background-color: black;
	height: 112px;
	position: absolute;
	width: 1px;
}

.cc-horizontal-line {
    background-color: var(--primary-dark-color);
    bottom: 28px;
	height: 1px;
    position: absolute;
    width: 100%;
}

.cc-horizontal-line.cc-target-line {
	background-color: transparent;
	border: 1px dashed var(--primary-dark-color);
	height: 1px;
}

.cc-top-value {
	font-size: 11px;
	left: -21px;
	position: absolute;
}

.cc-bar-detail {
	margin-top: -11px;
}


/*------------------------------------------------------------------------------

PIE CHART

-------------------------------------------------------------------------------*/


/* (A) PIE CHART */
.cc-pie-chart {

  /* (A2) SEGMENTS */
  background: conic-gradient(
    rgba(var(--rgba-primary-light-color),.4) 0deg 45deg,
    rgba(var(--rgba-success-color),.5) 45deg 190deg,
    rgba(var(--rgba-success-color),1) 190deg 360deg
  );
  border-radius: 50%; height: 150px;
  /* (A1) CIRCLE */
  width: 150px;
}