/* Container styling */
.redemption-for-mycred-widget {
    background: #fff;
    border: 1px solid #ddd;
    padding: 0;
    font-family: Arial, sans-serif;
}


/* Header (Point Name Summary)*/
.redemption-for-mycred-widget .summary {
    background: #aef1f0;
    padding: 10px 10px;
    margin: 10;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    text-align: center;
	border-bottom: 1px solid #ccc;
}

/* Row wrapper */
.redemption-for-mycred-widget .summary-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding: 8px 10px;
    font-size: 15px;
}

/* Labels */
.redemption-for-mycred-widget .summary-row .label {
    font-weight: bold;
    flex: 1;
}

/* Count boxes */
.redemption-for-mycred-widget .summary-row .count {
    width: 40px;
    height: 25px;
    text-align: center;
    /*color: #000; */
    font-weight: bold;
    line-height: 25px;
    border-radius: 3px;
}

/* Individual status colors */
.count.total     { background: #ffeb3b; color: #000000; } /* Yellow */
.count.pending   { background: #2196f3; color: #000000; } /* Blue */
.count.approved  { background: #4caf50; color: #000000; } /* Green */
.count.rejected  { background: #f44336; color: #000000; } /* Red */
.count.cancelled { background: #ff9800; color: #000000; } /* Orange */