:root {
    --azul: #6acade;
    --rosa: #E60048;
    --roxo: #6200A3;
    --rosa-claro: #FF3183;
    --amarelo: #FFE200;
}

body {
    background: url("/arquivos/arquivos_cinema/compra_online/imagens/banner-fundo-fastjump.png");
}

body > header {
    background-color: #FFFFFF;
    border: solid;
    border-left: none;
    border-top: none;
    border-right: none;
    border-color: var(--amarelo);
}

header div.header-cont_busca input{
    background-color: rgba(0,0,0,0.1);
    border-color: #000;
    color: #000;
    background-image: url(../../img/icon-search-preto.png);
}

header div.header-cont_busca input::placeholder{
    color: var(--preto);
}

section#escolhe_filme, section#escolhe_sessao, section#escolhe_ingressos {
    background-repeat: no-repeat, no-repeat;
    background-position: bottom left, top right;
    background-size: max(200px), max(120px);
}

section#pagina_bomboniere, section#resumo_pagamento {
    background-repeat: no-repeat;
    background-position: top right;
    background-size: max(200px);
}

header div#header_slc_localidade_chosen span, header div.header-cont_localidade span, header div.header-cont_logo a,
header div.header-cont_login a {
    color: #000 !important;
}

nav#header-barra-menu div.header-cont_menu button .material-icons {
    color: #000;
}

nav#header-barra-menu div.header-cont_menu button.mostra .material-icons {
    color: var(--verde);
}

div.menu_mobile.mostra {
    border-bottom: 2px solid var(--rosa);
}

div.menu_mobile {
    border-bottom: 20px solid var(--rosa);
}

html.auto_atendimento div#menu-mobile-localizacao, html.auto_atendimento div#menu-mobile-busca, html.auto_atendimento div#menu-mobile-usuario {
    display: none;
}

div#menu-mobile-usuario ul li a {
    color: #000;
}

div#overlay-aa {
    background-color: var(--roxo);
}

div#overlay-aa p.titulo {
    color: var(--rosa-claro);
}

div#overlay-aa p.descricao {
    color: #000;
}

div#btn_fidelidade button, div#btn_fidelidade_voltar_filmes button{
    color: white !important;
}
.descricao_nivel{
    color: white;
}
.abas li a{
    color: white;
}
#regulamento{
    color: white;
}
#setaEsquerda{
    color: white;
}
#setaDireita{
    color: white;
}
div#overlay-aa div.botoes > button, section#escolhe_filme ul#lista_filmes li p.detalhes {
    background-color: var(--rosa-claro);
    color: #fff;
    border-color: var(--rosa-claro);
}

section#escolhe_sessao div.dados div#nav-tabContent h3 span {
    display: none;
}

div#botoes_aa button {
    background-color: #fff;
    border: none;
    color: var(--rosa);
}

div#botoes_aa {
    background-color: rgba(255, 255, 255, 0);
}

div#cont_btn_so_bomboniere button, div#cont_btn_bomboniere_voltar_filmes button,
div#cont_btn_bomboniere_voltar_produtos button {
    border-color: var(--white);
    color: var(--rosa);
    background-color: var(--amarelo);
}

div#cont_btn_so_bomboniere button:hover, div#cont_btn_bomboniere_voltar_filmes button:hover,
div#cont_btn_bomboniere_voltar_produtos button:hover {
    border-color: #fff;
    color: #fff;
    background-color: var(--rosa);
}


div#informacoes_cinema h1 span.msg {
    color: #fff;
    font-size: 1rem;
}

section#escolhe_filme ul#lista_filmes li h3 {
    background-color: #fff;
    color: var(--rosa);
}

section#escolhe_filme ul#lista_filmes li div.sessoes div.proximas a {
    border-color: var(--rosa);
    color: var(--rosa);
}

ul#etapas_itens li {
    background: #ffffff;
    color: black;
}

body div#modal_cadastro div.modal-content form#form-cadastro div.modal-footer button#btn_dependentes {
    background-color: var(--roxo);
    color: #fff;
    border-color: var(--roxo);
}

body div#modal_cadastro div.modal-content form#form-cadastro div.modal-footer button#btn_dependentes:hover {
    background-color: var(--rosa-claro) !important;
    color: #fff !important;
    border-color: #ba622a !important;
}

section#escolhe_ingressos div.opcao-continua div.login a, .opcao-continua .opcao.botoes button, section#resumo_pagamento div#cont_form_pagamento button, section#historico_compras div.modal-detalhes-compra p.identificador,
section#lista_filiais ul#lista-cinemas li a, button.btn_ciente18 {
    background-color: var(--rosa);
    color: #fff;
}

section#escolhe_ingressos div.opcao-continua div.login a:hover, .opcao-continua .opcao.botoes button:hover, section#resumo_pagamento div#cont_form_pagamento button:hover,
section#historico_compras div.modal-detalhes-compra div#cont_btn_imprimir_ingresso a:hover,
section#lista_filiais ul#lista-cinemas li a:hover, button.btn_ciente18:hover,
section#pagina_bomboniere div.btn_continuar button:hover {
    background-color: var(--rosa-claro);
    color: white;
}

div#informacoes_cinema h1 span.nome, section#escolhe_filme p.nenhum_filme_encontrado, section#lista_filiais h2 {
    color: #fff;
}

section#escolhe_sessao div.cartaz div.botoes button {
    border: 1px solid var(--roxo);
    color: var(--roxo);
}

div.botoes_informacoes button {
    border: 1px solid #fff;
    color: #fff;
}

section#pagina_bomboniere h3 {
    color: #fff;
}

section#escolhe_sessao .dados {
    border-color: var(--verde);
}

section#escolhe_sessao ul.lista_sessoes li div.container {
    background-color: #fff;
    border-color: var(--rosa);
    color: var(--rosa);
}

section#pagina_bomboniere ul li h3 span.valor {
    background-color: var(--rosa);
}

section#escolhe_sessao ul.lista_sessoes li div.container div.dados_sessao span.infs, section#escolhe_sessao ul.lista_sessoes li div.container div.dados_sessao span.hora, section#escolhe_sessao ul.lista_sessoes li div.container div.cont_link_assentos a {
    color: #000;
}

.btn-primary, section#escolhe_ingressos div.opcao-continua div.botoes_aa button {
    color: #fff;
    background-color: var(--rosa);
    border-color: var(--rosa);
}

.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary:active:focus, .btn-primary.active.focus, .btn-primary:target, .btn-primary.focus, .btn-primary:focus {
    color: #fff !important;
    background-color: var(--rosa) !important;
    border-color: var(--rosa) !important;
}

section#pagina_bomboniere ul li div.qtd button {
    background-color: var(--verde);
}

section#pagina_bomboniere ul li {
    border-color: #fff;
}

section#pagina_bomboniere ul li div.qtd input {
    color: rgb(33, 37, 41);
}

section#pagina_bomboniere div.btn_continuar, section.botoes_continua {
    bottom: 6%;
}

section .botoes_continua {
    background-color: transparent;
    border-top: None;
}

#escolhe_ingressos .botoes_continua .opcao-continua .opcao button{
    background-color: var(--roxo);
}

.botoes_continua .opcao-continua .opcao button{
    background-color: var(--roxo);
}

#escolhe_ingressos .botoes_continua .opcao-continua .opcao button:hover{
    background-color: var(--rosa-claro);
}

#pagina_bomboniere form .btn_continuar {
    background-color: transparent!important;
    border-top: None!important;
}

section#pagina_bomboniere div.btn_continuar button, section.botoes_continua button,
section#historico_compras div.modal-detalhes-compra div#cont_btn_imprimir_ingresso a,
section#confirmacao-compra div#cont_btn_imprimir_ingresso a,
div#overlay_terminal_bloqueado p.titulo label.botao_recarregar,
section#pagina_bomboniere div#modal_poltrona.modal button.btn-confirma-poltrona,
section#pagina_bomboniere div#modal_produtos_substitutos.modal button.btn-confirma-bomboniere,
div#modal_produtos_upgrade.modal button.btn-confirma-bomboniere,
section#pagina_bomboniere div#modal_poltrona div.div-botoes-poltronas-usuario button.botao-poltrona,
.btn-venda-garcom, button.convenio, button#selecionar_outro_convenio {
    background-color: var(--roxo);
    color: #fff;
}

.botaoInformacoes:hover,
.botaoInformacoes:hover #infoIcon,
.botaoInformacoes:hover #msgSaber {
    color: #e6e6e6 !important;
    cursor: pointer;
}

.maisInformacoes {
    font-size: 1rem;
}


header div.header-cont_localidade .active-result.highlighted, div#menu-mobile-localizacao .active-result.opcao.highlighted {
    background-color: var(--rosa) !important;
    color: #fff;
}

body.ativacao > header {
    background: #fff;
    color: white;
}

body.ativacao form#form_nova_senha div#forca_senha.fraca {
    background-color: rgba(255, 239, 0, 0.36);
}

body.ativacao form#form_nova_senha div#forca_senha.forte {
    background-color: var(--rosa-claro);
}

section#escolhe_sessao div h2, section#resumo_pagamento div h2, section#resumo_pagamento div h3,
section#confirmacao-compra h2, section#confirmacao-compra h3,
section#escolhe_assentos h2,
section#pagina_bomboniere h2, div#valor_ingressos h3 {
    color: #fff;
}

section#resumo_pagamento div#forma-pagamento-cartao {
    color: #000;
}

section#historico_compras h2 {
    color: #fff;
}

modal-title, div#tela_aguarde .spinner-border, div#tela_aguarde p#aguarde_msg, div#produtos_upgrade h2 {
    color: var(--rosa);
}

section#resumo_pagamento div h3:after,
section#escolhe_assentos h2:after,
section#escolhe_sessao div h2:after {
    background: var(--rosa);
    opacity: 75%;
}

section#historico_compras ul#itens-historico li h3 {
    color: #fff;
}

section#historico_compras ul#itens-historico li h3 small.text-muted {
    color: #262626 !important;
}

section#historico_compras div.modal-detalhes-compra div#cont_total {
    background-color: var(--rosa-claro);
}

section#historico_compras ul#itens-historico li div.modal-body p.detalhes button {
    background-color: var(--rosa);
    color: #fff;
}
section#historico_compras ul#itens-historico li div.modal-body p.detalhes button:hover {
    background-color: #fff;
    color: var(--rosa);
    border-color: var(--rosa);
}

section#historico_compras ul#itens-historico li .modal-body h3, section#historico_compras ul#itens-historico li .modal-detalhes-compra h3 {
    color: black !important;
}

section#historico_compras ul#itens-historico p.detalhes button {
    color: #fff;
    border: 1px solid #fff;
}

section#historico_compras ul#itens-historico p.detalhes button:hover {
    color: var(--rosa);
    background-color: #fff;
    border: 1px solid #fff;
}

div#overlay_terminal_bloqueado {
    background-color: var(--rosa);
    color: #000;

}

div#overlay_terminal_bloqueado p#msg_terminal_bloqueado {
    background-color: var(--rosa);
}

/*!* Handle *!*/
/*html.auto_atendimento ::-webkit-scrollbar-thumb {*/
/*    background: var(--cor-principal);*/
/*}*/

/*!* Handle on hover *!*/
/*html.auto_atendimento ::-webkit-scrollbar-thumb:hover {*/
/*    background: var(--cor-principal);*/
/*}*/

.botaoCookies {
    margin: 3px;
    border-radius: 10px;
    background-color: var(--rosa) !important;
    color: #fff;
    border-color: var(--rosa) !important;
    height: 27px;
}

.botaoCookies:hover {
    border-color: var(--rosa);
    background-color: #fff;
    color: var(--rosa);
}

.sac-color {
    color: var(--rosa-claro);
    background-color: white;
    border-color: var(--rosa-claro);
    cursor: pointer;
}

.sac-color:hover {
    color: #fff !important;
    background-color: var(--rosa) !important;
    border-color: var(--rosa) !important;
}

div#overlay_terminal_bloqueado p.titulo label.botao_recarregar {
    font-size: 4.5vh;
}

div#overlay_terminal_bloqueado p.titulo label.botao_recarregar i.icone_recarregar {
    font-size: 5.2vh;
    margin-top: 5px;
    font-weight: bold;
}

section#resumo_pagamento div#forma-pagamento-escolha ul li button {
    background-color: var(--roxo) !important;
    border-radius: 0.4rem;
    border: none;
    color: #fff;
    display: inline-block;
    padding: 0.3rem 1rem;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}

section#resumo_pagamento .dados-forma-pagamento ul li button {
    background-color: var(--roxo) !important;
    border-radius: 0.4rem;
    border: none;
    color: #fff;
    display: inline-block;
    padding: 0.3rem 1rem;
    text-align: left;
    text-transform: uppercase;
    width: 117%;
}

section#resumo_pagamento div#cont_detalhes_compra table#tbl_detalhes_compra thead,
section#confirmacao-compra table#tbl_detalhes_compra thead {
    color: #fff;
    font-size: 0.8rem;
}

section#resumo_pagamento div#cont_detalhes_compra table#tbl_detalhes_compra tbody tr:first-child td,
section#confirmacao-compra table#tbl_detalhes_compra tbody tr:first-child td {
    color: #fff;
}

section#historico_compras ul#itens-historico p.localizacao {
    color: #fff;
    font-size: 0.9rem;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link,
.informacao-poltrona {
    color: var(--letras-brancas);
    background-color: var(--cor-principal);
}

section#resumo_pagamento div#cont_detalhes_compra table#tbl_detalhes_compra tbody,
section#resumo_pagamento div#cont_pagamento div#forma-pagamento-escolha p,
section#resumo_pagamento div#forma-pagamento-escolha p, .mudaCorLabelTikt {
    color: #fff;
}

div#forma-pagamento-pix.dados-forma-pagamento {
    color: #fff;
}

div#resposta_busca {
    background-color: var(--rosa-claro);
}


section#historico_compras h2::after {
    background-color: var(--letras-brancas);
}

footer {
    background-color: #2c2c2c;
}

section#resumo_pagamento div.compra p.infs_sessao, section#resumo_pagamento div.compra p.infs_lugares,
section#resumo_pagamento div#classificacao_pagamento div.div_classificacao, section#confirmacao-compra p.infs_lugares {
    color: #fff;
}

section#historico_compras ul#itens-historico {
    color: #000;
}

/*data em minhas compras e modal*/
section#historico_compras ul#itens-historico p.data {
    color: #000 !important;
}

section#historico_compras ul#itens-historico div.modal-body p.data {
    color: #000 !important;
}

section#resumo_pagamento div h2::after {
    color: var(--letras-pretas);
}

section#pagina-conteudo {
    margin: 0 auto;
    /*max-width: 100%;*/
    width: 100%;
}

section#section_retirada div#digitacao_retirada div#cont_teclado button.tecla,
section#pagina-conteudo div#cont_teclado button {
    background-color: var(--roxo);
    border-color: var(--roxo);
}

section#section_retirada div#digitacao_retirada div#cont_teclado button.tecla:hover {
    background-color: var(--azul);
    border-color: var(--azul);
}

section#historico_compras ul#itens-historico li > div p.identificador {
    color: #fff;
}

section#resumo_pagamento div#cont_detalhes_compra table#tbl_detalhes_compra td.alinhaD,
section#confirmacao-compra table#tbl_detalhes_compra td.alinhaD {
    color: #fff;
}

section#confirmacao-compra ul#dicas_retirada, section#confirmacao-compra p.infs_sessao {
    color: #fff;
}

div#modalIdentificadores div.modal-body table thead {
    background-color: var(--rosa);
    color: #fff;
}


div#navegacao_aa > button {
    background-color: var(--roxo);
    color: #fff;
}

section#pagina_bomboniere ul li {
    border-color: #333;
}

/*div#cont_tef.erro {*/
/*    color: var(--letras-pretas);*/
/*}*/

body.auto_atendimento section#resumo_pagamento div h2 {
    color: #fff;
}

section#resumo_pagamento div.container-fluid div.row.cabecalho div.valor-total {
    color: #fff;
}

section#pagina-conteudo div#sticky-assentos {
    color: black;
}

section#pagina_bomboniere ul li div.texto p.obs {
    color: #fff;
    font-size: 0.9rem;
}

section#pagina_bomboniere ul li p {
    margin: 0;
    color: #fff;
}

section#pagina_bomboniere ul li div.qtd {
    text-align: center;
    color: #fff;
}


/*!*----------------------------------------------------------*!*/

section#escolhe_sessao div.filme-pai div.sessoes .nav-item,
section#pagina_bomboniere form#frm_salva_bomboniere .nav-item,
section#pagina_bomboniere button.botoes-garcom,
a.nav-item.niveis {
    color: #fff;
    margin: 2px;
    border-color: #fff;
}

section#escolhe_sessao div.filme-pai div.sessoes .nav-item.active,
section#pagina_bomboniere form#frm_salva_bomboniere .nav-item.active,
a.nav-item.niveis.active {
    background: #fff;
    border-color: #fff;
    color: var(--rosa);
}

section#escolhe_sessao div.filme-pai div.sessoes .nav-item:hover,
section#pagina_bomboniere form#frm_salva_bomboniere .nav-item:hover,
a.nav-item.niveis:hover {
    background: #fff;
    color: var(--rosa);
    border-color: #fff;
}

section#escolhe_sessao div.filme-pai div.sessoes .nav-tabs {
    flex-wrap: inherit;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

section#escolhe_sessao div.filme-pai div.sessoes .nav-tabs::-webkit-scrollbar {
    display: none;
}

.alinhaD {
    text-align: right;
}

.arrows {
    margin-top: 10px;
    cursor: pointer;
}

html.auto_atendimento .arrows {
    margin-top: 8px;
    cursor: pointer;
    font-size: 30px;
    color: var(--roxo);
}

html.auto_atendimento .arrows-left {
    margin-left: 12px;
    color: var(--roxo);
}

@media only screen and (max-device-width: 640px) {
    .setas {
        display: none;
    }
}

.setas, .valor-expandido {
    color: #000 !important;
}

div#v-pills-tab.nav.flex-column.nav-pills a.nav-link {
    color: var(--roxo);
}

div#v-pills-tab.nav.flex-column.nav-pills a.nav-link.active {
    color: #fff;
    background: var(--roxo);
}

.botao-voltar, .opcao-continua .opcao.botoes button.botao-voltar {
    color: #fff;
    background-color: #6c757d;
    cursor: pointer;
    border-radius: 0.5rem;
    border: none;
    font-size: 7pt;
    width: 5.2rem;
    line-height: 1.6rem;
    padding: 0;
}

section#resumo_pagamento, section#confirmacao-compra {
    color: #fff;
}


html.auto_atendimento body.auto_atendimento section#pagina-conteudo.tamanho_conteudo section#conteudo_tela section#section_retirada p.destaque {
    color: #fff;
}

html.auto_atendimento body.auto_atendimento section#pagina-conteudo.tamanho_conteudo section#conteudo_tela section#section_retirada h2 {
    color: #fff;
}

section#section_retirada h2::after {
    background: var(--rosa) !important;
}

.botao-finaliza-venda button {
    background-color: var(--roxo);
    color: #fff;
}

.botao-finaliza-venda button:hover {
    background-color: var(--rosa-claro);
    color: #fff;
}

.btn-venda-garcom {
    width: 50%;
    height: 100px;
}

#informacao_poltrona {
    font-size: 20px;
    text-align: center;
    background: var(--rosa);
    color: #fff;
}

button.condicao_ativa {
    background-color: white;
    color: var(--rosa);
    border: 2px solid var(--rosa);
}

.cor_bad_horario{
    background-color: white;
    color: black;
}

p.aviso_data{
    color: white; !important;
}

#historico_compras .cont_btn_voltar button{
    background-color: var(--roxo);
}

#botao-enviar-sac {
    background-color: var(--roxo);
    border-color: var(--roxo);
}

#btn_submit_recaptcha{
    background-color: var(--roxo);
    border-color: var(--roxo);
}

#form-cadastro .modal-body .form-row div button{
    background-color: var(--roxo);
    border-color: var(--roxo);
}

#modal_alterar_senha .modal-dialog.modal-dialog-centered .modal-content .modal-footer .btn.btn-primary{
    background-color: var(--roxo);
    border-color: var(--roxo);
}

#informacoes_cinema .link_email .nome.legend{
    color: white!important;
}

#modal_login .modal-dialog.modal-dialog-centered .modal-content .modal-body .modal-footer .btn.btn-primary{
    background-color: var(--roxo);
    border-color: var(--roxo);
}

#modal_senha .modal-footer #btn_ok{
    background-color: var(--roxo);
    border-color: var(--roxo);
}

#mensagem_ativacao{
    color: white!important;
}

#mensagem_compra_andamento{
    color: white!important;
}

#form_nova_senha .form-row #forca_senha{
    background-color: var(--roxo)!important;
    opacity: 85%;
}

#form-pagamento .form-row .form-group button{
    background-color: var(--roxo)!important;
    border-color: var(--roxo)!important;
}

#form-pagamento .form-row .form-group button:hover{
    background-color: var(--rosa-claro)!important;
    border-color: var(--rosa-claro)!important;
}

#btn_submit_cadastrar {
    background-color: var(--roxo)!important;
    border-color: var(--roxo)!important;
}

#btn_submit_cadastrar:hover {
    background-color: var(--rosa-claro)!important;
    border-color: var(--rosa-claro)!important;
}

#pix-qr-code canvas{
    background: white;
    padding: 20px;
}

/*#mensagem_acesso_negado {*/
/*    color: var(--letras-pretas);*/
/*}*/



/*div#form.container{*/
/*    color:black;*/
/*}*/

/*.caixa_texto{*/
/*    background-color: #eeebeb;*/
/*    color: black;*/
/*    border-radius: 1rem;*/
/*    border-color:#013771 ;*/
/*    padding: 1rem;*/
/*}*/

/*.botoes_pesquisa{*/
/*    accent-color: #013771;*/
/*}*/


/*#imagem_cliente_pesquisa{*/
/*    background-color: #013771;*/
/*    border-bottom: black;*/
/*    border-bottom: solid;*/
/*}*/

/*.separa_area{*/
/*    border-bottom: #013771; border-bottom: solid; color:#013771;*/
/*}*/

/*.separa_pergs{*/
/*    border-bottom: solid;*/
/*}*/

/*.separa_pergs{*/
/*    border-bottom: #6686a9; border-bottom: solid; color: #6686a9;*/
/*}*/
/*.corpo_erro{*/
/*    color: black;*/
/*}*/

/*.pos_pesquisa{*/
/*    color: black;*/
/*}*/

/*.div_imagem_pesquisa{*/
/*    background-color: #013771;*/
/*    border-top: none   ;*/
/*    border-bottom: none; !important;*/
/*}*/

/*.separacao_flutuante {*/
/*    border-color: #013771;*/
/*    border-radius: 2rem;*/
/*    border-style: solid;*/
/*}*/
/*.corpo_perg{*/
/*  background:  whitesmoke;*/
/*  color: black;*/
/*  padding: 2rem;*/
/*    border-radius: 2rem;*/
/*}*/