:root {
    --rosa: #DD26BA;
    --verde: #94C93D;
    --rosa-hover: #ec4ecf;
    --verde-hover: #b8f17c;
}


@media (min-width: 901px) {
    body {
        background: #85b537 url("/arquivos/arquivos_cinema/compra_online/imagens/background_villa_parque.png") no-repeat fixed bottom center;
        background-size: 100% auto;
    }
}

@media (max-width: 900px) {
    body {
        background: #85b537 url("/arquivos/arquivos_cinema/compra_online/imagens/background_villa_parque_mobile.png") no-repeat fixed bottom center;
        background-size: cover;
    }
}

body {
    /*background-color: var(--verde);*/
    /*background: linear-gradient(to right, var(--verde), var(--verde-hover), var(--verde-hover) ,var(--verde));*/
}

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

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


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

body > header {
    background: #000;
}

div#overlay-aa {
    background-color: #000;
}

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

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

div#overlay-aa div.botoes > button, section#escolhe_filme ul#lista_filmes li p.detalhes, section#escolhe_sessao h3 span {
    background-color: var(--rosa);
    color: #fff;
}

div#botoes_aa {
    background: none;
}

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

/*.botao-voltar {*/
/*    background-color: #000;*/
/*    border-color: #000;*/
/*    color: #fff;*/
/*}*/


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

.botao-voltar:hover, .opcao-continua .opcao.botoes button.botao-voltar:hover {
    color: #fff;
    background-color: #858989;
}

#modal_retorno_consulta_cpf_fidelidade > div > div > div.modal-body > div.opcao.botoes button {
    background-color: var(--verde);
    color: #fff;
}


div#cont_btn_so_bomboniere button, div#cont_btn_bomboniere_voltar_filmes button,
div#cont_btn_bomboniere_voltar_produtos button {
    border-color: #000;
    color: #000;
}

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: var(--rosa);
    color: var(--rosa);
}

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

section#escolhe_filme ul#lista_filmes li h3 {
    background-color: #000;
    color: #fff;
}

section#escolhe_filme ul#lista_filmes li div.sessoes div.proximas a {
    border-color: #000;
    color: #000;
}

ul#etapas_itens li {
    background: var(--rosa);
    color: #fff;
}

ul#etapas_itens li.mostra:hover {
    background: var(--rosa-hover);
    color: #fff;
}

section#escolhe_ingressos div.opcao-continua div.login a, .opcao-continua .opcao.botoes button, section#resumo_pagamento div#cont_form_pagamento button,
section#lista_filiais ul#lista-cinemas li a, button.btn_ciente18, #bomboniere_login > a {
    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 {
    background-color: var(--rosa-hover);
}

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

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

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

section#pagina_bomboniere h3 {
    color: #000;
}

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

section#escolhe_sessao ul.lista_sessoes li div.container {
    background-color: #fff;
    border-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: var(--rosa) !important;
}

section#pagina_bomboniere ul li h3 span.valor {
    background-color: #000;
    color: #fff;
}

.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-hover) !important;
    border-color: var(--rosa-hover) !important;
}

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

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

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

section#pagina_bomboniere ul li:before, section#pagina_bomboniere ul li:after {
    background-color: #000;
}

section#pagina_bomboniere ul li div.qtd input {
    color: #000;
}

section#pagina_bomboniere div.btn_continuar, section.botoes_continua {
    border-top: 0;
    background-color: rgba(148, 201, 61, 0);

}

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(--rosa);
    color: #fff;
}

.botaoInformacoes {
    color: #1c1c1c;
    top: 0;
}

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

.maisInformacoes {
    font-size: 1rem;
    color: #1c1c1c !important;
}

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

div.menu_mobile.mostra, div.menu_mobile {
    border-color: var(--rosa-hover);
}

body.ativacao > header {
    background: #000 !important;
}

body.ativacao main p#mensagem_compra_andamento a {
    color: var(--rosa) !important;
}

section#escolhe_sessao div h2, section#resumo_pagamento div h2,
section#resumo_pagamento div h3, section#historico_compras h2,
section#escolhe_sessao ul.lista_sessoes li div.container div.cont_link_assentos a,
.modal-title, section#confirmacao-compra h2, section#confirmacao-compra h3,
section#escolhe_assentos h2, div#tela_aguarde .spinner-border,
div#tela_aguarde p#aguarde_msg, section#pagina_bomboniere h2, div#valor_ingressos h3,
div#produtos_upgrade h2 {
    color: #000;
}

div#produtos_upgrade h2:after {
    background-color: var(--verde);
    opacity: 75%;
}

section#resumo_pagamento div h3:after,
section#escolhe_assentos h2:after,
section#escolhe_sessao div h2:after,
section#historico_compras h2:after,
section#confirmacao-compra h3:after,
section#section_retirada h2:after {
    background: #fff;
    opacity: 70%;
}

section#historico_compras ul#itens-historico li h3,
section#historico_compras ul#itens-historico p.data,
section#historico_compras ul#itens-historico li h3 small,
section#historico_compras ul#itens-historico p.localizacao,
section#historico_compras ul#itens-historico li .modal-body h3,
section#historico_compras ul#itens-historico li .modal-detalhes-compra h3 {
    color: #000 !important;
}

section#historico_compras ul#itens-historico > li > div.row {
    border-bottom-color: #c0fa68;
}

section#historico_compras ul#itens-historico p.detalhes button {
    color: #000;
    border: 1px solid #000;
    /*background-color: #000;*/

}

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

div#overlay_terminal_bloqueado {
    background-color: #111;
}

html.auto_atendimento ::-webkit-scrollbar-thumb {
    background: var(--verde);
}

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

.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-hover);
    background-color: var(--rosa-hover);
    color: #fff;
}

.sac-color {
    color: #000;
    background-color: #fff;
    border-color: #fff;
    cursor: pointer;

}

.sac-color:hover {
    color: #fff !important;
    background-color: #000 !important;
    border-color: #000 !important;
}

section#escolhe_filme ul#lista_filmes div.tag_horario_filme.cor_bad_horario {
    background-color: var(--rosa);
    color: #fff;
}

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(--rosa) !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: #000 !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, section#confirmacao-compra {
    color: #000;
}

div#pix-qr-code canvas {
    padding: 10px 10px 10px 10px;
    background: #fff;
}

html.auto_atendimento body.auto_atendimento section#pagina-conteudo.tamanho_conteudo section#conteudo_tela section#section_retirada p.destaque,
html.auto_atendimento body.auto_atendimento section#pagina-conteudo.tamanho_conteudo section#conteudo_tela section#section_retirada h2,
section#section_retirada h2::after {
    color: #000;
}

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

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

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

#informacao_poltrona {
    font-size: 20px;
    text-align: center;
    background: #000;
    color: #fff;
}

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

#mensagem_acesso_negado {
    color: #000;
}

div#modal_cadastro form.alterar button#btn_dependentes {
    background-color: var(--verde) !important;
    border-color: var(--verde) !important;
}

div#modal_cadastro form.alterar button#btn_dependentes:hover {
    background-color: #79a81f !important;
    border-color: #79a81f !important;
}

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

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

section#escolhe_sessao div.filme-pai div.sessoes .nav-item,
section#pagina_bomboniere form#frm_salva_bomboniere .nav-item,
a.nav-item.niveis {
    background: none;
    color: #000;
    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: #000;
}

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;
    border-color: #fff;
    color: #000;
}

div#navegacao_aa>button {
    background-color: #000;
    color: #fff;
}

html.auto_atendimento div#sticky-assentos {
    background-color: transparent;
}

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


/*Pesquisa satisfação*/

div#form.container{
    color: #000;
}

.caixa_texto{
    background-color: #eeebeb;
    color: black;
    border-radius: 1rem;
    border-color: var(--verde);
    padding: 1rem;
}

.botoes_pesquisa{
    accent-color: var(--rosa);
}


#imagem_cliente_pesquisa{
    background-color: var(--verde);
    border-bottom: #000;
    border-bottom: solid;
}

.separa_area{
    border-bottom: var(--rosa); border-bottom: solid; color:var(--rosa);
}

.separa_pergs{
    border-bottom: solid;
}

.separa_pergs{
    border-bottom: var(--verde); border-bottom: solid; color: var(--verde);
}
.corpo_erro{
    color: black;
}

.pos_pesquisa{
    color: black;
}

.div_imagem_pesquisa{
    background-color: var(--verde);
    border-top: none   ;
    border-bottom: none; !important;
}

.separacao_flutuante {
    border-color: var(--verde);
    border-radius: 2rem;
    border-style: solid;
}
.corpo_perg{
  background:  whitesmoke;
  color: #000;
  padding: 2rem;
    border-radius: 2rem;
}

section#escolhe_assentos div#cont_iframe_lugares {
    background-color: rgba(255, 255, 255, 0.25);
}

section#historico_compras div.modal-detalhes-compra p.identificador {
    color: #fff;
    background-color: #000;
}

section#resumo_pagamento div#cont_detalhes_compra {
    scrollbar-width: none;
}

section#pagina_bomboniere form#frm_salva_bomboniere div.container-fluid {
    background-color: rgba(255, 255, 255, 0.5);
}

section#resumo_pagamento, section#confirmacao-compra {
     background-color: rgba(255, 255, 255, 0.5);
        padding-top: 20px;
}

section#escolhe_sessao div.row.filme-pai h3 {
    display: none;
}