a[title="Hosted on free web hosting 000webhost.com. Host your own website for FREE."] {
    display: none;
}
.disclaimer {
    display: none;
}

body {
    margin: 0;
    color: var(--CorBackground2);
    background-color: var(--CorBackground1);
    font-family: Roboto, Arial, sans-serif;
    font-size: 16px;
}

.ModoPadrao {
    --CorBackground1: #f9f8f8;
    --CorBackground2: black;
    --CorBackground3: black;
    --CorBackground4: black;
    --Cor_Borda: black;
    --Cor_Hover_Borda: black;
    --CorBotaoCopiar: #f9f8f8;
    --CorBackgroundBotaoCopiar: black;
    --CorBotaoReportar: #f9f8f8;
    --CorBackgroundBotaoReportar: black;
    --CorBotaoAtualizacoes: #f9f8f8;
    --CorBackgroundBotaoAtualizacoes: black;
    --CorBackgroundBarraConfig: #60606047;
    --BackgroundPositionYLogotipoEntrada1: -1065px;
    --BackgroundPositionYLogotipoEntrada2: -955px;
    --BackgroundPositionYLogotipoEmpresa: -500px;
    --BackgroundPositionYRedeSocial1: -90px;
    --BackgroundPositionYPontos: -240px;
    --BackgroundPositionYPontosHover: -300px;
    --BackgroundPositionYBiblia: -240px;
    --BackgroundPositionYHinario: -240px;
    --BackgroundPositionYLista: -240px;
    --BackgroundPositionYAtualizar: -240px;
    --BackgroundPositionYPesquisar: -250px;
    --BackgroundPositionYZoom: -250px;
    --BackgroundPositionXIrTopo: -65px;
    --Cor_Campo_Declaracao: black;
    --Cor_Fundo_Campo_Declaracao: white;
    --Cor_Item_Declaracao_Fechado: white;
    --Cor_Item_Declaracao_Aberto: white;
    --Cor_Fundo_Item_Declaracao_Fechado: #0c71c3;
    --Cor_Fundo_Item_Declaracao_Aberto: #2580c9;
    --Cor_Icone: white;
    --Cor_Numero_Referencia: #e9e200;
    --Cor_Divisao_Referencias: white;
    --Cor_Transparente: transparent;
    --Cor_Fundo_Campo_Formulario: #f9f8f8;
    --Cor_Fundo_Campo_Formulario_Hover: black;
    --Cor_Campo_Formulario: black;
    --Cor_Campo_Formulario_Hover: #f9f8f8;
}
.ModoEscuro {
    --CorBackground1: #212121;
    --CorBackground2: #f9f8f8;
    --CorBackground3: #f9f8f8;
    --CorBackground4: #212121;
    --Cor_Borda: #f9f8f8;
    --Cor_Hover_Borda: #212121;
    --CorBotaoCopiar: black;
    --CorBackgroundBotaoCopiar: #f9f8f8;
    --CorBotaoReportar: black;
    --CorBackgroundBotaoReportar: #f9f8f8;
    --CorBotaoAtualizacoes: black;
    --CorBackgroundBotaoAtualizacoes: #f9f8f8;
    --CorBackgroundBarraConfig: #f9f8f8;
    --BackgroundPositionYLogotipoEntrada1: -1125px;
    --BackgroundPositionYLogotipoEntrada2: -1085px;
    --BackgroundPositionYLogotipoEmpresa: -785px;
    --BackgroundPositionYRedeSocial1: -180px;
    --BackgroundPositionYPontos: -360px;
    --BackgroundPositionYPontosHover: -420px;
    --BackgroundPositionYBiblia: -300px;
    --BackgroundPositionYHinario: -300px;
    --BackgroundPositionYLista: -300px;
    --BackgroundPositionYAtualizar: -300px;
    --BackgroundPositionYPesquisar: -308px;
    --BackgroundPositionYZoom: -308px;
    --BackgroundPositionXIrTopo: -185px;
    --Cor_Campo_Declaracao: black;
    --Cor_Fundo_Campo_Declaracao: white;
    --Cor_Item_Declaracao_Fechado: white;
    --Cor_Item_Declaracao_Aberto: white;
    --Cor_Fundo_Item_Declaracao_Fechado: #0c71c3;
    --Cor_Fundo_Item_Declaracao_Aberto: #2580c9;
    --Cor_Icone: white;
    --Cor_Numero_Referencia: #e9e200;
    --Cor_Divisao_Referencias: white;
    --Cor_Transparente: transparent;
    --Cor_Fundo_Campo_Formulario: #212121;
    --Cor_Fundo_Campo_Formulario_Hover: #f9f8f8;
    --Cor_Campo_Formulario: #f9f8f8;
    --Cor_Campo_Formulario_Hover: #212121;
}
::-webkit-scrollbar-track {
    background-color: #ff0e0e00;
}
::-webkit-scrollbar {
    width: 10px;
    background: #ff0e0e00;
}
::-webkit-scrollbar-thumb {
    background: var(--CorBackground3);
}


a {
    text-decoration: none;
    color: black;
}
label {
    cursor: pointer;
}
.display {
    display: none !important;
}
.Cor_Destaque_Pesquisa {
    color: red;
}
.amarelo {
    color: yellow;
}
.verde {
    color: green;
}
.opacityMenu {
    opacity: 0.03;
}
.opacity {
    opacity: 0;
}
.img_logo {
    margin: 0px 0px 0px;
    width: 115px;
    right: 4px;
    position: absolute;
}
#TelaAviso {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.95);
    z-index: 99999;
    font-size: 50px;
    text-align: center;
    color: white;
    line-height: 350%;
}
.ListaOpcoesClick {
    widows: 100%;
    height: 100%;
    cursor: pointer;
}
.ListaOpcoes {
    display: none;
    width: 58px;
    z-index: 9999;
    min-height: 215px;
    max-height: 215px;
    top: 22%;
    left: 5%;
    position: absolute;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 15px;
    background-color: #ffffff;
    border: 15px solid var(--CorBackground2);
    color: black;
    -webkit-transition: all 1000ms;
    transition: all 1000ms;
    font-weight: bold;
    border-radius: 55px;
    overflow: hidden;
}
.ListaOpcoes1 {
    width: 400px;
    height: 35px;
    position: relative;
    line-height: 35px;
    font-size: 21px;
    text-align: center;
}
.ListaOpcoes2 {
    width: 400px;
    height: 35px;
    position: relative;
    line-height: 35px;
    font-size: 14px;
    cursor: pointer;
}
.FecharListaOp {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
    position: absolute;
    left: 388px;
    top: 6px;
    font-size: 21px;
}
.ListaToogleOpcao {
    display: inline-block;
    position: relative;
    width: 43px;
    height: 14px;
    left: 13px;
    top: 11px;
}
.ListaToogleCirculo {
    position: absolute;
    width: 20px;
    height: 20px;
    top: -3px;
    border-radius: 50%;
    -webkit-transition: all 200ms;
    transition: all 200ms;
}
.ListaToogleCirculo1 {
    left: 30px;
    background-color: #4aff3e;
}
.ListaToogleCirculo0 {
    left: -8px;
    background-color: #ff3e3e;
}
.ListaToogleTitulo {
    width: 320px;
    height: 35px;
    left: 80px;
    top: -14px;
    position: relative;
    line-height: 35px;
    font-size: 14px;
    text-align: justify;
}
.ListaToogleBarra {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--CorBackgroundBarraConfig);
    border-radius: 8px;
}
.Versoes {
    display: none;
}
.Area_Biblia {
    display: none;
    width: 100%;
    height: 100%;
}
.Area1 {
    width: 30%;
    height: 30%;
    top: 1.5%;
    border: 2px solid var(--CorBackground2);
    position: absolute;
    /*-webkit-transition: all 500ms;*/
    /*transition: all 500ms;*/
}
.Area2 {
    width: 15.75%;
    height: 30%;
    top: 1.5%;
    border: 2px solid var(--CorBackground2);
    position: absolute;
    /*-webkit-transition: all 500ms;*/
    /*transition: all 500ms;*/
}
.Area3 {
    width: 97.3%;
    height: 63.5%;
    left: 1%;
    top: 34%;
    border: 2px solid var(--CorBackground2);
    position: absolute;
    /*-webkit-transition: all 500ms;*/
    /*transition: all 500ms;*/
}
.Area4 {
    height: 87% !important;
}
.Area5 {
    height: 7% !important;
    top: 92% !important;
    max-height: 25px;
    min-height: 25px;
}
.Area6 {
    height: 0% !important;
}
.Area7 {
    width: 97.3%;
    height: 10%;
    min-height: 250px;
    top: 1.5%;
    left: 1%;
    border: 2px solid var(--CorBackground2);
    position: absolute;
    /*-webkit-transition: all 500ms;*/
    /*transition: all 500ms;*/
}
.Area8 {
    width: 97.3%;
    height: 80.5%;
    min-height: 400px;
    left: 1%;
    top: 280px;
    border: 2px solid var(--CorBackground2);
    position: absolute;
    /*-webkit-transition: all 500ms;*/
    /*transition: all 500ms;*/
    overflow: hidden;
}
.Area_Versoes {
    left: 1%;
}
.Area_Livros {
    left: 33%;
}
.Area_Capitulos {
    left: 65%;
}
.Area_Versiculos {
    left: 82.5%;
}
.Titulo {
    font-weight: bold;
    width: 100%;
    height: 10%;
    max-height: 25px;
    min-height: 25px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    font-size: 17px;
    line-height: 25px;
    text-align: center;
    cursor: context-menu;
}
.Filtro {
    font-weight: bold;
    width: 100%;
    height: 10%;
    max-height: 25px;
    min-height: 25px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    font-size: 17px;
    line-height: 25px;
    text-align: center;
}
.Filtro > input {
    text-align: center;
    outline: none;
    text-decoration: none;
    width: 90%;
    border: 1px solid var(--CorBackground2);
    background-color: var(--CorBackground1);
    color: var(--CorBackground2);
    padding-left: 20px;
    padding-right: 20px;
}
.FecharFiltro {
    cursor: pointer;
    position: absolute;
    margin-top: -2px;
    margin-left: -18px;
    width: 10px;
    height: 10px;
    font-size: 17px;
    color: var(--CorBackground2);
    opacity: 0.5;
}
.Itens {
    position: absolute;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-size: 17px;
    line-height: 25px;
    text-align: center;
    /*-webkit-transition: all 500ms;*/
    /*transition: all 500ms;*/
}
.Itens3 {
    height: 88.5% !important;
}
.overflow1 {
    width: 100%;
    height: 75.2%;
    overflow: auto;
    overflow-x: hidden;
}
.overflow2 {
    height: 75.2%;
    overflow: hidden;
    overflow-x: hidden;
    text-align: initial !important;
}
.AreaItens1 {
    width: 100%;
    height: 25px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    font-size: 17px;
    line-height: 25px;
    text-align: center;
    cursor: pointer;
    /*-webkit-transition: all 500ms;*/
    /*transition: all 500ms;*/
}
.AreaItens1:hover {
    background-color: var(--CorBackground3);
    color: var(--CorBackground4);
}
.AreaItens2 {
    background-color: var(--CorBackground3);
    color: var(--CorBackground4);
}
.AreaItens3 {
    width: 100%;
    height: 25px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    font-size: 17px;
    line-height: 25px;
    text-align: initial;
    cursor: pointer;
    /*-webkit-transition: all 500ms;*/
    /*transition: all 500ms;*/
}
.TextoCapLivro {
    margin: 0;
    width: 99%;
    height: 98%;
    border: 0;
    overflow: scroll;
    overflow-x: auto;
    outline: none;
    font-family: Roboto, Arial, sans-serif;
    background-color: var(--CorBackground1);
    color: var(--CorBackground2);
    cursor: context-menu;
    padding-bottom: 20px;
    font-size: 17px;
    text-align: justify;
    padding: 10px;
}
#bt_copiar {
    cursor: pointer;
    /*-webkit-transition: all 500ms;*/
    /*transition: all 500ms;*/
}
#bt_copiar:hover {
    background-color: var(--CorBackground3);
    color: white;
}
input[type=checkbox] {
    cursor: pointer;
}
label[for=TextoExibir] {
    cursor: pointer;
}
#leitura_versao_1 {
    width: 100%;
    left: 0%;
}
#leitura_versao_2 {
    width: 33%;
    left: 33.5%;
}
#leitura_versao_3 {
    width: 33%;
    left: 67%;
}
.CampoPesquisa {
    height: 175px;
    text-align: center;
    line-height: 35px;
}
.CampoPesquisa > label {
    cursor: pointer;
}
.CampoPesquisa > input[pesquisa], .CampoPesquisa > input[ajuda] {
    background-size: 32px;
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 0);
    outline: none;
    text-decoration: none;
    border: none;
    width: 32px;
    height: 32px;
    position: relative;
    top: 10px;
    cursor: pointer;
}
#TextoPesquisa {
    text-align: center;
    outline: none;
    text-decoration: none;
    width: 300px;
    height: 35px;
    border: 1px solid var(--CorBackground2);
    background-color: var(--CorBackground1);
    color: var(--CorBackground2);
}
.CampoTextoPesquisado {
    width: 100%;
    height: 90%;
    overflow-x: auto;
    background-color: var(--CorBackground1);
    color: var(--CorBackground2);
    cursor: context-menu;
}
.TextoPesquisado {
    margin: 0;
    resize: none;
    width: 98%;
    height: 200px;
    padding-left: 10px;
    padding-top: 10px;
    border: 1px solid var(--CorBackground2);
    position: relative;
    left: 1%;
    outline: none;
    overflow: scroll;
    overflow-x: auto;
    font-family: Roboto, Arial, sans-serif;
    background-color: var(--CorBackground1);
    color: var(--CorBackground2);
    text-align: justify;
}
.pesquisa {
    width: 100%;
    height: 200px;
    left: 0%;
    margin-top: 25px;
}
.pesquisa[tipo] {
    height: 80%;
    min-height: 200px;
}
.pesquisa[tipo] > .TextoPesquisado {
    height: 100%;
    max-height: 100%;
}






.AreaMenu {
    position: absolute;
    width: 100%;
    height: 100%;
    color: var(--CorBackground2);
    z-index: 1000;
    overflow: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    align-content: flex-start;
    -webkit-transition: all 1000ms;
    transition: all 1000ms;
    transform: translateX(-100%);
}
.CabecalhoAreaMenu {
    position: relative;
    /*background-color: var(--CorBackground1);*/
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    width: 80%;
    z-index: 1000;
    padding-top: 65px;
    overflow: hidden;
}
.ItemMenu {
    position: relative;
    width: 100%;
    height: auto;
    font-size: 18px;
    line-height: 32px;
    border-radius: 10px 10px 10px 10px;
    margin-bottom: 10px;
    overflow: hidden;
    width: 290px;
    text-align: center;
    padding: 10px;
    border: 1px solid var(--Cor_Borda);
    border-radius: 10px;
    cursor: pointer;
    font-size: 20px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: var(--CorBackground1);
}
.ItemMenu:hover {
    background-color: var(--CorBackground3);
    color: var(--CorBackground1);
}
.ItemMenuSelecionada {
    background-color: var(--CorBackground3);
    color: var(--CorBackground1);
}



.AreaMenuBiblia {
    position: absolute;
    width: 100%;
    /*min-width: 500px;*/
    height: 100%;
    /*border: 2px solid var(--Cor_Borda);*/
    background-color: var(--CorBackground1);
    color: var(--CorBackground2);
    z-index: 999;
    overflow: auto;
    text-align: -webkit-center;
}
.CabecalhoMenuBiblia {
    /*position: fixed;*/
    position: relative;
    width: 99%;
    height: 390px;
    background-color: var(--CorBackground1);
    z-index: 999;
    /*overflow: hidden;*/
}
.buscar_livro {
    padding-left: 42px !important;
}

.MenuOrdem1 {
    position: relative;
    width: 100%;
    height: 160px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    overflow: auto;
    align-content: flex-start;
    align-items: center;
    row-gap: 10px;
    column-gap: 10px;
}
.MenuOrdem2 {
    position: relative;
    width: 90%;
    /* height: 500px; */
    /* left: 5%; */
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    overflow: auto;
    align-content: center;
    align-items: center;
    /* top: 429px;*/
    row-gap: 10px;
    column-gap: 10px;
}
.MenuOrdem3 {
    position: relative;
    width: 100%;
    height: 160px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    overflow: auto;
    align-content: flex-start;
    align-items: center;
    row-gap: 10px;
    column-gap: 10px;
}
.MenuOrdem4 {
    position: relative;
    width: 90%;
    /*height: 500px;*/
    /*left: 5%;*/
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    overflow: auto;
    align-content: flex-start;
    align-items: center;
    /*top: 400px;*/
    row-gap: 10px;
    column-gap: 10px;
}
.MenuOrdem5 {
    position: relative;
    width: 100%;
    height: calc(100% - 150px);
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    overflow: auto;
    align-content: flex-start;
    align-items: center;
    row-gap: 10px;
    column-gap: 10px;
}
.MenuOrdem6 {
    position: relative;
    width: 100%;
    height: calc(100% - 150px);
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    overflow: auto;
    align-content: flex-start;
    align-items: center;
    row-gap: 10px;
    column-gap: 10px;
}
.MenuOrdem8 {
    position: relative;
    width: 100%;
    height: calc(100% - 150px);
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    overflow: auto;
    align-content: flex-start;
    align-items: center;
    row-gap: 10px;
    column-gap: 10px;
}
.MenuOrdemBiblia {
    position: relative;
    width: 90%;
    /*height: 500px;*/
    /*left: 5%;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
    overflow: auto;
    align-content: center;
    align-items: center;
    top: 160px;
}

@media all and (max-width: 650px) {
    .MenuItemVersao {
        width: 80% !important;
        margin-right: 0px !important;
    }
    .MenuItemHinario {
        width: 80% !important;
        margin-right: 0px !important;
    }
    .MenuItemHino {
        width: 80% !important;
        margin-right: 0px !important;
    }
    .MenuItemTema {
        width: 80% !important;
        margin-right: 0px !important;
    }
    .MenuItemMusica {
        width: 80% !important;
        margin-right: 0px !important;
    }
}
@media all and (max-width: 480px) {
    .MenuItemLivro {
        width: 80% !important;
        margin-left: 0px !important;
    }
}

.MenuItemVersao {
    position: relative;
    width: 275px;
    height: 20px;
    text-align: center;
    padding: 10px;
    border: 1px solid var(--Cor_Borda);
    border-radius: 10px;
    cursor: pointer;
    font-size: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: var(--CorBackground1);
}
.MenuItemVersao:hover {
    background-color: var(--CorBackground3);
    color: var(--CorBackground1);
}
.MenuItemVersaoSelecionada {
    background-color: var(--CorBackground3);
    color: var(--CorBackground1);
}
.versaoselecionada3, .textoselecionado3 {
    border: none;
    text-decoration: none;
    cursor: pointer;
    width: 100%;
    height: 100%;
    padding-left: 29px;
    font-weight: bold;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    background: none;
    color: var(--CorBackground2);
    outline: none;
}


.MenuItemLivro {
    position: relative;
    width: 175px;
    height: 20px;
    text-align: center;
    padding: 10px;
    border: 1px solid var(--Cor_Borda);
    border-radius: 10px;
    cursor: pointer;
    font-size: 16px;
    line-height: 20px;
    overflow: hidden;
    display: table;
    background-color: var(--CorBackground1);
}
.MenuItemLivro:hover {
    background-color: var(--CorBackground3);
    color: var(--CorBackground1);
}
.MenuItemLivroSelecionado {
    background-color: var(--CorBackground3);
    color: var(--CorBackground1);
}
.ClassificacaoMargem {
    margin-top: -45px;
    font-style: italic;
}
.ClassificacaoLivro {
    margin-top: 5px;
    font-style: italic;
}


.MenuItemHinario {
    position: relative;
    width: 275px;
    height: 20px;
    text-align: center;
    padding: 10px;
    border: 1px solid var(--Cor_Borda);
    border-radius: 10px;
    cursor: pointer;
    font-size: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: var(--CorBackground1);
}
.MenuItemHinario:hover {
    background-color: var(--CorBackground3);
    color: var(--CorBackground1);
}
.MenuItemHinarioSelecionado {
    background-color: var(--CorBackground3);
    color: var(--CorBackground1);
}

.MenuItemHino {
    position: relative;
    width: 275px;
    height: 20px;
    text-align: center;
    padding: 10px;
    border: 1px solid var(--Cor_Borda);
    border-radius: 10px;
    cursor: pointer;
    font-size: 16px;
    line-height: 20px;
    overflow: hidden;
    display: table;
    background-color: var(--CorBackground1);
}
.MenuItemHino:hover {
    background-color: var(--CorBackground3);
    color: var(--CorBackground1);
}
.MenuItemHinoSelecionado {
    background-color: var(--CorBackground3);
    color: var(--CorBackground1);
}

.MenuItemTema {
    position: relative;
    width: 275px;
    height: 20px;
    text-align: center;
    padding: 10px;
    border: 1px solid var(--Cor_Borda);
    border-radius: 10px;
    cursor: pointer;
    font-size: 16px;
    overflow: hidden;
    display: table;
    flex-direction: column;
    justify-content: center;
    background-color: var(--CorBackground1);
}
.MenuItemTema:hover {
    background-color: var(--CorBackground3);
    color: var(--CorBackground1);
}
.MenuItemTemaSelecionado {
    background-color: var(--CorBackground3);
    color: var(--CorBackground1);
}

.MenuItemMusica {
    position: relative;
    width: 275px;
    height: 20px;
    text-align: center;
    padding: 10px;
    border: 1px solid var(--Cor_Borda);
    border-radius: 10px;
    cursor: pointer;
    font-size: 16px;
    overflow: hidden;
    display: table;
    flex-direction: column;
    justify-content: center;
    background-color: var(--CorBackground1);
}
.MenuItemMusica:hover {
    background-color: var(--CorBackground3);
    color: var(--CorBackground1);
}
.MenuItemMusicaSelecionado {
    background-color: var(--CorBackground3);
    color: var(--CorBackground1);
}

.MenuItemLugarBiblico {
    position: relative;
    width: 275px;
    height: 20px;
    text-align: center;
    padding: 10px;
    border: 1px solid var(--Cor_Borda);
    border-radius: 10px;
    cursor: pointer;
    font-size: 16px;
    overflow: hidden;
    display: table;
    flex-direction: column;
    justify-content: center;
    background-color: var(--CorBackground1);
}
.MenuItemLugarBiblico:hover {
    background-color: var(--CorBackground3);
    color: var(--CorBackground1);
}
.MenuItemLugarBiblicoSelecionado {
    background-color: var(--CorBackground3);
    color: var(--CorBackground1);
}


.MenuTitulo {
    position: relative;
    font-weight: bold;
    width: 100%;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    cursor: context-menu;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
}

.MenuBlock {
    opacity: 0.2;
}
.Icone {
    width: 50px;
    height: 50px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}
.MenuAbrir {
    /*background-image: url(../imagens/Imagens.png?v=1.0.6.3);
    background-repeat: no-repeat;
    background-position-x: -180px;
    background-position-y: var(--BackgroundPositionYLista);
    background-size: 1700px 1200px;*/
    outline: none;
    text-decoration: none;
    border: none;
    position: absolute;
    right: 18px;
    top: 10px;
    cursor: pointer;
    z-index: 1010;
}
.MenuAbrirBiblia {
    /*background-image: url(../imagens/Imagens.png?v=1.0.6.3);
    background-repeat: no-repeat;
    background-position-x: -60px;
    background-position-y: var(--BackgroundPositionYBiblia);
    background-size: 1700px 1200px;*/
    outline: none;
    text-decoration: none;
    border: none;
    position: absolute;
    right: 18px;
    top: 10px;
    cursor: pointer;
    z-index: 1010;
}
.MenuAbrirHino {
    /*background-image: url(../imagens/Imagens.png?v=1.0.6.3);
    background-repeat: no-repeat;
    background-position-x: -120px;
    background-position-y: var(--BackgroundPositionYHinario);
    background-size: 1700px 1200px;*/
    outline: none;
    text-decoration: none;
    border: none;
    position: absolute;
    right: 18px;
    top: 10px;
    cursor: pointer;
    z-index: 1010;
}
.MenuAbrirMusica {
    /*background-image: url(../imagens/Imagens.png?v=1.0.6.3);
    background-repeat: no-repeat;
    background-position-x: -120px;
    background-position-y: var(--BackgroundPositionYHinario);
    background-size: 1700px 1200px;*/
    outline: none;
    text-decoration: none;
    border: none;
    position: absolute;
    right: 18px;
    top: 10px;
    cursor: pointer;
    z-index: 1010;
}
.MenuAbrirLugarBiblico {
    /*background-image: url(../imagens/Imagens.png?v=1.0.6.3);
    background-repeat: no-repeat;
    background-position-x: -120px;
    background-position-y: var(--BackgroundPositionYHinario);
    background-size: 1700px 1200px;*/
    outline: none;
    text-decoration: none;
    border: none;
    position: absolute;
    right: 18px;
    top: 10px;
    cursor: pointer;
    z-index: 1010;
}
.MenuAbrirTema {
    /*background-image: url(../imagens/Imagens.png?v=1.0.6.3);
    background-repeat: no-repeat;
    background-position-x: -120px;
    background-position-y: var(--BackgroundPositionYHinario);
    background-size: 1700px 1200px;*/
    outline: none;
    text-decoration: none;
    border: none;
    position: absolute;
    right: 18px;
    top: 10px;
    cursor: pointer;
    z-index: 1010;
}
.MenuPrincipal {
    /*background-image: url(../imagens/Imagens.png?v=1.0.6.3);
    background-repeat: no-repeat;
    background-position-x: 0px;
    background-size: 1700px 1200px;*/
    outline: none;
    text-decoration: none;
    border: none;
    position: absolute;
    left: 18px;
    top: 10px;
    cursor: pointer;
    z-index: 1010;
}
/*.MenuPrincipal.icone1 {
    background-position-y: var(--BackgroundPositionYPontos);
}
.MenuPrincipal.icone2 {
    background-position-y: var(--BackgroundPositionYPontosHover);
}*/
.MenuPrincipal > [valor] {
    display: none;
}
.MenuPrincipal.icone1 > [valor="icone1"]{
    display: block;
}
.MenuPrincipal.icone2 > [valor="icone2"]{
    display: block;
}
.MenuAtualizarFeed {
    /*background-image: url(../imagens/Imagens.png?v=1.0.6.3);
    background-repeat: no-repeat;
    background-position-x: -240px;
    background-position-y: var(--BackgroundPositionYAtualizar);
    background-size: 1700px 1200px;*/
    outline: none;
    text-decoration: none;
    border: none;
    position: absolute;
    right: 18px;
    top: 10px;
    cursor: pointer;
    z-index: 1010;
}

.MenuFiltro {
    font-weight: bold;
    width: 100%;
    height: 40px;
    position: relative;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    font-size: 17px;
    line-height: 25px;
    text-align: center;
}
.MenuFiltro > input {
    text-align: center;
    outline: none;
    text-decoration: none;
    width: 90%;
    height: 35px;
    border-radius: 10px;
    border: 2px solid var(--Cor_Borda);
    background-color: var(--CorBackground1);
    color: var(--CorBackground2);
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
}
.MenuFecharFiltro {
    cursor: pointer;
    position: absolute;
    margin-top: 6px;
    margin-left: -25px;
    width: 10px;
    height: 10px;
    font-size: 17px;
    color: var(--CorBackground2);
    opacity: 0.5;
}




.AreaMenuLeitura {
    position: absolute;
    width: 100%;
    /*min-width: 500px;*/
    height: 100%;
    /*border: 2px solid var(--Cor_Borda);*/
    background-color: var(--CorBackground1);
    color: var(--CorBackground2);
    z-index: 999;
    overflow: auto;
    text-align: -webkit-center;
}
.CabecalhoMenuLeitura {
    position: fixed;
    width: 99%;
    /*height: 357px;*/
    height: 383px;
    background-color: var(--CorBackground1);
    z-index: 999;
    text-align: -webkit-center;
    overflow: hidden;
}

.AreaMenuPesquisa {
    position: absolute;
    width: 100%;
    /*min-width: 500px;*/
    height: 100%;
    /*border: 2px solid var(--Cor_Borda);*/
    background-color: var(--CorBackground1);
    color: var(--CorBackground2);
    z-index: 999;
    overflow: auto;
    text-align: -webkit-center;
}
.AreaMenuSobreApp {
    position: absolute;
    width: 100%;
    /*min-width: 500px;*/
    height: 100%;
    /*border: 2px solid var(--Cor_Borda);*/
    background-color: var(--CorBackground1);
    color: var(--CorBackground2);
    z-index: 999;
    overflow: auto;
    text-align: -webkit-center;
}
.AreaMenuConfig {
    position: absolute;
    width: 100%;
    /*min-width: 500px;*/
    height: 100%;
    /*border: 2px solid var(--Cor_Borda);*/
    background-color: var(--CorBackground1);
    color: var(--CorBackground2);
    z-index: 999;
    overflow: auto;
    text-align: -webkit-center;
}
.AreaMenuPostagens {
    position: absolute;
    width: 100%;
    /*min-width: 500px;*/
    height: 100%;
    /*border: 2px solid var(--Cor_Borda);*/
    background-color: var(--CorBackground1);
    color: var(--CorBackground2);
    z-index: 999;
    overflow: auto;
    text-align: -webkit-center;
}
.AreaMenuDevocionais {
    position: absolute;
    width: 100%;
    /*min-width: 500px;*/
    height: 100%;
    /*border: 2px solid var(--Cor_Borda);*/
    background-color: var(--CorBackground1);
    color: var(--CorBackground2);
    z-index: 999;
    overflow: auto;
    text-align: -webkit-center;
}
.AreaMenuHinarios {
    position: absolute;
    width: 100%;
    /*min-width: 500px;*/
    height: 100%;
    /*border: 2px solid var(--Cor_Borda);*/
    background-color: var(--CorBackground1);
    color: var(--CorBackground2);
    z-index: 999;
    overflow: auto;
    text-align: -webkit-center;
}
.AreaMenuHinos {
    position: absolute;
    width: 100%;
    /*min-width: 500px;*/
    height: 100%;
    /*border: 2px solid var(--Cor_Borda);*/
    background-color: var(--CorBackground1);
    color: var(--CorBackground2);
    z-index: 999;
    overflow: auto;
    text-align: -webkit-center;
}
.AreaMenuDev {
    position: absolute;
    width: 100%;
    /*min-width: 500px;*/
    height: 100%;
    /*border: 2px solid var(--Cor_Borda);*/
    background-color: var(--CorBackground1);
    color: var(--CorBackground2);
    z-index: 999;
    overflow: auto;
    text-align: -webkit-center;
}
.AreaMenuAtualizacao {
    position: absolute;
    width: 100%;
    /*min-width: 500px;*/
    height: 100%;
    /*border: 2px solid var(--Cor_Borda);*/
    background-color: var(--CorBackground1);
    color: var(--CorBackground2);
    z-index: 999;
    overflow: auto;
    text-align: -webkit-center;
}
.AreaMenuTemas {
    position: absolute;
    width: 100%;
    /* min-width: 500px; */
    height: 100%;
    /* border: 2px solid var(--Cor_Borda); */
    background-color: var(--CorBackground1);
    color: var(--CorBackground2);
    z-index: 999;
    overflow: auto;
    text-align: -webkit-center;
}
.AreaMenuMusicas {
    position: absolute;
    width: 100%;
    /* min-width: 500px; */
    height: 100%;
    /* border: 2px solid var(--Cor_Borda); */
    background-color: var(--CorBackground1);
    color: var(--CorBackground2);
    z-index: 999;
    overflow: auto;
    text-align: -webkit-center;
}
.AreaMenuMapas {
    position: absolute;
    width: 100%;
    /*min-width: 500px;*/
    height: 100%;
    /*border: 2px solid var(--Cor_Borda);*/
    background-color: var(--CorBackground1);
    color: var(--CorBackground2);
    z-index: 999;
    overflow: auto;
    text-align: -webkit-center;
}

.AreaMenuDeclaracaoDeFe {
    position: absolute;
    width: 100%;
    /*min-width: 500px;*/
    height: 100%;
    /*border: 2px solid var(--Cor_Borda);*/
    background-color: var(--CorBackground1);
    color: var(--CorBackground2);
    z-index: 999;
    overflow: auto;
    text-align: -webkit-center;
}

.AreaMenuCadastro {
    position: absolute;
    width: 100%;
    /*min-width: 500px;*/
    height: 100%;
    /*border: 2px solid var(--Cor_Borda);*/
    background-color: var(--CorBackground1);
    color: var(--CorBackground2);
    z-index: 999;
    overflow: auto;
    text-align: -webkit-center;
}

.AreaMenuPerfil {
    position: absolute;
    width: 100%;
    /*min-width: 500px;*/
    height: 100%;
    /*border: 2px solid var(--Cor_Borda);*/
    background-color: var(--CorBackground1);
    color: var(--CorBackground2);
    z-index: 999;
    overflow: auto;
    text-align: -webkit-center;
}

.AreaMenuLugaresBiblicos {
    position: absolute;
    width: 100%;
    /* min-width: 500px; */
    height: 100%;
    /* border: 2px solid var(--Cor_Borda); */
    background-color: var(--CorBackground1);
    color: var(--CorBackground2);
    z-index: 999;
    overflow: auto;
    text-align: -webkit-center;
}

















.CabecalhoMenuPesquisa {
    position: fixed;
    width: 99%;
    height: 393px;
    background-color: var(--CorBackground1);
    z-index: 999;
    text-align: -webkit-center;
    /*overflow: hidden;*/
}
.CabecalhoMenuSobreApp {
    /*position: fixed;*/
    width: 99%;
    height: 100%;
    background-color: var(--CorBackground1);
    z-index: 999;
    text-align: -webkit-center;
    /*overflow: hidden;*/
}
.CabecalhoMenuConfig {
    /*position: fixed;*/
    width: 99%;
    height: 100%;
    background-color: var(--CorBackground1);
    z-index: 999;
    text-align: -webkit-center;
    /*overflow: hidden;*/
}
.CabecalhoMenuPostagens {
    /*position: fixed;*/
    width: 99%;
    height: 100%;
    background-color: var(--CorBackground1);
    z-index: 999;
    text-align: -webkit-center;
    /*overflow: hidden;*/
}
.CabecalhoMenuDevocionais {
    /*position: fixed;*/
    width: 99%;
    height: 100%;
    background-color: var(--CorBackground1);
    z-index: 999;
    text-align: -webkit-center;
    /*overflow: hidden;*/
}
.CabecalhoMenuHinarios {
    position: relative;
    width: 99%;
    height: 400px;
    background-color: var(--CorBackground1);
    z-index: 999;
    text-align: -webkit-center;
    /*overflow: hidden;*/
}
.CabecalhoMenuHinos {
    position: relative;
    width: 99%;
    height: 195px;
    background-color: var(--CorBackground1);
    z-index: 999;
    text-align: -webkit-center;
    /*overflow: hidden;*/
}
.CabecalhoMenuDev {
    /*position: fixed;*/
    width: 99%;
    height: 100%;
    background-color: var(--CorBackground1);
    z-index: 999;
    text-align: -webkit-center;
    /*overflow: hidden;*/
}
.CabecalhoMenuAtualizacao {
    /*position: fixed;*/
    width: 99%;
    height: 100%;
    background-color: var(--CorBackground1);
    z-index: 999;
    text-align: -webkit-center;
    /*overflow: hidden;*/
}
.CabecalhoMenuTemas {
    position: relative;
    width: 99%;
    height: calc(100% - 80px);
    background-color: var(--CorBackground1);
    z-index: 999;
    text-align: -webkit-center;
    /* overflow: hidden; */
}
.CabecalhoMenuTema {
    position: relative;
    width: 99%;
    height: 195px;
    background-color: var(--CorBackground1);
    z-index: 999;
    text-align: -webkit-center;
    /*overflow: hidden;*/
}
.CabecalhoMenuMusicas {
    position: relative;
    width: 99%;
    height: calc(100% - 80px);
    background-color: var(--CorBackground1);
    z-index: 999;
    text-align: -webkit-center;
    /* overflow: hidden; */
}
.CabecalhoMenuMusica {
    position: relative;
    width: 99%;
    height: 195px;
    background-color: var(--CorBackground1);
    z-index: 999;
    text-align: -webkit-center;
    /*overflow: hidden;*/
}
.CabecalhoMenuMapas {
    /*position: fixed;*/
    width: 99%;
    height: 100%;
    background-color: var(--CorBackground1);
    z-index: 999;
    text-align: -webkit-center;
    /*overflow: hidden;*/
}
.CabecalhoMenuDeclaracaoDeFe {
    /*position: fixed;*/
    width: 99%;
    height: 100%;
    background-color: var(--CorBackground1);
    z-index: 999;
    text-align: -webkit-center;
    /*overflow: hidden;*/
}
.CabecalhoMenuCadastro {
    /*position: fixed;*/
    width: 99%;
    height: 100%;
    background-color: var(--CorBackground1);
    z-index: 999;
    text-align: -webkit-center;
    /*overflow: hidden;*/
}
.CabecalhoMenuPerfil {
    /*position: fixed;*/
    width: 99%;
    height: 100%;
    background-color: var(--CorBackground1);
    z-index: 999;
    text-align: -webkit-center;
    /*overflow: hidden;*/
}
.CabecalhoMenuLugaresBiblicos {
    position: relative;
    width: 99%;
    height: calc(100% - 80px);
    background-color: var(--CorBackground1);
    z-index: 999;
    text-align: -webkit-center;
    /* overflow: hidden; */
}
.CabecalhoMenuLugarBiblico {
    position: relative;
    width: 99%;
    height: 195px;
    background-color: var(--CorBackground1);
    z-index: 999;
    text-align: -webkit-center;
    /*overflow: hidden;*/
}





.LeituraOrdem1 {
    position: relative;
    width: 90%;
    height: 50px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow: auto;
    align-content: flex-start;
    text-align: start;
    word-wrap: break-word;
}
.LeituraOrdem2 {
    position: relative;
    width: 90%;
    /*left: 5%;*/
    font-size: 25px;
    top: 383px;
    text-align: start;
    word-wrap: break-word;
}
.Analise_Palavras {
    position: relative;
    font-weight: bold;
    width: 100%;
    height: 104px;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    cursor: context-menu;
    margin-top: 25px;
}
.analisedepalavra {
    text-align: center;
    outline: none;
    text-decoration: none;
    width: 250px;
    height: 20px;
    border: 2px solid var(--Cor_Borda);
    background-color: var(--CorBackground1);
    color: var(--CorBackground2);
    font-size: 16px;
    padding: 20px;
    border-radius: 10px;
}
.Botao_Analisar_Palavras {
    width: 35px;
    height: 35px;
    /* background-image: url(../imagens/Imagens.png?v=1.0.6.3);
    background-repeat: no-repeat;
    background-position-x: -308px;
    background-position-y: var(--BackgroundPositionYPesquisar);
    background-size: 1700px 1200px;
    background-color: #ffffff00; */
    outline: none;
    text-decoration: none;
    border: none;
    position: relative;
    cursor: pointer;
    margin-left: calc(50% + 130px);
    margin-top: -40px;
}
.Lista_Ultimos_Textos {
    display: flex;
    position: relative;
    width: 100%;
    height: 50px;
    margin-top: 25px;
    background-color: var(--CorBackground1);
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    align-items: center;
    justify-content: flex-start;
    font-weight: bold;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    border: 2px solid var(--CorBackground2);
    overflow: overlay;
}
.Referencia_Texto_Aberto {
    cursor: pointer;
    border-right: 1px solid var(--CorBackground2);
    min-width: 56px;
    height: 40px;
    flex: none;
    padding-left: 10px;
    padding-right: 10px;
}
.Referencia_Texto_Aberto:hover {
    background-color: var(--CorBackground3);
    color: var(--CorBackground1);
}



.LeituraOrdem3 {
    position: relative;
    width: 90%;
    /*left: 5%;*/
    font-size: 25px;
    top: 420px;
    text-align: start;
    word-wrap: break-word;
}
.LeituraOrdem4 {
    position: relative;
    width: 90%;
    /*left: 5%;*/
    font-size: 25px;
    /*top: 220px;*/
    text-align: center;
    word-wrap: break-word;
    /*resize: none;*/
}
.LeituraOrdem5 {
    position: relative;
    width: 90%;
    /*left: 5%;*/
    font-size: 25px;
    /*top: 160px;*/
    text-align: start;
    word-wrap: break-word;
}
.LeituraOrdem6 {
    position: relative;
    width: 90%;
    /*left: 5%;*/
    font-size: 25px;
    /*top: 420px;*/
    text-align: start;
    word-wrap: break-word;
}
.LeituraOrdem7 {
    position: relative;
    width: 90%;
    /*left: 5%;*/
    font-size: 25px;
    /*top: 420px;*/
    text-align: center;
    word-wrap: break-word;
}
.LeituraOrdem8 {
    position: relative;
    width: 90%;
    /*left: 5%;*/
    font-size: 25px;
    /*top: 420px;*/
    text-align: center;
    word-wrap: break-word;
}

.MenuItemCapitulo {
    position: relative;
    width: 20px;
    height: 20px;
    text-align: center;
    padding: 10px;
    border: 1px solid var(--Cor_Borda);
    margin-left: 10px;
    border-radius: 10px;
    cursor: pointer;
    font-size: 16px;
    line-height: 20px;
    overflow: hidden;
    display: table;
    background-color: var(--CorBackground1);
    flex: none;
}
.MenuItemCapitulo:hover {
    background-color: var(--CorBackground3);
    color: var(--CorBackground1);
}
.MenuItemCapituloSelecionado {
    background-color: var(--CorBackground3);
    color: var(--CorBackground1);
}

p[numversiculo] {
    cursor: pointer;
}
.BotoesLeitura {
    position: relative;
    width: 100%;
    height: 40px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.BotaoLeitura {
    position: relative;
    width: 110px;
    height: 40px;
    font-size: 20px;
    border: 2px solid var(--CorBackground2);
    background: var(--CorBackground1);
    color: var(--CorBackground2);
    border-radius: 10px;
    cursor: pointer;
}
.MenuItemVersiculoSelecionado {
    background-color: var(--CorBackground3);
    color: var(--CorBackground1);
    border: 10px solid var(--CorBackground3);
    left: -10px;
    position: relative;
}

@media all and (max-width: 320px) {
    .BarraTamanhoTexto, .BarraTamanhoIcone {
        width: 70% !important;
    }
    .iconezoom1 {
        margin-left: 86% !important;
    }
    .iconezoom1 {
        margin-right: 86% !important;
    }
}

.BarraTamanhoTexto, .BarraTamanhoIcone {
    width: 230px;
    position: relative;
}
.BotaoZoom {
    position: relative;
    width: 50px;
    height: 50px;
    /*background-image: url(../imagens/Imagens.png?v=1.0.6.3);
    background-repeat: no-repeat;
    background-position-y: var(--BackgroundPositionYZoom);
    background-size: 1700px 1200px;*/
    outline: none;
    text-decoration: none;
    border: none;
    cursor: pointer;
    z-index: 999;
    margin-top: -35px;
}
.iconezoom1, .iconezoom3 {
    background-position-x: -368px;
    margin-left: 275px;
}
.iconezoom2, .iconezoom4 {
    background-position-x: -428px;
    margin-right: 275px;
    top: -15px;
}


.PesquisaOpcoes {
    position: relative;
    text-align: -webkit-center;
    width: 100%;
    height: 222px;
    font-size: 16px;
    line-height: 20px;
}
.OpcaoPesquisaLivros1 {
    text-align: left;
    width: 49%;
    position: absolute;
    padding-left: 10px;
    height: 222px;
    overflow: auto;
}
/*
display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
*/
.OpcaoPesquisaLivros2 {
    text-align: left;
    width: 49%;
    position: absolute;
    padding-left: 10px;
    left: 49%;
    height: 222px;
    overflow: auto;
}
.TipoPesquisa {
    text-align: start;
}

@media all and (max-width: 313px) {
    .CampoPesquisaTexto {
        width: 60% !important;
    }
}

.CampoPesquisaTexto {
    text-align: center;
    outline: none;
    text-decoration: none;
    width: 250px;
    height: 20px;
    border: 2px solid var(--Cor_Borda);
    background-color: var(--CorBackground1);
    color: var(--CorBackground2);
    font-size: 16px;
    padding: 20px;
    border-radius: 10px;
}
.BotaoPesquisar {
    width: 35px;
    height: 35px;
    /*background-image: url(../imagens/Imagens.png?v=1.0.6.3);
    background-repeat: no-repeat;
    background-position-x: -308px;
    background-position-y: var(--BackgroundPositionYPesquisar);
    background-size: 1700px 1200px;
    background-color: #ffffff00;*/
    outline: none;
    text-decoration: none;
    border: none;
    position: absolute;
    cursor: pointer;
    margin-left: calc(50% + 130px);
    margin-top: -40px;
}
.ValorLivroEspecifico {
    position: relative;
    width: 90%;
    height: 35px;
    font-size: 16px;
    margin-top: 10px;
    background-color: var(--CorBackground1);
    color: var(--CorBackground2);
    outline: none;
    text-transform: none;
}
.ValorLivroEspecifico option {
    background-color: var(--CorBackground1);
    color: var(--CorBackground2);
}

.TipoPesquisa, .ValorLivroEspecifico {
    cursor: pointer;
}


.BarraEsconde {
    width: 100%;
    height: 20px;
    border: none;
    position: fixed;
    /*top: 363px;*/
    cursor: pointer;
    z-index: 1010;
    background: var(--CorBackground3);
}
.BarraEsconde > svg {
    width: 42px;
    height: 60px;
    fill: var(--CorBackground3);
    position: relative;
    stroke-width: 11px;
    stroke: var(--CorBackground3);
}
.BarraEscondeSeta1 {
    transform: rotate(-90deg);
    top: -31px;
}
.BarraEscondeSeta2 {
    transform: rotate(90deg);
    top: -9px;
}



.IrTopo {
    width: 100px;
    height: 100px;
    /*background-image: url(../imagens/Imagens.png?v=1.0.6.3);
    background-repeat: no-repeat;
    background-position-x: var(--BackgroundPositionXIrTopo);
    background-position-y: -365px;
    background-size: 1700px 1200px;*/
    outline: none;
    text-decoration: none;
    border: none;
    position: relative;
    /*right: -70%;*/
    /*top: 400px;*/
    /*margin-bottom: 480px;*/
    cursor: pointer;
    z-index: 1;
}
.IrTopo0 {
    top: 115px;
    margin-bottom: 165px;
}
.IrTopo1 {
    /*top: 430px;
    margin-bottom: 480px;*/
}
.IrTopo2 {
    top: 430px;
    margin-bottom: 480px;
}
.IrTopo3 {
    top: 370px;
    margin-bottom: 415px;
}
.IrTopo4 {
    top: 0px;
    margin-bottom: 40px;
}
.IrTopo5 {
    /*top: 390px;
    margin-bottom: 430px;*/
}
.IrTopo6 {
    /*top: 250px;
    margin-bottom: 330px;*/
}
.IrTopo7 {
    /*top: 430px;
    margin-bottom: 480px;*/
}
.IrTopo9 {
    top: 390px;
    margin-bottom: 440px;
}
.IrTopo10 {
    top: 0px;
    margin-bottom: 40px;
}

.Botao_Copiar_Arquivo {
    position: relative;
    width: auto;
    height: auto;
    cursor: pointer;
    border: 2px solid var(--CorBackground2);
    background: var(--CorBackground1);
    color: var(--CorBackground2);
    border-radius: 10px;
    padding: 5px;
    margin-bottom: 50px;
    margin-top: 20px;
    font-size: 20px;
}
.Botao_Copiar_Musica {
    /*top: 390px;*/
}
.Botao_Copiar_Tema {
    /*top: 430px;*/
}
.Botao_Copiar_Hino {
    /*top: 250px;*/
}
.Botao_Copiar_Lugar_Biblico {
    /*top: 390px;*/
}




.LogotipoEntrada {
    position: absolute;
    z-index: 9999;
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    align-content: center;
    align-items: center;
}
.ImgLogoEntrada {
    width: 100%;
    height: 60px;
    max-width: 225px;
    /*background-image: url(../imagens/Imagens.png?v=1.0.6.3);
    background-repeat: no-repeat;
    background-position-x: -1330px;
    background-position-y: var(--BackgroundPositionYLogotipoEntrada1);
    background-size: 1700px 1200px;*/
}
@-webkit-keyframes Animacao_Programa_Logotipo {
    0% {fill: rgb(255 0 0);}
    10% {fill: rgb(255 0 172);}
    20% {fill: rgb(209 0 255);}
    30% {fill: rgb(32 0 255);}
    40% {fill: rgb(0 180 255);}
    50% {fill: rgb(0 255 213);}
    60% {fill: rgb(0 255 107);}
    70% {fill: rgb(188 255 0);}
    80% {fill: rgb(255 228 0);}
    90% {fill: rgb(255 111 0);}
    100% {fill: var(--Cor_Icones);}
}
.Animacao_Programa_Logotipo svg {
    animation: Animacao_Programa_Logotipo 5s 0s;
}
.CarregandoEntrada {
    font-size: 20px;
    color: var(--CorBackground2);
}
@media all and (min-width: 550px) {
    .ImgLogoEntrada {
        background-position-x: -660px !important;
        background-position-y: var(--BackgroundPositionYLogotipoEntrada2) !important;
        height: 120px;
        max-width: 500px;
    }
}

.LogotipoCarregando {
    margin-top: 40px;
}
.LogotipoCarregando > svg {
    width: 100px;
}
.LogotipoEmpresa {
    margin-top: 0px;
    max-width: 500px;
}
.ImgLogoEmpresa {
    width: 320px;
    height: 275px;
    /*background-image: url(../imagens/Imagens.png?v=1.0.6.3);
    background-repeat: no-repeat;
    background-position-x: -1280px;
    background-position-y: var(--BackgroundPositionYLogotipoEmpresa);
    background-size: 1700px 1200px;*/
}

.DadosContribuicao {
    position: relative;
    text-align: start;
    width: 80%;
    padding: 15px;
    border: 1px solid var(--Cor_Borda);
}
.Botao_Copiar_Chave {
    position: relative;
    width: auto;
    height: auto;
    margin-left: 5px;
    cursor: pointer;
    border: 2px solid var(--CorBackground2);
    background: var(--CorBackground1);
    color: var(--CorBackground2);
    border-radius: 10px;
    padding: 5px;
    font-size: 16px;
}
.DadosContato {
    position: relative;
    text-align: start;
    width: 80%;
    padding: 15px;
    border: 1px solid var(--Cor_Borda);
}


.AreaItemDevocional {
    position: relative;
    text-align: center;
    width: 80%;
    padding: 15px;
}
.TituloDevocional {
    font-size: 30px;
    font-family: 'Bad Script';
}

.BotaoDownloadAtualizacao, .BotaoBuscarAtualizacoesPerfil {
    position: relative;
    width: 250px;
    min-height: 50px;
    font-size: 20px;
    line-height: 20px;
    margin-top: 50px;
    margin-bottom: 50px;
    cursor: pointer;
    border: 2px solid var(--CorBackground2);
    background: var(--CorBackground1);
    color: var(--CorBackground2);
    border-radius: 10px;
    padding: 10px;
}

.ConfigOpcao {
    position: relative;
    width: 80%;
    padding: 15px;
    /*border: 1px solid var(--Cor_Borda);*/
}



.ListaToogleOpcaoConfig {
    position: relative;
    width: 70px;
    height: 20px;
    cursor: pointer;
}
.ListaToogleBarraConfig {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--CorBackgroundBarraConfig);
    border-radius: 8px;
    cursor: pointer;
}
.ListaToogleCirculoConfig {
    position: absolute;
    width: 30px;
    height: 30px;
    top: -5px;
    border-radius: 50%;
    -webkit-transition: all 500ms;
    transition: all 500ms;
    cursor: pointer;
}
.ListaToogleCirculoConfig[valor="1"] {
    left: 50px;
    background-color: #4aff3e;
}
.ListaToogleCirculoConfig[valor="2"] {
    left: -10px;
    background-color: #ff3e3e;
}



.BotaoCopiar {
    cursor: pointer;
    color: var(--CorBotaoCopiar);
    position: absolute;
    width: 100%;
    height: 85px;
    font-size: 30px;
    line-height: 85px;
    z-index: 9999;
    background-color: var(--CorBackgroundBotaoCopiar);
    text-align: center;
}
.BotaoFecharCopiar {
    cursor: pointer;
    color: var(--CorBotaoCopiar);
    z-index: 10000;
    font-size: 35px;
    right: 0;
    top: 85px;
    background-color: var(--CorBackgroundBotaoCopiar);
    position: absolute;
    width: 100px;
    height: 50px;
    line-height: 40px;
    text-align: center;
    border-radius: 0px 0px 20px 20px;
}

.BotaoReport {
    cursor: pointer;
    color: var(--CorBotaoReportar);
    position: absolute;
    width: 100%;
    height: 85px;
    font-size: 30px;
    line-height: 85px;
    z-index: 9999;
    background-color: var(--CorBackgroundBotaoReportar);
}
.BotaoFecharReport {
    cursor: pointer;
    color: var(--CorBotaoReportar);
    z-index: 10000;
    font-size: 35px;
    right: 0;
    top: 85px;
    background-color: var(--CorBackgroundBotaoReportar);
    position: absolute;
    width: 100px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 0px 0px 20px 20px;
}
.CaixaAtualizacoes {
    cursor: context-menu;
    color: var(--CorBotaoAtualizacoes);
    position: absolute;
    width: 100%;
    /*max-height: 70%;*/
    z-index: 9999;
    border-radius: 0px 0px 20px 20px;
    text-align: center;
    background-color: var(--CorBackgroundBotaoAtualizacoes);
    display: none;
}
.CabecalhoAtualizacoes {
    padding: 20px;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    position: relative;
}
.Novidades1 {
    position: relative;
    width: 80%;
    padding: 15px;
    border: 1px solid var(--Cor_Borda);
}
.Novidades2 {
    position: relative;
    padding: 15px;
    border: 1px solid var(--Cor_Borda);
}
.Atualizacoes {
    margin-top: 20px;
    font-size: 20px;
    line-height: 30px;
    text-align: initial;
    position: relative;
    overflow: auto;
    overflow-x: hidden;
    max-height: 440px;
}
.VersaoAtualizacao {
    margin-bottom: 30px;
}
.ItemAtualizacao {
    font-style: italic;
}
.NomeVersaoAtualizacao {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
}
.BotaoFecharAtualizacoes {
    cursor: pointer;
    color: var(--CorBotaoAtualizacoes);
    z-index: 10000;
    font-size: 30px;
    background-color: var(--CorBackgroundBotaoAtualizacoes);
    position: relative;
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-radius: 0px 0px 20px 20px;
}
linkclick {
    cursor: pointer;
}


.Caixa_Download_App {
    cursor: context-menu;
    color: var(--CorBotaoAtualizacoes);
    position: absolute;
    width: 100%;
    /*max-height: 70%;*/
    z-index: 9999;
    border-radius: 0px 0px 20px 20px;
    text-align: center;
    background-color: var(--CorBackgroundBotaoAtualizacoes);
    display: none;
}
.Cabecalho_Download_App {
    padding: 20px;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    position: relative;
}
.Texto_Download_App {
    position: relative;
    font-size: 20px;
    line-height: 30px;
    text-align: initial;
    position: relative;
    overflow: auto;
    overflow-x: hidden;
    max-height: 440px;
    padding: 15px;
    border: 1px solid var(--Cor_Borda);
    text-align: initial;
}
.Texto_Download_App a {
    color: red;
    font-weight: bold;
}
.Botao_Fechar_Download_App {
    cursor: pointer;
    color: var(--CorBotaoAtualizacoes);
    z-index: 10000;
    font-size: 30px;
    background-color: var(--CorBackgroundBotaoAtualizacoes);
    position: relative;
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-radius: 0px 0px 20px 20px;
}



.PostagensBuscadas {
    position: relative;
    width: 100%;
    height: auto;
}
.PostagemItem {
    position: relative;
    width: 100%;
    max-width: 600px;
    border: 1px solid #dbdbdb;
    margin-bottom: 50px;
    border-radius: 3px;
}
.PostagemImagem {
    position: relative;
    width: 100%;
    max-width: 600px;
    /*height: 100%;*/
    /*max-height: 600px;*/
    cursor: context-menu;
}
.PostagemAutor {
    position: relative;
    width: 100%;
    max-width: 540px;
    height: 20px;
    font-size: 16px;
    padding-top: 30px;
    color: var(--CorBackground2);
    text-align: initial;
}
.PostagemTexto {
    position: relative;
    width: 90%;
    max-width: 540px;
    font-size: 14px;
    line-height: 18px;
    color: var(--CorBackground2);
    text-align: initial;
    margin-top: 30px;
}
.PostagemTextoReduzido {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    width: 65%;
    text-align: start;
    padding-right: 25%;
}
.PostagemTextoAmpliado {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 0;
    overflow: auto;
    word-break: break-all;
}
.PostagemVerMais {
    /*position: relative;
    width: 100%;
    height: 20px;
    margin-top: -20px;
    text-align: -webkit-right;*/

    position: relative;
    width: 100%;
    height: 20px;
    right: 20%;
    margin-top: -20px;
    text-align: -webkit-right;
    overflow: hidden;
    font-size: 14px;
    line-height: 18px;
}
.PostagemBotaoVerMais {
    position: relative;
    min-width: 80px;
    height: 20px;
    cursor: pointer;
    border: none;
    outline: none;
    transform: none;
    background-color: var(--CorBackground1);
    color: var(--CorBackground2);
    font-size: 14px;
    line-height: 18px;
}
.PostagemDataComHorario {
    position: relative;
    width: 90%;
    max-width: 540px;
    height: 25px;
    font-size: 13px;
    line-height: 25px;
    color: #8e8e8e;
    text-align: end;
    margin-top: 20px;
    margin-bottom: 10px;
    cursor: context-menu;
}


@-webkit-keyframes rotacaoload {
    0% {opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
    to {opacity:0.3;-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}

@keyframes rotacaoload {
    0% {opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
    to {opacity:0.3;-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}

.BuscandoPostagensFeed {animation: rotacaoload -.6s .6s cubic-bezier(.455,.03,.515,.955) alternate infinite;}




.MapasBiblicos {
    position: relative;
    width: 100%;
    height: auto;
}
.MapasBiblicosItem {
    position: relative;
    width: 100%;
    max-width: 600px;
    /*border: 1px solid #dbdbdb;*/
    margin-bottom: 50px;
    border-radius: 3px;
}
.MapasBiblicosTitulo {
    position: relative;
    width: 100%;
    height: 20px;
    font-size: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
    color: var(--CorBackground2);
    text-align: center;
}
.MapasBiblicosImagem {
    position: relative;
    width: 100%;
    max-width: 600px;
    /*height: 100%;*/
    /*max-height: 600px;*/
    cursor: zoom-in;
    transition: -webkit-transform 0.25s ease;
    transition: transform 0.25s ease;
}
.MapasBiblicosImagemZoom {
    cursor: zoom-out !important;
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    z-index: 1;
    position: relative;
    left: 50%;
    margin-top: 100%;
}







.Campo_Declaracao {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    width: 80%;
    margin-top: 50px;
    margin-bottom: 50px;
}
.Item_Declaracao {
    position: relative;
    width: 100%;
    height: auto;
    font-size: 18px;
    line-height: 32px;
    color: var(--Cor_Nome);
    border-radius: 10px 10px 10px 10px;
    margin-bottom: 10px;
    overflow: hidden;
    text-align: initial;
}
.Item_Declaracao_Aberto {
    color: var(--Cor_Item_Declaracao_Aberto);
    background-color: var(--Cor_Fundo_Item_Declaracao_Aberto);
}
.Item_Declaracao_Fechado {
    color: var(--Cor_Item_Declaracao_Fechado);
    background-color: var(--Cor_Fundo_Item_Declaracao_Fechado);
    /*height: 40px;*/
}
.Titulo_Item_Declaracao {
    position: relative;
    width: calc(100% - 50px);
    height: auto;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    padding: 10px;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
}
.Icone_Item_Declaracao {
    position: absolute;
    right: 10px;
    top: 5px;
    width: 30px;
    height: 30px;
    line-height: 40px;
    cursor: pointer;
}
.Item_Declaracao_Fechado .Icone_Item_Declaracao {
    color: var(--Cor_Icone_Fechado);
}
.Item_Declaracao_Aberto .Icone_Item_Declaracao {
    color: var(--Cor_Icone_Aberto);
}
.Item_Declaracao_Fechado .Icone_Item_Declaracao .Icone_Ocultar {
    display: none !important;
}
.Item_Declaracao_Aberto .Icone_Item_Declaracao .Icone_Mostrar {
    display: none !important;
}
.Texto_Item_Declaracao {
    position: relative;
    width: calc(100% - 20px);
    height: auto;
    font-size: 18px;
    line-height: 32px;
    text-align: justify;
    margin-bottom: 10px;
    padding: 10px;
    cursor: context-menu;
}
.Item_Declaracao_Fechado .Texto_Item_Declaracao {
    display: none;
}
.Item_Declaracao_Aberto .Texto_Item_Declaracao {
    display: block;
}
.Numero_Referencia {
    position: relative;
    font-size: 12px;
    line-height: 14px;
    color: var(--Cor_Numero_Referencia)
}
.Referencias_Item_Declaracao {
    font-size: 18px;
    line-height: 32px;
    margin-top: 10px;
}
.Referencias_Item_Declaracao:before {
    width: calc(100% - 20px);
    position: absolute;
    margin-top: -22px;
    content: '';
    color: transparent;
    border-bottom: 2px solid var(--Cor_Divisao_Referencias);
}
.Titulo_Referencias_Item_Declaracao {
    position: relative;
    width: 100%;
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 10px;
}








.Campo_Cadastro {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    width: 80%;
    /*margin-top: 50px;*/
    margin-bottom: 50px;
}
.Item_Cadastro {
    position: relative;
    width: 80%;
    padding: 15px;
}
.Dados_Cadastro {
    text-align: center;
    outline: none;
    text-decoration: none;
    width: 250px;
    height: 20px;
    border: 2px solid var(--Cor_Borda);
    background-color: var(--CorBackground1);
    color: var(--CorBackground2);
    font-size: 16px;
    padding: 20px;
    border-radius: 10px;
    -webkit-transition: all 200ms;
    transition: all 200ms;
}
.Dados_Cadastro[type="image"] {
    width: auto;
    height: auto;
    max-height: 100px;
    border: none;
    border-radius: 25%;
    padding: inherit;
    cursor: pointer;
}
.AreaMenuCadastro .Dados_Foto {
    padding: 2px;
    width: min-content;
    height: min-content;
    border-radius: 25%;
    -webkit-transition: all 200ms;
    transition: all 200ms;
}
.Usuario_Encontrado {
    border: 2px solid #09ff00;
}
.Usuario_Encontrado:hover {
    transform: scale(1.05);
}
.Dados_Cadastro:not(:placeholder-shown), .Dados_Cadastro:hover, .Dados_Cadastro:focus {
    border-color: #09ff00;
}
.Dados_Cadastro_Enviar {
    position: relative;
    width: 100px;
    height: 50px;
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 50px;
    cursor: pointer;
    border: 1px solid var(--CorBackground2);
    background: var(--CorBackground1);
    color: var(--CorBackground2);
    border-radius: 10px;
}
.Dados_Cadastro_Enviar:hover, .Dados_Cadastro_Enviar:hover {
    border-color: #09ff00;
    transform: scale(1.05);
}









.Campo_Perfil {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    width: 80%;
    /*margin-top: 50px;*/
    margin-bottom: 50px;
}
.Item_Perfil {
    position: relative;
    width: 80%;
    padding: 15px;
}
.Dados_Perfil {
    text-align: center;
    outline: none;
    text-decoration: none;
    width: 250px;
    height: 20px;
    border: 2px solid var(--Cor_Borda);
    background-color: var(--CorBackground1);
    color: var(--CorBackground2);
    font-size: 16px;
    padding: 20px;
    border-radius: 10px;
    -webkit-transition: all 200ms;
    transition: all 200ms;
}
.Dados_Perfil[type="image"] {
    width: auto;
    height: auto;
    max-height: 100px;
    border: none;
    border-radius: 25%;
    padding: inherit;
    cursor: pointer;
}
.AreaMenuPerfil .Dados_Foto {
    padding: 2px;
    width: min-content;
    height: min-content;
    border-radius: 25%;
    -webkit-transition: all 200ms;
    transition: all 200ms;
}
.Usuario_Encontrado {
    border: 2px solid #09ff00;
}
.Usuario_Encontrado:hover {
    transform: scale(1.05);
}
.Dados_Perfil:not(:placeholder-shown), .Dados_Perfil:hover, .Dados_Perfil:focus {
    border-color: #09ff00;
}
.Dados_Perfil_Enviar {
    position: relative;
    width: 100px;
    height: 50px;
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 50px;
    cursor: pointer;
    border: 1px solid var(--CorBackground2);
    background: var(--CorBackground1);
    color: var(--CorBackground2);
    border-radius: 10px;
}
.Dados_Perfil_Enviar:hover, .Dados_Perfil_Enviar:hover {
    border-color: #09ff00;
    transform: scale(1.05);
}



















::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.Novidades2 > .Atualizacoes::-webkit-scrollbar-thumb {
    background: var(--CorBackground1);
}

/*.AreaSecoes::-webkit-scrollbar, .MenuOrdem1::-webkit-scrollbar, .MenuOrdem3::-webkit-scrollbar, .MenuOrdem5::-webkit-scrollbar, .MenuOrdem6::-webkit-scrollbar, .LeituraOrdem1::-webkit-scrollbar, .AreaMenu::-webkit-scrollbar, .OpcaoPesquisaLivros1::-webkit-scrollbar, .OpcaoPesquisaLivros2::-webkit-scrollbar, .Atualizacoes::-webkit-scrollbar {
    
}
 {
    
}*/


.redesrodape {
    display: flex;
    justify-content: center;
    flex-direction: row;
    position: relative;
    height: 80px;
    width: 100%;
}
.redesocial {
    position: relative;
    width: 80px;
    height: 80px;
    margin-right: 15px;
    cursor: pointer;
    /*background-image: url(../imagens/Imagens.png?v=1.0.6.3);
    background-repeat: no-repeat;
    background-position-y: var(--BackgroundPositionYRedeSocial1);
    background-size: 1700px 1200px;*/
}
/*.redeinstagram {
    background-position-x: -840px;
}
.redefacebook {
    background-position-x: -750px;
}
.redeyoutube {
    background-position-x: -1200px;
}*/


.Copywrite {
    position: relative;
    text-align: -webkit-center;
    width: 100%;
    margin-top: 23px;
    z-index: 999;
}







/* ÁREA DEV */

.AreaItemConsoleJavaScript {
    position: relative;
    text-align: center;
    width: 80%;
    padding: 15px;
}
.AreaConsoleResultado {
    position: relative;
    width: 100%;
    height: 200px;
    border: 1px solid var(--Cor_Borda);
    -webkit-transition: all 1000ms;
    transition: all 1000ms;
}
.AreaConsoleLinhaComando {
    position: relative;
    width: 100%;
    height: 30px;
    border: 1px solid var(--Cor_Borda);
    border-top: none;
}
.ConsoleResultado {
    position: relative;
    width: 100%;
    height: 100%;
    resize: none;
    text-align: start;
    font-size: 13px;
    text-decoration: none;
    outline: none;
    border: none;
    padding: 10px;
    background-color: var(--CorBackground1);
    color: var(--CorBackground2);
}
.ConsoleLinhaComando {
    position: relative;
    width: 100%;
    height: 30px;
    text-align: start;
    font-size: 20px;
    text-decoration: none;
    outline: none;
    border: none;
    padding: 10px;
    background-color: var(--CorBackground1);
    color: var(--CorBackground2);
}














/*UPLOAD FOTO*/
.Area_Uploads_Foto {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    background-color: var(--Cor_Transparente);
    flex-wrap: wrap;
}
.Campo_Upload_Foto {
    position: relative;
    width: calc(90%);
    min-width: 300px;
    max-width: 500px;
    height: auto;
    min-height: 300px;
    max-height: 550px;
    border: 1px solid var(--Cor_Borda);
    /* border-radius: 20px; */
    background-color: var(--Cor_Fundo_Campo_Formulario);
    color: var(--Cor_Campo_Formulario);
    overflow: hidden;
}
.Cabecalho_Upload_Foto {
    position: relative;
    width: 100%;
    height: auto !important;
    border: 1px solid var(--Cor_Borda);
    border-top: none;
    border-left: none;
    border-right: none;
    display: flex;
    align-items: center;
}
.Titulo_Upload_Foto {
    position: relative;
    width: 100%;
    height: auto !important;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    cursor: context-menu;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: inherit !important;
    padding-right: 35px;
    padding-left: 35px;
}
.Icone_Fechar_Upload_Foto {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0px;
    margin-top: auto !important;
    cursor: pointer;
    text-align: center;
    border-radius: 0px 20px 0px 0px;
}
.Icone_Fechar_Upload_Foto:hover {
    transform: scale(1.1);
}
.Icone_Fechar_Upload_Foto svg {
    position: relative;
    width: 30px;
    height: 30px;
}
.Opcoes_Upload_Foto {
    position: relative;
    width: calc(100% - 20px);
    height: auto;
    max-height: 457px;
    text-align: center;
    padding: 10px;
    overflow: auto;
}
.Botao_Upload_Foto {
    position: relative;
    width: 150px;
    height: 35px;
    /*margin-bottom: 20px;*/
    background-color: var(--Cor_Fundo_Campo_Formulario);
    border: 1px solid var(--Cor_Borda);
    /*border-radius: 10px;*/
    color: var(--Cor_Fonte);
    cursor: pointer;
}
.Botao_Upload_Foto:hover {
    transform: scale(1.05);
    background-color: var(--Cor_Fundo_Campo_Formulario_Hover);
    color: var(--Cor_Campo_Formulario_Hover);
}
.Botao_Upload_Foto[type="file"] {
    position: relative;
    width: auto;
    height: auto;
    /*margin-bottom: 20px;*/
    background-color: var(--Cor_Fundo_Campo_Formulario);
    border: none;
    /*border-radius: 10px;*/
    color: var(--Cor_Fonte);
    cursor: pointer;
}
.Canvas_Nova_Foto {
    background-color: var(--Cor_Fundo_Campo_Formulario);
    border: 1px solid var(--Cor_Borda);
}