@import '../../styleConstants.scss';

#next-actions-gadget{
    .next-actions-row {
        font-size: $font-size-small;
        font-weight: $font-weight;
        text-align: left;
        color: $darkGreyColor;
        padding: 1rem 0;
    }

    .next-actions-status {
        display: inline-block;
        border-radius: $box-radius;
        margin-left: 0.5rem;
        font-size: $font-size-xsmal;
        padding: 0.1rem 0.3rem;
        color: $whiteColor;
        cursor: pointer;
        border: 1px solid $whiteColor;
    }

    .next-actions-status:hover{
        border: 1px solid $darkGreyColor;
    }

    .invalid {
        background: $invalid-status-color;
    }

    .pending {
        background: $pending-status-color;
    }

    .not-accepted {
        background: $not-accepted-status-color;
    }

    .processing {
        background: $processing-status-color;
    }

    .next-action-details{
        float: right;
    }
}
