:root {
    --preto: #000;
    --branco: #fff;
    --cinza1: #6d6d6d;
    --cinza2: #1A1A1A;

    --cor-fundo: var(--preto);
    --cor-titulo: var(--branco);
    --cor-texto-sutil: var(--cinza1);
    --cor-texto-padrao: var(--branco);
    --cor-texto-escuro: var(--cinza1);
    --cor-fundo-escuro: var(--cinza2);
    
}

.accordion-item{
    background-color: #212121 !important;
}

body {
    background: fixed var(--cor-fundo);
    color: var(--cor-texto-padrao);
}

h1, h2, h3, h4, h5, h6 {
    color: var(--cor-titulo);
}

/* Estilizando o accordion */
.accordion-container {
    margin-top: 20px;
    background-color: var(--cor-fundo-escuro);
    border-radius: 8px;
    padding: 15px;
}

.accordion-button {
    background-color: var(--cor-fundo-escuro);
    color: var(--cor-titulo);
    padding: 10px;
    border: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    font-size: 18px;
    margin-bottom: 5px;
    border-radius: 4px;
}

.accordion-content {
    background-color: var(--cor-fundo);
    color: var(--cor-texto-padrao);
    padding: 15px;
    border-radius: 4px;
}

/* Estilizando row-diversos */
.produtos-diversos .row-diversos {
    background-color: var(--cor-fundo-escuro);
    border: 1px solid var(--cor-texto-escuro);
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.produtos-diversos .bloco-foto-aberta .foto-aberta {
    background: var(--cor-fundo-escuro);
}

/* Outros estilos já definidos */
.txt-pacote-fotos, .txt-ultimos-fotografados {
    color: var(--cor-texto-padrao);
}

.linha {
    border-color: var(--cor-texto-escuro);
}

.login-container .passos .passosLabel {
    background: transparent;
}

#formCesta .produto {
    background-color: var(--cor-texto-padrao);
}

#formCesta .bg_light_2 {
    background-color: var(--cor-fundo-escuro);
}

#formCesta table:not(.table_type_9) tr:hover, table.table-type-meus-pedidos-abertos tr:hover {
    background: var(--cor-fundo-escuro);
}

#formCesta .border_grey {
    border-color: var(--cor-fundo-escuro);
}

#formCesta table td:not(.color-green-carrinho), #formCesta table th, #formCesta table td a,
table.table-type-meus-pedidos-abertos td:not(.color-green-carrinho), table.table-type-meus-pedidos-abertos th, table.table-type-meus-pedidos-abertos td a,
table.table-type-meus-pedidos-abertos-2 td:not(.color-green-carrinho), table.table-type-meus-pedidos-abertos-2 th, table.table-type-meus-pedidos-abertos-2 td a {
    border-color: var(--cor-fundo-escuro);
    color: var(--cor-titulo);
}

table.table-type-meus-pedidos-abertos th, table.table-type-meus-pedidos-abertos-2 th {
    background: var(--cor-fundo-escuro) !important;
}

table:not(.table_type_9) tr:hover {
    background: var(--cor-texto-escuro) !important;
}

.titulo-meus-pedidos {
    color: var(--cor-titulo);
}

.titulo-tabela-meus-pedidos {
    background: var(--cor-fundo-escuro);
    color: var(--laranja-fotop);
}

.meus-pedidos {
    border-color: var(--cor-fundo-escuro);

    & p, & span {
        color: var(--branco);
    }

    & .header {
        border-color: var(--cor-texto-sutil);
        color: var(--branco);
    }

    & .pedido {
        border-color: var(--cor-fundo-escuro);
    }
}

.barra-busca.facial p span:first-child {
    color: var(--branco);
}

.container-busca-fotos a[data-target='#modalTutorialRecFacial'] {
    color:red;
}

.btn-nao-identificadas {
    color: var(--branco);
}

.modal-content {
    background: var(--preto);
    color: var(--branco);
}

.modal-header button {
    color: var(--branco);
}

.modal-header {
    border-color: var(--cinza1);
}

.minhas-fotos .pedido .eventos {
    color: var(--branco);
}

.panel-heading-estilizado {
    background: var(--cinza1);
}

/* Paginação */
.pagination-anterior-proxima {
    background: var(--preto);
}
.pagination-anterior-proxima .div-pagination span {
    color: var(--branco);
}
.pagination-anterior-proxima .div-pagination a, .pagination-anterior-proxima .div-pagination select.todas-paginas {
    background: var(--preto);
    color: var(--cinza1);
    border-color: var(--preto);
}

.pagination-anterior-proxima .div-pagination .ativo, .pagination-anterior-proxima .div-pagination a:hover {
    background-color: var(--branco);
    color: var(--preto);
    border-color: var(--preto);
}

/* Formulários */
input, select {
    background: #fff;
    color: var(--cor-texto-escuro);
}

input[type=checkbox]+label:after {
    color: var(--cor-texto-escuro);
}

/* Rodapé */
.rodape li {
    color: var(--branco);
}

.rodape li a, .rodape li a:hover {
    color: var(--cor-texto-sutil);
}
.rodape2 p {
    color: var(--cor-texto-sutil);
}

.menu-rodape-mbl a {
    color: var(--cor-texto-sutil);
}

.f-pagamento-box-menu, .identificacao {
    color: #736E78 !important;
}