/*Personalização SVGs*/
#bus-horario {
    width: 1.2rem;
    margin-top: -2px;
}

#arrow-right {
    width: 1.2rem;
}

header {
    position: relative;
}

body {
    background-color: var(--cor-background-secundaria);
}

    body::-webkit-scrollbar-track {
        background: var(--cor-scrollbar-track);
    }

    body::-webkit-scrollbar {
        width: 10px;
        background: var(--cor-primaria);
    }

    body::-webkit-scrollbar-thumb {
        background-color: var(--cor-primaria);
    }

main {
    height: auto;
    min-height: 680px;
}

.corSemDisponibilidade {
    color: var(--cor-letra-botao-secundario) !important;
}

.imgSemDisponibilidade {
    filter: grayscale(100%);
    opacity: .7;
}

.iconeComDisponibilidade {
    fill: var(--cor-font-primaria);
}

.iconeComDisponibilidade-Flecha {
    stroke: var(--cor-primaria) !important;
}

.gradeHorarios {
    color: var(--cor-font-primaria);
}

.ui-autocomplete::-webkit-scrollbar-track {
    background: var(--cor-scrollbar-track);
}

.ui-autocomplete::-webkit-scrollbar {
    width: 3px;
    background: var(--cor-primaria);
}

.ui-autocomplete::-webkit-scrollbar-thumb {
    background-color: var(--cor-scrollbar-thumb);
}

.textoDetalhes {
    color: var(--cor-font-quartearia);
    font-size: 0.8rem;
    font-weight: 300;
    margin-right: 0.4rem;
}

#btnOrdena:focus, #btnOrdena.active {
    background-color: var(--cor-botao-quarto);
    color: var(--cor-letra-botao-primario);
    border: 1px solid var(--cor-primaria);
}

.cardHorarios {
    padding: 0;
}

.ui-menu {
    z-index: 2020 !important;
    position: fixed !important;
}

#dtab1.active, #dtab2.active, #dtab3.active, #dtab4.active, #dtab5.active {
    color: var(--cor-letra-botao-primario);
    border-top: 5px solid var(--cor-primaria);
}

.checkfiltro {
    font-size: .8rem;
    padding-right: 0.4rem;
}

.row {
    --bs-gutter-x: .4rem !important;
    --bs-gutter-y: .4rem !important;
}

.filtroOrdenacao {
    transform: none !important;
    display: inline-flex;
    align-items: center;
}

.containerOrdenarPor {
    width: 485px;
    display: flex;
    justify-content: space-between;
}

.filtroDetalhes {
    transform: none !important;
    margin-bottom: 0.5em;
}

.btnOrdena {
    background-color: var(--cor-botao-branco);
    border-radius: 1rem;
    border: 1px solid var(--cor-borda-secundaria);
    width: 116px;
    height: 33px;
    color: var(--cor-letra-botao-terciario);
}

button.selected {
    border: 1px solid var(--cor-botao-primario) !important;
    background-color: var(--cor-fonte-poltrona-selecionada) !important;
}

.AbasHorarios {
    font-size: .8rem;
    text-align: center;
    flex-direction: row;
    border: none;
    background: var(--cor-terciario) !important;
    max-height: 3.2rem;
    background: var(--cor-terciario) !important;
    max-height: 3.2rem;
}

input:checked + label.AbasHorarios {
    color: var(--cor-primaria);
    border-bottom: 3px solid var(--cor-primaria);
    margin-bottom: -3px;
    font-weight: 700;
}

.marginValores {
    margin-top: 3rem !important;
}

/*.btnMenuCabecalho{
    margin-right: 1.5rem !important;
}*/

.processoDeCompra {
    margin-top: 0.50%;
    margin-left: 60px;
    margin-right: 60px;
    justify-content: space-around;
    padding-top: 0.6%;
    margin-bottom: 0.50%;
    color: var(--cor-detalhes-primaria);
    border-bottom: 3px solid var(--cor-detalhes-primaria);
    border-top: 1px solid var(--cor-detalhes-primaria);
    border-left: 1px solid var(--cor-detalhes-primaria);
    border-right: 1px solid var(--cor-detalhes-primaria);
    border-radius: 2px;
    text-align: center;
    font-size: .9rem;
    display: flex;
    flex-direction: row;
    margin-bottom: 2rem;
}

    .processoDeCompra i {
        width: auto;
    }

    .processoDeCompra span {
        padding-bottom: 0.9%;
        margin-bottom: -3px;
        margin-right: 0rem;
    }


    .processoDeCompra .selecionado {
        border-bottom: 3px solid var(--cor-primaria);
        border-radius: 0px;
        background-color: var(--cor-primaria);
        font-weight: 600;
    }

#moduloBusca {
    position: sticky;
    position: -webkit-sticky; /*Para funcionar no mozila fire fox*/
    width: 100%;
    background: var(--cor-background-secundaria);
    top: 60px;
    z-index: 1;
}

.testeGrade {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
    margin-top: 0.5rem;
}

.infosPrevisao {
    justify-content: flex-start;
    display: flex;
    padding: 0;
    margin: 0;
}

#imgBus {
    align-self: center;
    margin-right: .3rem;
}

#processoicone {
    padding-left: 0.3rem;
    margin-left: -1rem;
    margin-right: -1rem;
    align-self: self-end;
    font-size: 0.9rem;
    width: 2rem;
    height: 2.2rem;
    z-index: 0;
}

    #processoicone i {
        font-weight: bold !important;
        font-variant: normal;
        text-transform: none;
        margin-left: 0.1rem;
        line-height: 1;
    }


.corpoHorarios {
    justify-content: center;
    margin-left: 4rem;
    margin-right: 4rem;
}

.textoFiltro {
    font-size: 0.8rem !important;
}

.textoFiltroA {
    color: var(--cor-font-primaria);
    text-decoration: none;
}

    .textoFiltroA:hover {
        color: var(--cor-font-primaria);
        text-decoration: none;
        cursor: default;
    }

    .textoFiltroA strong {
        font-weight: 800;
    }

.testeHorarios {
    float: right;
    align-items: flex-end;
    background-color: grey;
    height: 100px;
    position: relative;
    width: 860px
}

.filtroHorarioCard {
    justify-content: flex-end;
    height: 30px;
    position: relative;
    display: flex;
    margin-right: 60px;
    margin-bottom: 5px;
}

.btnMostraDiv {
    position: relative;
    width: 23px;
    height: 26px;
    visibility: hidden;
    float: right;
    background: none;
    border: none;
}

.partialFiltros {
    font-size: .7rem;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.9rem;
    width: 100%;
    padding-bottom: 0.6rem;
    margin-left: 4rem;
    margin-right: 4rem;
    padding-right: 8rem;
}

.filtros h6 {
    font-size: .9rem;
}

.contentVerFiltros {
    display: flex;
}

.verFiltros {
    font-weight: 500;
    color: var(--cor-detalhes-primaria);
}

    .verFiltros:hover {
        cursor: pointer;
    }

/*Esconde filtro e mostra Botão*/
@media (max-width: 1018px) {
    .btnMostraDiv {
        visibility: visible;
    }

    .cardHorarios {
        width: 100%;
        padding: 0;
    }
}

/*exibe Filtro e esconde Botao*/
@media (min-width: 1020px) {
    .btnMostraDiv {
        visibility: hidden;
    }

    .verFiltros {
        visibility: hidden;
    }

    .filtroHorarioCard {
        display: none;
    }
}


#divCHM::-webkit-scrollbar {
    width: 0px !important;
}

#divCH {
    overflow: -moz-scrollbars-none;
}

#divCH {
    -ms-overflow-style: none;
}


@media (max-width: 1012px) {
    .processoDeCompra .selecionado {
        width: 20% !important;
    }
}

#div-abasHorarios {
    display: flex;
    width: 100%;
    background-color: var(--cor-terciario);
    box-shadow: rgb(0 0 0 / 20%) -0.5px 2px 2px 0px;
    border-radius: 4px;
}

.datasHorario {
    background-color: transparent !important;
    color: var(--cor-detalhes-primaria);
    display: flex;
    flex-direction: row;
    height: 2.6rem;
    max-height: 3.5rem !important;
    margin-top: 1.2rem;
    width: 100%;
    margin-left: 4rem;
    margin-right: 4rem;
    padding-right: 8rem;
}

    .datasHorario :hover {
        color: var(--cor-letra-botao-secundario);
    }

.inputAbasHorarios + button::before {
    display: none !important;
}

.datasHorario i {
    transform: rotate(90deg);
    width: auto;
    padding-top: 0.8%;
    margin: 0;
}

.datasHorario button {
    font-size: .8rem;
    color: var(--cor-letra-botao-secundario);
    border-right: 1px solid var(--cor-primaria) !important;
}

.divContainerButtons {
    color: var(--cor-primaria);
    border-radius: 0px;
    border-right: 1px solid var(--cor-detalhes-scape) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.semBorder {
    border: none !important;
}

.divContainerButtons .selecionado {
    background-color: var(--cor-primaria);
    color: white;
    border: none;
}


.datasHorario button:last-child {
    border-right: none !important;
}

.cardDataFiltro {
}

    .cardDataFiltro.desativado {
        color: var(--cor-desativado);
    }

#tdcard {
    padding: 0;
}

#contentCard {
    align-items: center;
    justify-content: space-between;
}

#empresaHorario {
    margin: auto;
}

#imgRoute, #route_svg, #assento_vago_svg, #qrcode_svg {
    width: 20px;
    height: 20px;
}

.precoTotalPassagens {
    display: flex;
    justify-content: center;
}

.detalheValor {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: right;
    color: var(--cor-font-primaria);
}

.aPartirDe {
    font-size: 0.7rem;
}

.infosHorarios {
    margin-right: 3px;
    display: flex;
    padding-top: 5px;
    padding-bottom: 5px;
    color: var(--cor-detalhes-quarteario);
    align-items: center;
}

.poltronaDisponivel {
    stroke: var(--cor-detalhes-quarteario);
}

.linhaHorarios {
    margin: 0px;
    display: flex;
    align-items: center;
    padding-top: 4px;
    padding-bottom: 4px;
}

    .linhaHorarios i, .infosHorarios i {
        margin-right: .4rem;
        margin-left: .4rem;
    }

.hr_divisa {
    text-align: -webkit-center;
}

.hrhorarios {
    background-color: var(--cor-detalhes-quarteario);
    margin: 0 0;
}

.hr_horarios {
    width: 100%;
    margin: 0;
    background-color: var(--cor-detalhes-quarteario);
}

.cidadeChegada, .cidadePartida {
    font-size: 13px;
    font-size: clamp(.8rem, 2vw, .8rem);
}

.cidadePartida_Chegada {
    margin: 0;
    padding: 0;
    text-align: center;
    color: var(--cor-font-primaria);
    display: flex;
    justify-content: center;
}

.cardHorario {
    margin: .2rem 0 1.2rem .1rem;
    justify-content: center;
    background-color: var(--cor-terciario);
    border-radius: 5px;
    box-shadow: rgb(0 0 0 / 20%) -0.5px 2px 2px 0px;
    font-size: clamp(1rem, 1vw, 2rem);
    margin-left: 0;
}

.trechoAtual {
    font-weight: 700;
}

table {
    width: 100%;
    background: none;
    background-color: transparent;
}

/* #region detalhes horario */
.detalhesHorariosCard {
    background-color: var(--cor-terciario);
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
    margin-bottom: 0.05rem;
    padding-top: 0.2rem;
    padding-bottom: 0.6rem;
    height: 4rem;
    align-items: center;
}

    .detalhesHorariosCard .col {
        padding: 0;
    }

    .detalhesHorariosCard .horarioPartida {
        font-size: clamp(.8rem, 2vw, 1.2rem);
        font-weight: 700;
    }

    .detalhesHorariosCard .setaHorario {
        display: flex;
        justify-content: center;
        margin: 0 clamp(0.3rem, 2vw, .6rem);
    }

.setaHorario {
    stroke: var(--cor-font-scape-secundaria);
}

.detalhesHorariosCard /*.horarioChegada*/ {
    font-weight: 600;
    text-align: start;
    justify-content: center;
}

    .detalhesHorariosCard .cidadePartida {
        font-size: 0.7rem;
        font-weight: 500;
        text-align: start;
        margin-right: -30%;
    }

    .detalhesHorariosCard .tempoViagem {
        font-size: clamp(0.68rem, 20%, 1rem);
        font-weight: 400;
        flex-wrap: nowrap;
        justify-content: space-around;
    }

.tempoViagem {
    padding-top: 5px;
}

.spanPadrao {
    width: auto;
    margin: 0
}

.horaViagem {
    width: auto;
}

.dashTempoViagem {
    width: 30%
}

.arrowTempoViagem {
    width: 2rem;
}

.busTempoViagem {
    width: 1.2rem;
}

#horaPartida, #horaChegada {
    font-size: clamp(.8rem, 2vw, 1.2rem);
    text-align: center;
}

#horaChegada {
    font-weight: lighter;
}

.horasViagem {
    margin: 0 2.2px;
    font-weight: 600;
}

.preco {
    font-weight: 700;
    font-size: 0.95rem;
}


.detalhesHorariosCard .cidadeChegada {
    font-size: 0.7rem;
    font-weight: 500;
    text-align: start;
    width: auto;
}

.detalhesHorariosCard .qtdAssentosLivres {
    font-size: 0.7rem;
    font-weight: 800;
    text-align: center;
}

.detalhesHorariosCard .fraseAssentosLivres {
    font-size: 0.7rem;
    font-weight: 500;
    text-align: center;
}

.iconesDetalhesPromocao {
    align-self: center;
}

    .iconesDetalhesPromocao img {
        height: 1.5rem;
    }

    .iconesDetalhesPromocao i {
        color: var(--cor-detalhes-secundaria)
    }

/* #endregion */
/* #region detalhes modalidade */
.detahesModalidadeHorariosCard {
    background-color: var(--cor-terciario);
    font-size: 0.8rem;
    align-items: center;
    margin: 0;
    justify-content: center;
    width: 10%;
}

    .detahesModalidadeHorariosCard span {
        width: auto;
        padding-bottom: 0.3rem;
        color: var(--cor-font-primaria);
    }

    .detahesModalidadeHorariosCard div.detalheValor {
        width: auto;
        text-align: center;
        margin-right: 3%;
    }

    .detahesModalidadeHorariosCard span.preco {
        font-weight: 700;
        font-size: 15px;
    }

/* #endregion */


/* #region detalhes conexões */

.separaConexaoHorario {
    height: 2px;
    background-color: var(--cor-detalhes-scape);
    margin: .2rem 1rem .8rem 1rem;
}

.detahesConexaoHorariosCard {
    margin-bottom: 0.4rem;
    font-size: 0.7rem;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 0 1.2rem;
}

.separacaoCaminhoBUs {
    margin-bottom: 16px;
    height: 2px;
    background-color: var(--cor-detalhes-secundaria);
}

.detahesRotaHorarios {
    margin-bottom: 5px;
    padding-top: 5px;
    font-size: 0.7rem;
    flex-direction: row;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0.6rem;
    color: var(--cor-detalhes-terciario);
    margin-bottom: 7px;
    padding-top: 13px;
}


.detahesConexaoHorariosCard span {
    width: auto;
    margin: 0 0 5px 0;
    line-height: 20px;
    padding: 0;
}

.detahesConexaoHorariosCard div.dataHoraConexao span {
    font-weight: 400;
    margin-top: 0.5rem;
    padding-top: 0;
    padding-bottom: 0;
}

.detahesConexaoHorariosCard div.intinerarioConexao {
    justify-content: space-between;
    font-weight: 700;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0.1rem;
}

    .detahesConexaoHorariosCard div.intinerarioConexao span {
        padding-top: 0;
        padding-bottom: 0;
    }


.localidadeConexao {
    display: grid;
    align-items: center;
}

.saidaChegada {
    margin-top: 2px;
}

    .saidaChegada span {
        font-size: .8rem;
    }

.qtdHorasViagem {
    font-weight: 600;
    font-size: 1rem;
}

.detalheConexao span {
    width: auto;
}


.divTempoConexao {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.detalheConexao i {
    width: auto;
    padding: 0;
    margin-right: 0.5rem;
}

.detalheConexao .selecionado {
    font-weight: 700;
    margin-right: 0.5rem;
}

/* #endregion */
/* #region mais detalhes */
.maisDetalhesHorariosCard {
    background-color: var(--cor-terciario);
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
    margin-top: 0.05rem;
    font-size: 0.7rem;
    font-weight: 500;
    color: var(--cor-detalhes-primaria);
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

    .maisDetalhesHorariosCard span {
        width: auto;
        padding-top: 0.3rem;
        padding-bottom: 0.3rem;
    }

    .maisDetalhesHorariosCard .col {
        margin: 0rem;
        padding: 0rem;
    }

    .maisDetalhesHorariosCard .row {
        margin: 0rem;
        padding: 0rem;
    }

    .maisDetalhesHorariosCard .corpoMaisDetalhes {
        margin-bottom: 0.5rem;
    }

    .maisDetalhesHorariosCard .logoEmpresa {
        justify-content: start;
        margin-top: 0.2rem;
        margin-bottom: 0.2rem;
    }

        .maisDetalhesHorariosCard .logoEmpresa img {
            width: 10rem;
        }

    .maisDetalhesHorariosCard .colunaDetalhesPadrao {
        justify-content: start;
        text-align: start;
    }

    .maisDetalhesHorariosCard .colunaDetalhesPromocao {
        justify-content: end;
        text-align: end;
    }

    .maisDetalhesHorariosCard .iconesMaisDetalhes {
        justify-content: start;
        margin-top: 0.2rem;
        margin-bottom: 0.2rem;
    }

        .maisDetalhesHorariosCard .iconesMaisDetalhes img {
            height: 1.5rem;
        }

    .maisDetalhesHorariosCard .pontosDetalhes {
        color: var(--cor-primaria);
    }

    .maisDetalhesHorariosCard .promocaoIdaVolta {
        color: var(--cor-atencao-promocao);
    }

        .maisDetalhesHorariosCard .promocaoIdaVolta.valor {
            font-weight: 800;
        }

    .maisDetalhesHorariosCard .pontosDetalhesPromocao {
        color: var(--cor-primaria);
    }

/* endregion */


.form-check-input:checked {
    background-color: var(--cor-secundaria);
    border-color: var(--cor-secundaria);
}

/*#region botão seleção horario*/
.botaoSelecionarHorario {
    justify-content: flex-end;
    padding-right: 1.4rem;
}

    .botaoSelecionarHorario .botao {
        width: 9rem;
        font-size: .8rem;
        font-weight: 600;
        background: var(--cor-botao-primario);
        color: var(--cor-letra-botao-primario);
        border-radius: 5px;
        margin: 0;
        height: 2.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }


    .botaoSelecionarHorario .botaoCancelar {
        width: 9rem;
        font-size: .8rem;
        font-weight: 500;
        background-color: transparent;
        border-color: var(--cor-botao-cancelar);
        color: var(--cor-botao-cancelar);
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        border-radius: 5px;
        display: none;
        font-family: system-ui;
    }
    .botaoEmPe{
        background-color: transparent;
        border-color: var(--cor-botao-cancelar);
        color: var(--cor-botao-cancelar);
        border-radius: 5px;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: .5rem;
        padding-right: .5rem;
    }
.cardQtdPassageirosEmPe{
    background-color: transparent;
    border-color: var(--cor-botao-cancelar);
    color: var(--cor-botao-cancelar);
    border-radius: 5px;
}

    .botaoPassagemNaoMarcadaMenos {
    font-size: .8rem;
    font-weight: 500;
    background-color: transparent;
    border-color: var(--cor-botao-cancelar);
    color: var(--cor-botao-cancelar);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-radius: 5px;
    font-family: system-ui;
}

.botaoPassagemNaoMarcadaMenos:hover {
    background-color: transparent;
    border-color: var(--cor-botao-cancelar);
    color: var(--cor-botao-cancelar);
}

.botaoPassagemNaoMarcadaMais {
    background-color: var(--cor-botao-primario);
    color: var(--cor-letra-botao-primario);
}
.botaoPassagemNaoMarcadaMais:hover {
    background-color: var(--cor-botao-primario);
    color: var(--cor-letra-botao-primario);
}

.botaoCancelar, .botaoSelecionarHorario {
    margin-top: 0px !important;
}

.btnTrocaPoltrona {
    width: auto;
    font-size: .9rem;
    font-weight: 600;
    background-color: transparent;
    border-color: var(--cor-primaria);
    color: var(--cor-primaria);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
    border-radius: 5px;
    margin-right: .5rem;
    display: none;
}

.container-semDisponibilidade {
    background-color: var(--cor-terciario);
    border-radius: 5px;
    box-shadow: rgb(0 0 0 / 20%) -0.5px 2px 2px 0px;
    margin-top: 1rem;
    margin-left: 0rem;
    margin-right: .1rem;
    justify-content: space-between;
    margin-left: 0.1rem;
    padding: 1.2rem;
    align-items: center;
    display: flex;
}

.semDisponibilidade {
}

    .semDisponibilidade span {
        display: flex;
        width: auto;
        font-weight: 700;
        font-size: 20px;
        font-family: 'Poppins', sans-serif;
        color: var(--cor-letra-indisponibilidade-Poltrona);
    }

    .semDisponibilidade h1 {
        display: flex;
        width: auto;
        font-weight: 400;
        font-size: 1rem;
        font-family: 'Poppins', sans-serif;
        color: var(--cor-font-scape-secundaria);
    }

.container-semDisponibilidade button {
    height: var(--altura-campos-mobile);
    font-size: .8rem;
    font-weight: 600;
    width: auto;
    border-radius: 5px;
    float: right;
    background-color: var(--cor-primaria);
    color: var(--cor-terciario);
    margin: 0;
    margin-left: 0.5rem;
}

    .container-semDisponibilidade button:hover {
        color: var(--cor-terciario);
    }

.semDisponibilidade img {
    width: 5rem;
    margin-bottom: 1rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: 0.5rem;
}

.semDisponibilidade div1 {
    display: flex;
    flex-direction: row;
    width: auto;
    align-items: center;
    margin: 0;
    padding: 0;
}

.semDisponibilidade div2 {
    width: auto;
    display: flex;
    flex-direction: column;
}

.carDatasProximas {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-left: 0rem;
    gap: 0.75rem;
}

.carDatasProximasSpan {
    display: flex;
    width: auto;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    color: var(--cor-font-primaria);
    margin-left: 0.1rem;
}

.datasProximas {
    height: 4.5rem;
    justify-content: center;
    background-color: var(--cor-terciario);
    border-radius: 5px;
    margin-left: .1rem;
    box-shadow: rgb(0 0 0 / 20%) -0.5px 2px 2px 0px;
    padding: 1.2rem;
    align-items: center;
}

    .datasProximas span {
        display: flex;
        width: 13rem;
        margin: 0;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
        color: var(--cor-primaria);
    }

    .datasProximas button {
        background-color: var(--cor-primaria);
        color: var(--cor-terciario);
        line-height: 14px;
        height: var(--altura-campos-mobile);
        font-size: .8rem;
        font-weight: 600;
        margin: 0;
        width: 8rem;
    }

        .datasProximas button:hover {
            color: var(--cor-terciario);
        }

#icone-semDisponibilidade {
    width: 4.5rem;
    height: 4.5rem;
    margin-right: 0.8rem;
}

.spanSemDisponibilidade {
    font-size: 0.8rem;
    padding-right: 1rem;
    align-self: center;
    margin: 0;
    display: flex;
    justify-content: flex-end;
}

#menu {
    right: 100px !important;
}

.triangleMenu1 {
    right: 133px !important;
}

.Passagem_Horarios {
    display: flex;
    flex-direction: column;
}

.textOrdenarPor {
    width: 6rem;
}

@media screen and (max-width: 1000px) {
    .OrigemDestinoCard {
        padding-left: 2rem;
        padding-top: 0.7rem;
    }

    .detahesModalidadeHorariosCard {
        font-size: .7rem !important;
        width: 3%;
    }
}


@media screen and (max-width: 1050px) {
    .filtroOrdenacao {
        display: flex;
        flex-direction: column;
    }

    .textOrdenarPor {
        padding-bottom: .2rem;
    }
}

@media (max-width: 820px) {
    .cardHorarios {
        margin-top: 8rem !important;
    }
}


@media (max-width: 860px) {
    .datasProximas {
        width: 48%;
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 600px) {
    .datasProximas {
        width: 100%;
    }
}

@media (max-width: 895px) {
    .container-semDisponibilidade button {
        margin-top: 1.2rem;
        margin-left: 0;
    }

    .container-semDisponibilidade {
        flex-direction: column;
        align-items: flex-start;
    }
}

/*#endregion*/
@media (max-width: 1250px) {
    .semDisponibilidade div1 {
        display: flex;
        flex-direction: row;
    }

    .filtros {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
}

@media (max-width: 1075px) {
    .corpoHorarios, .itensBusca {
        margin: 0 4rem;
    }
}

@media (max-width: 1018px) {
    .partialFiltros {
        width: 100%;
    }

    .filtros {
        width: 100%;
    }

    .form-check {
        display: inline-block;
        /*padding-left: 2.5em;*/
        font-size: .8rem;
    }

    .cardHorario {
        display: grid;
    }
}

@media (max-width: 671px) {
    main {
        min-height: 150vh;
    }
}


@media (min-width: 1128px) {
    .dashTempoViagem {
        padding-left: 10px;
    }
}

@media (max-width: 860px) {
    .detalhesDoTrecho {
        margin-top: 15px;
        width: 40%;
    }

    .detalhesHorariosCard /*.horarioPartida,*/ .horarioChegada {
        font-size: 1.2rem !important;
    }
}

@media (min-width: 820px) {
    .processoDeCompra {
        margin-bottom: 20px;
    }
}

@media (min-width: 1000px) {
    .processoDeCompra {
        margin-bottom: 4rem;
    }
}

@media (max-width: 1160px) {
    .iconesDetalhesPromocao {
        width: 100px;
    }
}

@media (min-width: 1350px) {
    .processoDeCompra {
        margin-bottom: 5rem;
    }
}

@media (max-width: 1366px) {
    .separaConexaoHorario {
        margin-right: 1.5%;
        width: auto;
    }

    .displayFlexConexao {
        justify-content: space-between;
    }

    .tempoConexao {
        margin-right: 1.5%;
    }
}

@media (max-width: 671px) {
    main {
        min-height: 116vh !important;
    }
}

@media (min-width: 672px) and (max-width: 860px) {
    main {
        min-height: 102vh !important;
    }
}

@media (max-width: 630px) {
    #menu {
        right: 110px !important;
    }

    .triangleMenu1 {
        right: 100px !important;
    }
}


.containerMsgVendaParceiro {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.containerTextoDeCarrinho {
    padding: .8rem 1.8rem 0 1.8rem !important;
}

.containerMsgVendaParceiro > img {
    width: 50%;
}

.containerTextosVendaParceiros > p {
    margin-bottom: .8rem;
}


/*novas msg redirecionamento*/
.popUp {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 20rem;
}

.textoEmDestaque {
    color: var(--cor-primaria);
    font-weight: 500;
    margin: 0 0 0.8rem 0;
    text-align: center;
    font-size: .9rem;
}

.msgPrincipal {
    font-size: .8rem;
    font-weight: 400;
    text-align: center;
    color: black;
}

.cardAtencao {
    width: 20rem;
    background: #fff5f5;
    border: solid 1px #aa272a;
    border-radius: 0.5rem;
    color: #aa272a;
    font-size: .9rem;
}

.tituloIcon {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0.5rem 0.5rem 0;
}

.tituloCard {
    font-weight: 600;
    margin: 0 6.2rem;
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
    font-size: 20px !important;
    cursor: pointer;
}

.msgCard {
    padding: 0 0.6rem;
    font-size: 0.8rem;
    margin: 0.3rem 0;
    line-height: 1rem;
}

.informacoes {
    display: none;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    margin: 0;
    font-size: .9rem;
    font-weight: 500;
}

    .informacoes h6 {
        margin: 0;
    }

.popUp hr {
    width: 18rem;
    border: 0;
    border-top: 2px solid #ff0000;
}

.reutilizacao {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    padding: 0 0 0.5rem 0;
}

ul.reutilizacao {
    list-style: none;
    white-space: pre-line;
    margin: 0;
}

.reutilizacao li {
    padding: 0.4rem 0;
    display: flex;
    justify-content: flex-start;
}

.informacoes li::before {
    content: "·";
    font-size: 50px;
    vertical-align: middle;
    line-height: 20px;
}

.divButtons {
    display: flex;
    flex-direction: column;
    align-content: center;
    flex-wrap: nowrap;
    width: 100%;
}

    .divButtons button {
        margin-top: 1rem;
        border-radius: 0.3rem;
        background: var(--cor-primaria);
        color: white;
        font-size: .9rem;
        padding: 0.6rem;
        border: none;
        font-weight: 600;
    }

#permanecerSite {
    background: #ffffff;
    border: 1px solid var(--cor-primaria);
    color: var(--cor-primaria);
    font-weight: 500;
}

.contentDirecionamento {
    border-radius: 1rem;
    box-shadow: -4px 3px 8px 0px rgba(81, 81, 82, 0.4)
}

.infosPopupGratuidade {
    margin: 0 0 .4rem 0;
}


.button {
    display: inline-block;
    padding: 2px 30px;
    border: 1px solid #ccc;
    cursor: pointer;
    position: relative;
}