/*#region Variaveis de estilo*/
:root {
    /* Cores da página */
    --cor-cabecalho: #004987;
    --cor-primaria: #004987;
    --cor-secundaria: #ffd504;
    --cor-terciario: #ffffff;
    --cor-desativado: #c1c1c1;
    --cor-detalhes-primaria: #004987;
    --cor-detalhes-secundaria: #e3f1ff;
    --cor-detalhes-terciario: #808080;
    --cor-detalhesMobile: #aa272a;
    --cor-detalhesMobile-terciario: #696969;
    --cor-detalhes-quarteario: #808080;
    --cor-detalhes-scape: rgba(105, 105, 105, 0.25);
    --cor-background-primaria: #ffd504;
    --cor-background-secundaria: #f0f1f5;
    --cor-background-terciario: #FFFFFF; /*novo*/
    --cor-background-quarteario: #e9ecef; /*novo*/
    --cor-background-scape: #004987; /*novo*/
    --cor-background-autofill: #f0f1f5;
    --cor-fundo-horarios: #e9ecef;
    --cor-fundo-ImagemIndex: #ffffff;
    /*fontes*/
    --cor-font-primaria: #004987;
    --cor-font-secundaria: #696969;
    --cor-font-terciaria: #3FA8F4;
    --cor-font-quartearia: #696969;
    --cor-font-abaHorario: #ffffff;
    --cor-font-scape: #004987;
    --cor-font-scape-secundaria: #696969;
    --cor-font-scape-tercearia: #700609;
    --cor-font-detalhes: #ffffff;
    --cor-font-detalhes-secundaria: #696969;
    --cor-font-SubTitulos: #000000;
    --cor-font-link: #3FA8F4;
    --cor-font-destaque: #004987;
    /*bordas*/
    --cor-borda-primaria: #004987;
    --cor-borda-secundaria: #004987;
    --cor-borda-terciaria: #f3722940;
    --cor-borda-quatearia: #FFFFFF;
    /*Mapa_ônibus*/
    --cor-borda-poltrona: #7695c6;
    --cor-borda-poltrona-secundaria: #ffd504;
    --cor-poltrona-livre: #7695c6;
    --cor-poltrona-selecionada: #ffd504;
    --cor-poltrona-promocao: #F58634;
    --cor-poltrona-mulher: #FC56AF;
    --cor-fonte-poltrona-livre: #ffffff;
    --cor-fonte-poltrona-selecionada: #004987;
    --cor-desing-onibus-primario: #E3F1FF;
    --cor-desing-onibus-secundario: #5F0F10;
    --cor-letra-indisponibilidade-Poltrona: #d4181a;
    /*botoes*/
    --cor-btnHeader: 0;
    --cor-btnFechar: #ffd504;
    --cor-btnNao: 0;
    --cor-btnSim: 0;
    --cor-botao-timeout: #ffd504;
    --cor-botao-primario: #ffd504;
    --cor-botao-secundario: #FFFFFF;
    --cor-botao-terciario: #F6EEC5;
    --cor-botao-quarto: #004987;
    --cor-botao-branco: #ffffff;
    --cor-botao-infos: #FFFFFF;
    --cor-letra-botao-primario: #004987;
    --cor-letra-botao-secundario: #696969;
    --cor-letra-botao-terciario: #004987;
    --cor-letra-botao-quarteario: #004987;
    --cor-letra-botao-ativo: #aa272a;
    --cor-botao-cancelar: #004987;
    --cor-botao-comprar: #ffd504;
    --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: #876f6fbd;
    --cor-atencao: #ed1450;
    --cor-atencao-promocao: #ed1450;
    /* */
    --cor-rodape-cor1: #004986;
    --cor-rodape-cor2: #005FAD;
    --cor-sombraLoading: #004987;
    /*Cores loading bus*/
    --cor-checkbox: #004987;
    --cor-checkbox-checked: #7ECB00;
    --cor-loading-sombra: #004987;
    /*Cores slide-swipe*/
    --cor-fundo-slide: #004987;
    --cor-fonte-slide: #FFFFFF;
    --cor-borda-slide: #004987;
    --cor-slide-desabilitado: #004987;
    /*barra de rolagem*/
    --cor-scrollbar-track: grey;
    --cor-scrollbar-thumb: #004987;
    /*Cor Icons*/
    --cor-icones-primaria: #004987;
    --cor-icone-secundaria: #FFFFFF;
    --cor-icone-origem: #004986;
    --cor-icone-destino: #004986;
    --cor-icone-tracoDestinoOrigem: #5F0F10;
    /*Cores onibus*/
    --cor-onibus: #acc8e4;
    --cor-detalhes-onibus: #5a5a5aa6;
    --cor-background-modal: white;
    --cor-background-index-primaria: #541919;
    --cor-background-index-secundario: #e9ecef;
    --cor-background-index-terciario: #e9ecef;
    --cor-letra-index: #ffffff;
    --cor-letra-index-secundaria: #541919;
    --cor-botao-index: #CFA600;
    --cor-detalhes-index: #e6b12270;
    --cor-detalhes-index-secundario: #8C7B7B;
    --cor-borda-index-primaria: #8C7B7B;
    /*OUTROS*/
    --cor-linha-divisoria-cabecalho: #ffffff;
    --cor-background-data-cabecalho: #ffd504;
    --cor-letra-data-cabecalho: #004987;
    --cor-linha-divisoria-cabecalho: #80808047;
    --cor-border-uiComplete: #aa272a;
    --cor-checkout-input: #ffd504;
    /*Cores modal Upgrade*/
    --cor-fundo-modalidade-selecionado: #D8D8D8;
    --cor-fundo-modalidade-upgrade: #ffd504;
    --cor-botao-index: #ffd504;
}

.fil1 {
    fill: #acc8e4 !important;
}

.btnReiniciarSessao {
    color: white !important;
}

#icone-busida {
    fill: var(--cor-font-primaria) !important;
}

.containerAtivacaoConcluida {
    color: white !important;
}

#btn-mobile {
    color: white !important;
}

/*.fil0 {
    fill: white !important;
}*/

.icon-bus-ida, .icon-bus-volta {
    fill: white !important;
}

#path39, #path41 {
    fill: #7695c6 !important;
}

.fil2, .fil3 {
    fill: #7695c6 !important;
}

.botaoPisoMapaPoltrona.selected {
    border: none !important;
}

#btnAvancar {
    color: #004987 !important;
}

#btnAvancar:disabled {
    color: white !important;
}

#btnVoltar {
    background-color: var(--cor-botao-primario) !important;
}

.labelClienteDeslogado {
    color: white !important;
}

#btnOrdena:focus, #btnOrdena.active {
    color: white !important;
}

.bodyCarbono {
    line-height: 1.5rem;
    padding: 1rem;
}

.titleCarbonoVerMais {
    font-size: medium;
    font-weight: bold;
}

.carbonoHeader {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: .6rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

#btnConfirmar {
    color: white !important;
}

.buttonClose {
    border: none;
    background: transparent;
    font-size: 1.5rem;
}

.btn-continuarComprando, #btnLogar, .botaoComprarParaPix, .btn-cta-comprar {
    color: var(--cor-primaria) !important;
    border: none;
    font-weight: 700 !important;
}

.btn-continuarComprando, #btnLogar {
    background-color: var(--cor-botao-primario) !important;
}

.linkouroEprata {
    color: var(--cor-primaria) !important;
    font-weight: bold !important;
}


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

.spanAssento {
    color: white !important;
}

#btnSim {
    color: white !important;
}

.cabecalhoTotalDesktop {
    color: white !important;
}

.containerIdaVolta {
    color: white !important;
}


.containerCarbono {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1rem;
}

.gridIconCarbonr {
    display: flex;
    align-items: center;
    padding-top: 0.5rem;
}

#checkQueroAjudar {
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 0.25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, .25);
    -moz-appearance: none;
    -webkit-print-color-adjust: exact;
    background: var(--cor-checkout-input);
    margin-bottom: 1rem;
    margin-top: 0;
}

#checkQueroAjudar:checked::before {
    content: url('/Content/img/Icons/R0001/check2.svg');
    display: block;
    width: 100%;
    height: 100%;
    background-color: #ffd504;

}

.frameAtivo {
    opacity: 1 !important;
    transition: opacity 500ms ease;
}

.frame {
    opacity: 0;
}


.containerGif p {
    margin: 0;
}

.containerGif {
    text-align: end;
}
#popUpCarbono {
    text-decoration: underline;
}
.textQueroAjudar {
    margin-left: 5px;
    font-size: 14px;
}

.tituloCarbono {
    margin: 3px;
    font-size: 14px;
    font-weight: 600;
}

.containerMgsCarbono {
    font-size: 14px;
    padding-left: 1.8rem;
}

.checkEprecoCarbono {
    display: flex;
    justify-content: space-between;
    padding-left: 2.8rem;
    padding-right: 1.5rem;
}
.divCheckQueroAjudar {
    display: flex;
    align-items: center;
    margin-right: .4rem;
}

.iconCarborn {
    width: 1.5rem;
    height: 1.5rem;
}
/*.containerDadosRecebeInfo, .containerCheckBoxRecebeInfo {
    display: none !important;
}*/
/*#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;
}

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

.imagemEmpresa-cabecalho {
    width: 150px !important;
}

.rowDadosPreferenciaPassageiro {
    display: flex;
    align-items: baseline !important;
    /* justify-content: space-between; */
    padding: 0 1rem;
    padding-top: 0px;
    padding-right: 1rem;
    padding-bottom: 0px;
    padding-left: 1rem;
    flex-direction: column;
}

.cardCompra .label {
    color: #1670bc !important;
}

#checkboxAposentado {
    padding-left: 10px !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;
}

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: white !important;
    border: 1px solid var(--cor-terciario);
    width: 36%
}

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

#btnNao {
    background: var(--cor-primaria) !important;
    color: white !important;
    width: 36%
}

#DadosDoComprador {
    display: flex;
    width: 100%;
    justify-content: flex-end;
}

#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%;
    font-weight: bold !important;
    background-color: var(--cor-background-primaria);
    color: #004987 !important;
}

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

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

/*SVGs*/
.fundoDoLoading {
    fill: #ffd504;
}

.colorBus {
    fill: #004987;
}

.roda {
    stroke: #004987;
}

.loadingCircle {
    stroke: #ffd504;
}

.linha1, .linha2 {
    stroke: #004987;
}

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


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

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

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

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

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

.imgBus_resumoViagem {
    fill: var(--cor-primaria) !important;
}

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

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

.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: var(--cor-primaria)
}

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