.contestacoes-pendentes-component {
    .pop-over-trigger {
        padding: 1rem 1rem 1rem 0;

        .length-indicator {
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            font-family: monospace;
            right: 0.7rem;
            bottom: 0.7rem;
            padding: 0 0.4rem;
            border-radius: 5rem;
            border: none;
            box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
            background-color: $color-negative;
            color: $color-snow;
            font-size: 1.1rem;
            line-height: 1.7rem;
            animation: pulse 1.25s 10 cubic-bezier(0.66, 0, 0, 1);
            user-select: none;

            &.pulse-stop {
                animation-play-state: paused;
                animation: fadein 0.25s;
            }
        }

        @keyframes pulse {
            to {
                box-shadow: 0 0 0 1.5rem rgba(232, 76, 61, 0);
            }
        }
    }

    .contestacoes-pendentes-content {
        top: 1rem !important;
        right: 7rem !important;
    }

    .contestacoes-pendentes-paginador {
        color: $color-featured;
        font-size: 1.4rem;
        display: flex;
        justify-content: space-between;
        margin: 2rem 0;
        font-weight: bold;
        .link-navigation {
            padding: 0.2rem 0.4rem;
            cursor: pointer;
            text-decoration: none;
            color: $color-featured;
            border-radius: 0.3rem;
            &:hover {
                color: $color-main;
                background-color: $color-smoke;
            }
            i {
                font-size: 1.2rem;
            }
            .prev:before {
                display: inline-block;
                transform: rotate(90deg);
            }
            .next:before {
                display: inline-block;
                transform: rotate(-90deg);
            }
            &.disable {
                visibility: hidden;
            }
        }
    }

    .table-contestacoes-pendentes {
        table-layout: fixed !important;
        width: 50rem !important;

        td {
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            font-size: 1.1rem;
            &:nth-child(3) {
                text-align: center;
            }
        }
    }

    .table-scroll {
        max-height: 36rem;
        position: relative;
        overflow: hidden;
    }

    .contestacao-pendente-message {
        font-size: 1.5rem;
        text-align: center;
        width: 50rem;
        min-height: 8rem;
        padding: 2rem;
    }
}
