
.itsec-card--type-pie-chart {

    & .itsec-card-pie-chart__circle-sum {
        color: $dark-gray-900;
        fill: $dark-gray-900;
        font-size: 4.5em;
        font-weight: bold;
        letter-spacing: -3.8px;
    }

    & .itsec-card-pie-chart__circle-label {
        color: $dark-gray-500;
        fill: $dark-gray-500;
        text-transform: uppercase;
    }

    & .itsec-card-pie-chart__values {
        width: 100%;
        padding: 1em;
        border-spacing: 0;

        & th,
        & td {
            padding: .25em;
            border-bottom: 1px solid $light-gray-500;
        }

        & tr:last-child th,
        & tr:last-child td {
            border-bottom: none;
        }

        & th {
            font-weight: normal;
            text-align: left;
        }

        & td {
            text-align: right;
        }
    }

    &.itsec-card--type-pie-chart--no-data {
        .itsec-card-pie-chart__values {
            opacity: 0.4;
        }
    }
}
