.evento-filtro-lateral {
    max-width: 170px;
    min-width: 170px;
    box-shadow: 4px 0px 5px 0px #f1ecec;
    background-color: white;
}

.Texto_Leilao {
    text-align: center;
    color: var(--contraste);
    font-size: .7rem;
}

.Ico_Texto_Leilao {
    background-color: var(--contraste);
    color: white;
    padding: 3px;
    border-radius: 3px;
    font-size: 0.7rem;
}

.Texto_Shopping {
    text-align: center;
    color: var(--success);
    font-size: .7rem;
}

.Ico_Texto_Shopping {
    background-color: var(--success);
    color: white;
    padding: 3px;
    border-radius: 3px;
    font-size: 0.7rem;
}

.Texto_Live {
    text-align: center;
    color: var(--blue);
    font-size: .7rem;
}

.Ico_Texto_Live {
    background-color: var(--blue);
    color: white;
    padding: 3px;
    border-radius: 3px;
    font-size: 0.7rem;
}

.Texto_Retransmissao {
    text-align: center;
    color: var(--cyan-black);
    font-size: .7rem;
}

.Ico_Texto_Retransmissao {
    background-color: var(--cyan-three);
    color: white;
    padding: 3px;
    border-radius: 3px;
    font-size: 0.7rem;
}

.Flag_Evento {
    position: absolute;
    right: 0px;
    top: -2px;
    color: white;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 9px;
    padding-bottom: 10px;
    border-top: dashed 1px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: .7rem;
}

.Flag_Leilao {
    background-color: deepskyblue;
}

.Flag_Shopping {
    background-color: #2ed32e;
}

.CortaTexto2Linhas {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-inline-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.mobile-overflow {
    overflow: unset;
}

.bar-evento-filter {
    position: relative;
}

.ico-filter-close {
    position: absolute;
    color: var(--cyan-three);
    display: none;
    right: 5px;
    cursor: pointer;
}

.btn-display-filtro {
    color: var(--cyan-three);
    font-size: .8rem;
    border: 1px solid;
    padding: 3px 4px 0px 4px;
    border-radius: 5px;
    cursor: pointer;
}

.ico-filter {
    display: none;
}

.evento-conteudo {
    /*width: calc( 100% - 175px);*/
    padding: 0px 20px;
    width: 100%;
}

.CortaTexto {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media screen and (max-width: 680px) {
    .mobile-overflow {
        overflow: auto;
    }

    .ico-filter {
        display: flex;
    }

    .evento-filtro-lateral {
        position: absolute;
        z-index: 9999;
        display: none;
        padding-left: 10px;
    }

    .evento-conteudo {
        width: 100%;
        padding: 0px;
    }

    .react-multiple-carousel__arrow {
        display: none;
    }
}