@import url(config.css);

/* Ação - Visualizar publicação */
/* Ação - Copiar publicação */
/* Ação - Editar publicação */

a.btn.btn-primary.btn-simple.btn-sm, #btnCopia, #btnEditar, .btn-restaurar-versao {
    background-color: var(--cor-principal);
    border-color: var(--cor-principal);
}

a.btn.btn-primary.btn-simple.btn-sm:hover, #btnCopia, #btnEditar, .btn-restaurar-versao:hover {
    background-color: var(--cor-btn-pesquisar-hover);
    border-color: var(--cor-btn-pesquisar-hover);
}

/* Ação - Editar página */

a.btn.btn-success.btn-sm {
    background-color: var(--cor-icone-editar-principal);
    border-color: var(--cor-icone-editar-principal);
}

a.btn.btn-success.btn-sm:hover, #btnCopia:hover {
    background-color: var(--cor-hover-editar);
    border-color: var(--cor-hover-editar);
}

/* Ação - Voltar */

#btnVoltar {
    color: var(--cor-principal);
    background-color: var(--cor-botao-secundario-principal-preenchimento);
    /* border: 1px solid var(--cor-principal);
    width: 130px;
    border-radius: 6px;
    margin-right: 10px;
    height: 35px; */
}

#btnVoltar:hover {
    color: var(--cor-principal);
    background-color: var(--cor-principal-hover);
    /* border: 1px solid var(--cor-principal);
    border-radius: 6px;
    height: 35px; */
}

/* Ação - Desativar página */

/* button.btn.btn-danger.btn-sm.ativar-desativar, button.btn.btn-warning.btn-sm.ativar-desativar {
    background-color: var(--cor-icone-desativar-principal);
    border-color: var(--cor-icone-desativar-principal);
    color: #ffffff;
}

button.btn.btn-danger.btn-sm.ativar-desativar:hover, button.btn.btn-warning.btn-sm.ativar-desativar:hover {
    background-color: var(--cor-icone-desativar-hover);
    border-color: var(--cor-icone-desativar-hover);
    color: #ffffff;
} */

/* Ação - Ativar página */

.btn-info {
    background-color: var(--cor-icone-ativar-principal);
    border-color: var(--cor-icone-ativar-principal);
    color: #ffffff;
}

.btn-info:hover {
    background-color: var(--cor-icone-ativar-hover);
    border-color: var(--cor-icone-ativar-hover);
    color: #ffffff;
}

/* Ação - Subir*/

button.btn.btn-warning.btn-sm{
    background-color: var(--cor-principal);
    border-color: var(--cor-principal);
    color: #ffffff;
}

button.btn.btn-warning.btn-sm:hover{
    background-color: var(--cor-btn-pesquisar-hover);
    border-color: var(--cor-btn-pesquisar-hover);
    color: #ffffff;
}

button.btn.btn-warning.btn-sm:disabled{
    background-color: var(--cor-disabled-preenchimento);
    border-color: var(--cor-disabled-borda);
    color: var(--cor-disabled-texto-icone);
}

/* Ação - Descer */

button.btn.btn-secondary.btn-sm {
    background-color: var(--cor-icone-editar-principal);
    border-color: var(--cor-icone-editar-principal);
    color: #ffffff;
}

button.btn.btn-secondary.btn-sm:hover {
    background-color: var(--cor-hover-editar);
    border-color: var(--cor-hover-editar);
    color: #ffffff;
}

button.btn.btn-secondary.btn-sm:disabled {
    background-color: var(--cor-disabled-preenchimento);
    border-color: var(--cor-disabled-borda);
    color: var(--cor-disabled-texto-icone);
}

/* Ações - Restaurar */
.btn.btn-success.btn-sm.btn-restaurar {
    background-color: var(--cor-icone-editar-principal);
    border-color: var(--cor-icone-editar-principal);
    color: #ffffff;
}

.btn.btn-success.btn-sm.btn-restaurar:hover {
    background-color: var(--cor-hover-editar);
    border-color: var(--cor-hover-editar);
    color: #ffffff;
}

/* Ações - Somente na Tela de Visualização */

.acao-tela-visualizacao {
    font-size: 20px;
    width: 15px;
}

.icon-tela-visualizacao {
    font-size: 20px;
}

/* Botão - Limpar */

.btn-mais-acoes {
    color: var(--cor-principal);
    background-color: var(--cor-botao-secundario-principal-preenchimento);
    border: 1px solid var(--cor-principal);
    width: 130px;
    border-radius: 6px;
    margin-right: 10px;
    height: 35px;
}

.btn-mais-acoes:hover {
    color: var(--cor-principal);
    background-color: var(--cor-principal-hover);
    border: 1px solid var(--cor-principal);
    border-radius: 6px;
    height: 35px;
}

/* Botões - Salvar/Cadastrar e Pesquisar */

.btn-salvar{
    background-color: var(--cor-principal);
    color: var(--menu-background-color);
    border: 1px solid var(--cor-principal);
    width: 140px;
    border-radius: 6px;
    margin-right: 10px;
    height: 35px;
    font-size: 14px;
}

.btn:not(.btn-aplicar-assinatura, .btn-aplicar-tema, .btn-incluir){
    border-radius: 6px !important;
}

.btn-salvar:hover {
    background-color: var(--cor-btn-pesquisar-hover);
    color: var(--menu-background-color);
    border: 1px solid var(--cor-btn-pesquisar-hover);
}

.btn-salvar:disabled{
    background-color: var(--cor-desabilitado);
    color: var(--menu-background-color);
    border: 1px solid var(--cor-desabilitado);
}

.dropdown-menu > a, span{
    font-size: 14px;
}

div.show > a:not(:last-child) {
    margin-bottom: 8px;
}

table .btn:disabled, table a.btn.btn-success.btn-sm.disabled {
    background-color: #CCCCCC;
    border-color: #CCCCCC;
    color: #ffffff;
}

/* Configurações - Assinaturas e Temas*/

.btn-aplicar-assinatura, .btn-incluir {
    background-color: var(--cor-principal);
    color: var(--menu-background-color);
    border: 1px solid var(--cor-principal);
    width: 150px;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    margin-right: 10px;
    font-size: 14px;
    width: 200px;
}

.btn-aplicar-assinatura:hover, .btn-aplicar-tema:hover, .btn-incluir:hover {
    background-color: var(--cor-btn-pesquisar-hover);
    color: var(--menu-background-color);
    border: 1px solid var(--cor-btn-pesquisar-hover);
    width: 130px;
    border-radius: 6px;
    margin-right: 10px;
    width: 200px;
}

.btn-aplicar-tema {
    background-color: var(--cor-principal);
    color: var(--menu-background-color);
    border: 1px solid var(--cor-principal);
    border-radius: 6px;
    font-size: 14px;
    width: 228px;
    height: 50px;
    margin-bottom: 15px;
}

.btn-aplicar-tema:hover {
    background-color: var(--cor-btn-pesquisar-hover);
    color: var(--menu-background-color);
    border: 1px solid var(--cor-btn-pesquisar-hover);
    border-radius: 6px;
    margin-right: 10px;
    width: 228px;
}

.btn-limpar-lixeira{
    width: 140px;
    border-radius: 6px;
    margin-right: 10px;
    height: 35px;
    font-size: 14px;
    padding-top: 6px;
}

/*****

    COMPONENTES - BANNER

*****/

/* Ação - Mover banner para frente */

button.btn.btn-secondary.btn-sm.mover-componente {
    background-color: var(--cor-icone-subir-principal);
    border-color: var(--cor-icone-subir-principal);
    color: #ffffff;
}

button.btn.btn-secondary.btn-sm.mover-componente:hover {
    background-color: var(--cor-icone-subir-hover);
    border-color: var(--cor-icone-subir-hover);
    color: #ffffff;
}

button.btn.btn-secondary.btn-sm.mover-componente:disabled {
    background-color: var(--cor-disabled-preenchimento);
    border-color: var(--cor-disabled-borda);
    color: var(--cor-disabled-texto-icone);
}

/* Ação - Mover banner para trás */

button.btn.btn-info.btn-sm.mover-componente {
    background-color: var(--cor-icone-descer-principal);
    border-color: var(--cor-icone-descer-principal);
    color: #ffffff;
}

button.btn.btn-info.btn-sm.mover-componente:hover {
    background-color: var(--cor-icone-descer-hover);
    border-color: var(--cor-icone-descer-hover);
    color: #ffffff;
}

button.btn.btn-info.btn-sm.mover-componente:disabled {
    background-color: var(--cor-disabled-preenchimento);
    border-color: var(--cor-disabled-borda);
    color: var(--cor-disabled-texto-icone);
}

/*Botão Upload de imagem*/
.btn-upload-imagem{
    background-color: var(--cor-botao-upload-imagem);
    color: var(--menu-background-color);
    border: 1px solid var(--cor-botao-upload-imagem);
    border-radius: 6px;
    margin-right: 10px;
    font-size: 14px;
}
.btn-upload-imagem:hover {
    color: var(--menu-background-color);
    background-color: var(--cor-btn-pesquisar-hover);
    border: 1px solid var(--cor-btn-pesquisar-hover);
    font-size: 14px;
}
img.btn-upload-imagem{
    height: 20px;
    border:unset;
    background-color: unset;
}
img.btn-upload-imagem:hover{
    background-color: var(--cor-btn-pesquisar-hover);
    border:unset;
}
/*Botão Voltar Branco usar btn-light e btn-voltar*/
.btn-voltar{
    color:var(--cor-borda-botao-voltar);
    width: 140px;
    height: 35px;
    border-color:var(--cor-borda-botao-voltar);
}
.btn-voltar img{
    padding: 5px;
}
.btn-voltar:hover{
    border-color:var(--cor-borda-botao-voltar);
}