/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 01/06/2017, 17:21:42
    Author     : thiago.rodrigues
*/

/*btnEnviar
icon="fa fa-paper-plane"*/

/*btnEditar
icon = fa fa-edit*/


.btnAdicionar {
    background-color: gray !important;
    /*icon-primeface = fa fa-arrow-circle-down*/
    margin-top: 19px;
}

.btnAjudaComponente {
    color: lightslategrey !important;
}

.btnAtalho {
    height: 35px;
    width: 255px;
    margin: 4px;
    text-align: center !important;
    font-size: 17px !important;
}

.btnCadastrar {
    background-color: green !important;
    /*icon-primeface = fa fa-user-plus*/
}

.btnCancelar {
    background-color: #CB4F10 !important;
    /*    icon_primeface = fa fa-ban*/
}

.btnCancelar:hover {
    background-color: #973A0C !important;
}

.btnDefault {
    background-color: #303436 !important;
    /*margin-top: 19px;*/
}

.btnDefault:hover {
    background-color: #424242 !important;
}

.btnDownload {
    background-color: #C9CDD2 !important;
    color: #000 !important;
}

.btnDownload:hover {
    background-color: #a8acb1 !important;
    color: #000 !important;
}

.btnEspaco {
    margin-right: 5px !important;
}

.btnExcluir {
    background-color: #9b0000 !important;
    /*icon-primeface = fa fa-minus-square*/
}

.btnExcluir:hover {
    background-color: #700000 !important;
    /*icon-primeface = fa fa-minus-square*/
}

.btnVoltar {
    background-color: #6c757d !important;
    /*icon-primeface = fa fa-mail-reply*/
}

.btnVoltar:hover {
    background-color: #5a6268 !important;
    /*icon-primeface = fa fa-mail-reply*/
}

.btnExportar {
    background-color: #13599A !important;
}

.btnExportar:hover {
    background-color: #044078 !important;
}

.btnFechar {
    color: #1b1d1f !important;
    font-size: 20px !important;
    background-color: transparent !important;
}

.btnFechar:hover {
    background-color: #f6f7f9 !important;
}

.btnImagem {
    background-color: white !important;
}

.btnLimpar {
    background-color: tomato !important;
    margin-left: 5px;
    /*icon-primeface = fa fa-eraser*/
}

.btnNovo {
    background-color: #006161 !important;
    /*icon=fa fa-plus-circle*/
}

.btnNovo:hover {
    background-color: #007979 !important;
}

.btnPesquisar {
    background-color: #13599A !important;
    margin-right: 5px !important;
}

.btnPesquisar:hover {
    background-color: #044078 !important;
}

.btnSalvar {
    background-color: #13599A !important;
    margin-right: 5px !important;
}

.btnSalvar:hover {
    background-color: #044078 !important;
}

.btnSalvarProximo {
    background-color: #0A246A !important;
    /*icon-primeface = fa fa-angle-double-right*/
}

.btnSelecionar {
    background-color: mediumturquoise !important;
    /*icon-primeface = fa fa-check-circle*/
}

.btnTransparente {
    background-color: transparent !important;
    color: #424242 !important;
}

.btnTransparente:hover {
    background-color: whitesmoke !important;
}

.divBotao {
    margin-top: 5px;
    padding: 15px 12px;
    margin-bottom: 15px;
    background-color: white;
}

.lnkPrecisaDeAjuda {
    color: #044078 !important;
    padding: 5px;
}

.lnkPrecisaDeAjuda:hover {
    color: #044078 !important;
    background-color: #D4E7F8 !important;
}

.containerBotoes {
    margin-top: 48px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

/* Para telas menores, garante que os botões fiquem um abaixo do outro */
@media (max-width: 600px) {
    .btnTelaInicial {
        width: 100%;
        max-width: none;
    }
}

.btnTelaInicial {
    background-color: #13599A !important;
    color: white;
    text-align: center;
    margin: 20px;
    flex: 1 1 250px; /* Faz os botões se ajustarem automaticamente */
    max-width: 250px; /* Garante que os botões não fiquem muito grandes */
    min-width: 200px; /* Evita que fiquem pequenos demais */
    min-height: 120px;
    border-radius: 12px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between; /* Distribui os elementos verticalmente */
    position: relative;
}

.btnTelaInicial i {
    font-size: 30px;
    margin-bottom: 5px; /* Reduz espaço abaixo do ícone */
    margin-top: 8px; /* Reduz espaço acima do ícone */
    color: #ffffff;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    pointer-events: none;
}

.tituloTelaInicial {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 24px; /* Move o título mais para cima */
    z-index: 2;
    pointer-events: none;
}

.descricaoTelaInicial {
    font-size: 12px;
    margin-bottom: 24px; /* Move o título mais para cima */
    z-index: 2;
    pointer-events: none;
}

/* Garante que o link cubra toda a div */
.commandLinkStyle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-decoration: none;
    background-color: transparent;
    border: none;
    cursor: pointer;
    z-index: 3;
}

.btnTelaInicial:hover {
    background-color: #044078 !important; /* Efeito hover */
}

.full-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; /* Mantém o link acima dos textos */
}

.tituloTelaInicial, .descricaoTelaInicial, .pi {
    position: relative; /* Mantém os textos acima do link */
    z-index: 2;
}