/*#region Variaveis de estilo*/
:root {
    /* Cores da página */
    --cor-cabecalho: #085D16;
    --cor-primaria: #085D16;
    --cor-secundaria: #f0b111;
    --cor-terciario: #ffffff;
    --cor-desativado: #c1c1c1;
    --cor-detalhes-primaria: #f0b111;
    --cor-detalhes-secundaria: #f0b111;
    --cor-detalhes-terciario: #1b4f24;
    --cor-detalhesMobile: #f0b111;
    --cor-detalhesMobile-terciario: #979797;
    --cor-detalhes-quarteario: #808080;
    --cor-detalhes-scape: rgba(105, 105, 105, 0.25);
    --cor-background-primaria: #FFFFFF;
    --cor-background-secundaria: #F0F1F5;
    --cor-background-terciario: #FFFFFF;
    --cor-background-quarteario: #76ab7f;
    --cor-background-scape: #f0b111; /*novo*/
    --cor-background-autofill: #FFFFFF;
    --cor-fundo-horarios: #e9ecef;
    --cor-fundo-ImagemIndex: #FFFFFF;
    /*fontes*/
    --cor-font-primaria: #1b4f24;
    --cor-font-secundaria: #4e4d4d;
    --cor-font-terciaria: #3fa8f4;
    --cor-font-quartearia: #808080;
    --cor-font-abaHorario: #ffffff;
    --cor-font-scape: #1b4f24;
    --cor-font-scape-secundaria: #696969;
    --cor-font-scape-tercearia: #f0b111;
    --cor-font-detalhes: #ffffff;
    --cor-font-detalhes-secundaria: #958f8f;
    --cor-font-link: #3fa8f4;
    --cor-font-TituloPassageiro: #000000;
    --cor-font-destaque: #f0b111;
    /*bordas*/
    --cor-borda-primaria: #1b4f24;
    --cor-borda-secundaria: #1b4f24;
    --cor-borda-terciaria: #f0b111;
    --cor-borda-quatearia: #FFFFFF;
    /*Mapa_ônibus*/
    --cor-borda-poltrona: #1b4f24;
    --cor-borda-poltrona-secundaria: #f0b111;
    --cor-poltrona-livre: #FFFFFF;
    --cor-poltrona-selecionada: #1b4f24;
    --cor-poltrona-promocao: #f5d800;
    --cor-poltrona-mulher: #FC56AF;
    --cor-fonte-poltrona-livre: #1b4f24;
    --cor-fonte-poltrona-selecionada: #ffffff;
    --cor-desing-onibus-primario: #E3F1FF;
    --cor-desing-onibus-secundario: #f0b111;
    --cor-letra-indisponibilidade-Poltrona: #d4181a;
    /*botoes*/
    --cor-btnHeader: 0;
    --cor-btnFechar: #ffd504;
    --cor-btnNao: 0;
    --cor-btnSim: 0;
    --cor-botao-timeout: #f0b111;
    --cor-botao-primario: #1b4f24;
    --cor-botao-secundario: #FFFFFF;
    --cor-botao-terciario: #76ab7f;
    --cor-botao-quarto: #1b4f24;
    --cor-botao-branco: #ffffff;
    --cor-botao-infos: #FFFFFF;
    --cor-letra-botao-primario: #FFFFFF;
    --cor-letra-botao-secundario: #696969;
    --cor-letra-botao-terciario: #1b4f24;
    --cor-letra-botao-quarteario: #1b4f24;
    --cor-letra-botao-ativo: #f0b111;
    --cor-botao-cancelar: #1b4f24;
    --cor-botao-comprar: #70ad0d;
    --cor-botoao-PixCopiado: #70ad0d;
    /* Configurações de altura */
    --altura-campos-mobile: 2.5rem;
    --altura-campos-desktop: 2.5rem;
    /* Tela de mapa de poltronas 4rem */
    --margin-main: 4rem;
    /*Cores da modal PopUp*/
    --cor-backdrop: #5b8db7;
    --cor-atencao: #ed1450;
    --cor-atencao-promocao: #ed1450;
    /* */
    --cor-rodape-cor1: #1b4f24;
    --cor-rodape-cor2: #76ab7f;
    --cor-sombraLoading: #212A37;
    /*Cores loading bus*/
    --cor-fundo-loading: #1b4f24;
    --cor-tracosOnibus-loading: #f0b111;
    --cor-checkbox: #f0b111;
    --cor-checkbox-checked: #7ecb00;
    --cor-loading-sombra: #1b4f24;
    /*Cores slide-swipe*/
    --cor-fundo-slide: #1b4f24;
    --cor-fonte-slide: #ffffff;
    --cor-borda-slide: #f0b111;
    --cor-slide-desabilitado: #808080;
    /**/
    --cor-scrollbar-track: #1b4f24;
    --cor-scrollbar-thumb: #f0b111;
    /*Cores icones*/
    --cor-icones-primaria: #f0b111;
    --cor-icone-secundaria: #FFFFFF;
    --cor-icone-origem: #f0b111;
    --cor-icone-destino: #f0b111;
    --cor-icone-tracoDestinoOrigem: #1b4f24;
    /*Cores onibus*/
    --cor-onibus: #b7b7b7ba;
    --cor-detalhes-onibus: #5a5a5aa6;
    --cor-background-modal: #1b4f24;
    --cor-background-index-primaria: #f0b111;
    --cor-background-index-secundario: #e9ecef;
    --cor-background-index-terciario: #e9ecef;
    --cor-letra-index: #ffffff;
    --cor-letra-index-secundaria: #f0b111;
    --cor-botao-index: #CFA600;
    --cor-detalhes-index: #e6b12270;
    --cor-detalhes-index-secundario: #8C7B7B;
    --cor-borda-index-primaria: #8C7B7B;
    /*OUTROS*/
    --cor-linha-divisoria-cabecalho: #1b4f24;
    --cor-background-data-cabecalho: #FFFFFF;
    --cor-letra-data-cabecalho: #1b4f24;
    --cor-linha-divisoria: #80808047;
    --cor-border-uiComplete: #f0b111;
}

/*#endregion*/

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

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

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

body {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    background-color: var(--cor-background-secundaria);
    color: var(--cor-primaria);
    min-height: 70vh;
    height: auto !important;
}

main{
    min-height: 70vh;
    height: auto !important;
}

#caminhoRetorno {
    display: none;
}

header {
    z-index: 1040;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.tooltip {
    z-index: 100 !important;
}

.smart-form .tooltip-bottom-right:after {
    bottom: 100%;
    right: 11px;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(0, 0, 0, .9);
    border-left: 4px solid transparent;
}

.btn-cta-aplicarCupom {
    background-color: var(--cor-botao-branco);
    color: var(--cor-letra-botao-quarteario);
    font-weight: 600;
    border: 1px solid var(--cor-borda-primaria);
    border-radius: 5px;
    margin-left: 1rem;
    width: 9rem;
    height: 2.4rem;
}

input[type="radio"] {
    display: none
}

input[type="radio"] + label:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    padding: 2px;
    margin-right: 3px;
    background-clip: content-box;
    border: 2px solid var(--cor-botao-terciario);
    border-radius: 50%
}

input[type="radio"]:checked + label:before {
    border: 2px solid var(--cor-secundaria);
    background-color: var(--cor-secundaria);
}

label {
    display: flex;
    align-items: center;
    color: var(--cor-font-primaria);
}

.form-control {
    display: block;
    width: 100%;
    font-size: 1rem;
    color: var(--cor-primaria);
    background-clip: padding-box;
    border: none;
    background: var(--cor-background-secundaria);
    appearance: revert;
    -webkit-appearance: revert;
    -moz-appearance: revert;
}

.form-control::-webkit-input-placeholder {
    color: var(--cor-font-secundaria);
}


#btnNao {
    background: var(--cor-terciario);
    color: var(--cor-primaria);
    border: 1px solid var(--cor-primaria);
    width: 36%
}

#btnSim {
    background: var(--cor-primaria);
    color: var(--cor-letra-botao-primario);
    width: 36%
}

#btnVoltar {
    background: var(--cor-terciario);
    color: var(--cor-primaria);
    border: solid 1px var(--cor-primaria);
    width: 9.5rem !important;
    font-size: .7rem;
    height: 2.2rem;
}

#btnConfirmar {
    background: var(--cor-primaria);
    color: var(--cor-letra-botao-primario);
    width: 9.5rem !important;
    font-size: .7rem;
    height: 2.2rem;
}

#btnFinalizar {
    background: var(--cor-primaria);
    color: var(--cor-terciario);
    width: 100%;
}

a[disabled] {
    pointer-events: none;
}

button[disabled] {
    pointer-events: none;
    opacity: .65;
}

/*SVGs*/
.fundoDoLoading {
    fill: var(--cor-fundo-loading);
}

.colorBus {
    fill: var(--cor-tracosOnibus-loading)
}

.roda {
    stroke: var(--cor-tracosOnibus-loading)
}

.loadingCircle {
    stroke: var(--cor-fundo-loading)
}

.linha1, .linha2 {
    stroke: var(--cor-tracosOnibus-loading);
}

.icone_destino {
    fill: var(--cor-detalhes-primaria) !important
}


.fil0 {
    fill: var(--cor-onibus);
}

.fil1 {
    fill: var(--cor-onibus);
}

.fil2 {
    fill: var(--cor-detalhes-onibus)
}

.fil3 {
    fill: var(--cor-detalhes-onibus)
}

.fil4 {
    fill: var(--cor-detalhes-onibus)
}

.form-check-input:checked[type=checkbox] {
    border: 1px solid var(--cor-checkbox-checked);
    background-image: url(../../../img/Icons/R0001/check.svg) !important;
    border-radius: 2rem;
}

.form-check-input[type=checkbox] {
    border-radius: 2rem;
    border: 1px solid var(--cor-checkbox);
}

button {
    -webkit-tap-highlight-color: transparent !important;
}

.atencaoIcon {
    fill: var(--cor-detalhes-primaria);
}

.arrowColor {
    fill: white !important;
}

.cardDataFiltro.white {
    color: var(--cor-font-abaHorario) !important;
}

#assento_livre {
    margin-right: 3px;
    border: 1px solid var(--cor-primaria);
    border-radius: 3px;
}

/*#inveterOrigemDestino {
    border-color: var(--cor-detalhes-primaria) !important;
}*/

@media (max-width: 600px) {
    .imagemEmpresa-cabecalho {
        width: 7rem !important;
    }
}

@media (min-width: 601px) {
    .imagemEmpresa-cabecalho {
        width: 10rem !important;
    }
}

.btn-cta-comprar:hover, .btn-cta-comprar {
    color: white !important;
}