.bg-blue {
    --bs-bg-opacity: 1;
    background-color: rgba(52,143,226, 1) !important;
}
.bg-orange {
    --bs-bg-opacity: 1;
    background-color: rgba(245,156,26, 1) !important;
}
.bg-red {
    --bs-bg-opacity: 1;
    background-color: rgba(255,91,87, 1) !important;
}
.bg-green{
    --bs-bg-opacity: 1;
    background-color: rgb(145, 217, 117) !important;
}
.widget {
    overflow: hidden;
    margin-bottom: 20px;
    background: #FFFFFF;
    color: inherit;
    padding: 0;
}
.widget-stats, .widget.widget-stats {
    position: relative;
    color: #fff;
    padding: .9375rem;
    border-radius: 4px;
}
.widget-stats .stats-icon, .widget.widget-stats .stats-icon {
    font-size: 42px;
    height: 56px;
    width: 56px;
    text-align: center;
    line-height: 56px;
    color: rgba(0, 0, 0, .15);
    position: absolute;
    top: .9375rem;
    margin-left: .9375rem;
    right: .9375rem;
}
.widget-stats .stats-link a, .widget.widget-stats .stats-link a {
    display: block;
    margin: .9375rem -.9375rem -.9375rem;
    padding: .46875rem .9375rem;
    background: rgba(0, 0, 0, .4);
    text-align: right;
    color: rgba(255, 255, 255, .7);
    text-decoration: none;
}
.widget-stats .stats-info .h4, .widget-stats .stats-info h4, .widget.widget-stats .stats-info h4 {
    font-size: 0.8em;
    margin: 5px 0;
    color: rgba(255, 255, 255, .7);
}
.widget-stats .stats-link a, .widget.widget-stats .stats-link a {
    display: block;   
    text-decoration: none;
	font-size: 0.7em;
}