.widget-chart {
	text-align: center;
	padding: 1rem;
	position: relative
}
.widget-chart .progress-sub-label {
	opacity: .8;
	padding: 5px 0 0
}
.widget-chart .progress-circle-wrapper {
	min-width: 68px;
	margin-right: 1rem
}
.widget-chart .progress-circle-wrapper .react-sweet-progress-symbol {
	font-size: .8rem
}
.widget-chart .widget-chart-content {
	position: relative;
	z-index: 5
}
.widget-chart .widget-chart-content-lg {
	padding: 2rem 0 1rem 2rem
}
.widget-chart .widget-chart-content-lg .widget-numbers {
	margin-bottom: 0
}
.widget-chart .widget-chart-wrapper {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	opacity: .25;
	z-index: 4;
	border-bottom-right-radius: .25rem;
	border-bottom-left-radius: .25rem;
	overflow: hidden
}
.widget-chart .widget-numbers {
	font-weight: bold;
	font-size: 2.5rem;
	display: block;
	line-height: 1;
	margin: 1rem auto
}
.widget-chart .widget-numbers+.widget-chart-flex,
.widget-chart .widget-numbers+.widget-description,
.widget-chart .widget-numbers+.widget-subheading {
	margin-top: -.5rem
}
.widget-chart .widget-subheading {
	margin: -0.5rem 0 0;
	display: block;
	opacity: 1
}
.widget-chart .widget-subheading:first-child {
	margin-top: 0
}
.widget-chart .widget-subheading+.widget-numbers {
	margin-top: .5rem
}
.widget-chart .widget-description {
	margin: 1rem 0 0
}
.widget-chart.widget-chart-hover {
	transition: all .2s
}
.widget-chart.widget-chart-hover:hover {
	z-index: 15;
	transform: scale(1.15);
	box-shadow: 0 0.46875rem 4.1875rem rgba(4, 9, 20, 0.05), 0 0.9375rem 2.40625rem rgba(4, 9, 20, 0.05), 0 0.25rem 1.3125rem rgba(4, 9, 20, 0.06), 0 0.125rem 1.1875rem rgba(4, 9, 20, 0.06);
	cursor: pointer;
	background: #fff
}
.widget-chart .widget-chart-actions {
	position: absolute;
	right: .5rem;
	top: .5rem;
	z-index: 12
}
.widget-chart .widget-chart-actions .btn-link {
	font-size: 1.1rem;
	padding-top: 0;
	padding-bottom: 0;
	opacity: .6
}
.widget-chart .widget-progress-wrapper {
	margin-top: 1rem
}
.widget-chart .widget-progress-wrapper.progress-wrapper-bottom {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%
}
.widget-chart .widget-progress-wrapper.progress-wrapper-bottom .progress {
	margin: 0 -1px -1px
}
.widget-chart .widget-progress-wrapper.progress-wrapper-bottom .progress {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: .25rem;
	border-bottom-left-radius: .25rem
}
.widget-chart .widget-progress-wrapper.progress-wrapper-bottom .progress .progress-bar {
	border-bottom-left-radius: .25rem
}
.widget-chart .widget-chart-flex {
	display: flex;
	align-items: center;
	align-content: center;
	margin-bottom: 1rem
}
.widget-chart .widget-chart-flex:last-child {
	margin-bottom: 0
}
.widget-chart .widget-chart-flex .widget-subheading {
	margin: 0
}
.widget-chart .widget-chart-flex .widget-description {
	margin-top: 0
}
.widget-chart.text-left {
	flex-direction: row;
	align-items: center
}
.widget-chart.text-left .icon-wrapper {
	min-width: 54px;
	margin: 0 1rem 0 0
}
.widget-chart.text-left .widget-numbers {
	margin-left: 0
}
.widget-chart.text-left .widget-chart-content {
	display: flex;
	flex-direction: column;
	align-content: center;
	flex: 1;
	position: relative
}
.widget-chart.text-left .widget-chart-content>.widget-numbers:first-child {
	margin-top: 0
}
.widget-chart.text-left .widget-chart-content .widget-description {
	align-self: flex-start
}
.widget-chart.text-left .widget-chart-wrapper {
	height: 35%
}
.widget-chart.widget-chart-left {
	padding-bottom: 15%
}
.widget-chart .chart-wrapper-relative {
	position: relative;
	opacity: 1;
	margin-top: 1rem
}
.widget-chart-actions {
	position: absolute;
	right: 1rem;
	top: 1rem;
	z-index: 12
}
.widget-chart-actions .btn-link {
	font-size: 1.1rem;
	padding-top: 0;
	padding-bottom: 0;
	opacity: .6
}
.widget-chart:hover .widget-chart-actions .btn-link,
.widget-content:hover .widget-chart-actions .btn-link {
	opacity: 1
}
.grid-menu .widget-chart.widget-chart-hover:hover {
	background: #fff;
	border-radius: .25rem
}