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

a.btn.btn-primary.btn-simple.btn-sm {
    background-color: var(--cor-icone-visualizar-principal);
    border-color: var(--cor-icone-visualizar-principal);
}

a.btn.btn-primary.btn-simple.btn-sm:hover {
    background-color: var(--cor-icone-visualizar-hover);
    border-color: var(--cor-icone-visualizar-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 {
    background-color: var(--cor-icone-editar-hover);
    border-color: var(--cor-icone-editar-hover);
}

/* 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-icone-subir-principal);
    border-color: var(--cor-icone-subir-principal);
    color: #ffffff;
}

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

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

/* Ação - Descer */

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

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

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

/* Botão - Limpar */

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

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

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

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

@media (max-width: 576px) {
    .btn-salvar-button-mobile {
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        bottom: 15px;
        right: -1%;
        z-index: 9999;
        width: auto;
        padding: 10px 20px;
        height: 50px;
        border-radius: 25px !important;
        font-weight: bold;
        gap: 3px;
    }

    .btn-salvar-button-mobile::before {
        content: "";
        background-image: url(../img/menu-lateral/Save.svg);
        background-size: contain;
        background-repeat: no-repeat;
        display: inline-block;
        width: 20px;
        height: 20px;
    }

    .ocultar-button {
        display: none;
    }
}



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

.btn-salvar:hover {
    background-color: var(--cor-botao-primario-hover);
    color: var(--menu-background-color);
    border: 1px solid var(--cor-botao-primario-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-aplicar-tema,
.btn-incluir {
    background-color: var(--cor-botao-primario-principal);
    color: var(--menu-background-color);
    border: 1px solid var(--cor-botao-primario-principal);
    width: 130px;
    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-botao-primario-hover);
    color: var(--menu-background-color);
    border: 1px solid var(--cor-botao-primario-hover);
    width: 130px;
    border-radius: 6px;
    margin-right: 10px;
    width: 200px;
}

/*****

    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-desabilitado);
    border-color: var(--cor-desabilitado);
    color: #ffffff;
}

/* 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-desabilitado);
    border-color: var(--cor-desabilitado);
    color: #ffffff;
}