.replay_time_range_row {
    margin-left : 0.1%;
    margin-right: 0.1%;
}


.replay_start_time,
.replay_end_time,
.replay_curr_time {
    user-select     : none;
    color           : white;
    font-weight     : 400;
    padding-bottom  : 5px;
    padding-top     : 5px;
}

.replay_start_time {
    text-align  : left;
    padding-left: 1.5%;
}

.replay_end_time {
    text-align   : right;
    padding-right: 1.5%;
}

.replay_curr_time {
    text-align : center;
}

.replay_tooltip {
    z-index: 2001;
}

.replay_player,
.replay_player_container {

    user-select     : none;
    touch-action    : none;
    border-radius   : 8px;
    border          : 1px solid rgb(90,90,90);
    z-index         : 2000;

}


.replay_player_container {
    flex-grow       : 0;
    flex-wrap       : nowrap;       /* evitar que quebre a linha dos botões */
    width           : max-content;  /* tamanho do container será tamanho do children */
    opacity         : 100%;
    top             : 25%;
    left            : 50%
}


.replay_status_container {

    height : var(--replay_status_height) !important;

}

/* Diminuir o tamanho em telas pequenas */
@media (max-width: 768px)
{
    .replay_player_container {
        transform: scale(0.75);
    }

}


.replay_player_header,
.replay_header_left,
.replay_header_right,
.replay_header_text {
    font-size       : 0.90em;
    font-weight     : 400;
    background-color: rgb(77, 70, 70);
}




.replay_player_header_left {
    text-align: left;
}

.replay_player_header_right {
    text-align: right;
}


.replay_button {
    color           :white;
    font-size       : 0.8em;
    width           : 1.2em;
    height          : auto;
}


.history_chart {
    padding-top      : 0.5%;
    padding-bottom   : 1.5%;
    padding-left     : 1.5%;
    padding-right    : 1.5%;
    margin-top       : 1%;

    background-color: black;

}