/*#region Variaveis de estilo*/
:root {
    /* Cores da página */
    --cor-cabecalho: #971C1E;
    --cor-primaria: #971C1E;
    --cor-secundaria: #f0b111;
    --cor-terciario: #ffffff;
    --cor-desativado: #c1c1c1;
    --cor-detalhes-primaria: #f0b111;
    --cor-detalhes-secundaria: #f0b11140;
    --cor-detalhes-terciario: #4e4d4d;
    --cor-detalhesMobile: #979797;
    --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: #F0F1F5o;
    --cor-background-scape: #971C1E; /*novo*/
    --cor-background-autofill: #FFFFFF;
    --cor-fundo-horarios: #e9ecef;
    --cor-fundo-ImagemIndex: #FFFFFF;
    /*fontes*/
    --cor-font-primaria: #971C1E;
    --cor-font-secundaria: #4e4d4d;
    --cor-font-terciaria: #3fa8f4;
    --cor-font-quartearia: #808080;
    --cor-font-abaHorario: #ffffff;
    --cor-font-scape: #971C1E;
    --cor-font-scape-secundaria: #971C1E;
    --cor-font-scape-tercearia: #ffffff;
    --cor-font-detalhes: #ffffff;
    --cor-font-detalhes-secundaria: #958f8f;
    --cor-font-link: #f0b111;
    --cor-font-TituloPassageiro: #971C1E;
    --cor-font-destaque: #d4181a;
    /*bordas*/
    --cor-borda-primaria: #971C1E;
    --cor-borda-secundaria: #f0b111;
    --cor-borda-terciaria: #80808025;
    --cor-borda-quatearia: #FFFFFF;
    /*Mapa_ônibus*/
    --cor-borda-poltrona: #971C1E;
    --cor-borda-poltrona-secundaria: #971C1E;
    --cor-poltrona-livre: #e9ecef;
    --cor-poltrona-selecionada: #971C1E;
    --cor-poltrona-promocao: #f0b111;
    --cor-poltrona-mulher: #FC56AF;
    --cor-fonte-poltrona-livre: #971C1E;
    --cor-fonte-poltrona-selecionada: #f0b111;
    --cor-desing-onibus-primario: #E3F1FF;
    --cor-desing-onibus-secundario: #971C1E;
    --cor-letra-indisponibilidade-Poltrona: #d4181a;
    /*botoes*/
    --cor-btnHeader: 0;
    --cor-btnFechar: #ffd504;
    --cor-btnNao: 0;
    --cor-btnSim: 0;
    --cor-botao-timeout: #971C1E;
    --cor-botao-primario: #971C1E;
    --cor-botao-secundario: #FFFFFF;
    --cor-botao-terciario: #971C1E;
    --cor-botao-quarto: #971C1E;
    --cor-botao-branco: #ffffff;
    --cor-botao-infos: #FFFFFF;
    --cor-letra-botao-primario: #FFFFFF;
    --cor-letra-botao-secundario: #696969;
    --cor-letra-botao-terciario: #f0b111;
    --cor-letra-botao-quarteario: #f0b111;
    --cor-letra-botao-ativo: #FFFFFF;
    --cor-botao-cancelar: #f0b111;
    --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: #971C1E;
    --cor-rodape-cor2: #971C1E;
    --cor-sombraLoading: #971C1E;
    /*Cores loading bus*/
    --cor-fundo-loading: #971C1E;
    --cor-tracosOnibus-loading: #f0b111;
    --cor-checkbox: #f0b111;
    --cor-checkbox-checked: #7ecb00;
    --cor-loading-sombra: #971C1E;
    /*Cores slide-swipe*/
    --cor-fundo-slide: #971C1E;
    --cor-fonte-slide: #ffffff;
    --cor-borda-slide: #f0b111;
    --cor-slide-desabilitado: #808080;
    /**/
    --cor-scrollbar-track: #971C1E;
    --cor-scrollbar-thumb: #f0b111;
    /*Cores icones*/
    --cor-icones-primaria: #971C1E;
    --cor-icone-secundaria: #FFFFFF;
    --cor-icone-origem: #971C1E;
    --cor-icone-destino: #f0b111;
    --cor-icone-tracoDestinoOrigem: #971C1E;
    /*Cores onibus*/
    --cor-onibus: #b7b7b7ba;
    --cor-detalhes-onibus: #5a5a5aa6;
    --cor-background-modal: white;
    --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: #971C1E;
    --cor-background-data-cabecalho: #FFFFFF;
    --cor-letra-data-cabecalho: #971C1E;
    --cor-linha-divisoria: #80808047;
    --cor-border-uiComplete: #f0b111;
}
/*#endregion*/

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

main {
    margin-top: 3.8rem;
}

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);
}

#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;
}

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-detalhes-primaria);
        border-radius: 50%
    }

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

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);
    }

/* .form-control:focus {
        box-shadow: 0 0 0 0;
        border: 1px solid var(--cor-detalhes-primaria);
    }*/

#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-botao-primario);
    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;
}

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

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

.arrowColor {
    fill: white !important;
}

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

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