.swal-sucesso {
    color: #7FB262 !important; /* um pouco mais escuro que o ícone */
    background-color: #E2F2DA !important; /* claro para o fundo */
    border: 10px solid #A5DC86 !important; /*  cor do icone */
    border-radius: 30px; /* Bordas arredondadas */
}
/* observacao */
.swal-sucesso.observacao {
    font-style: italic;
    color: #A5DC86 !important; /*  cor do icone */
}
/* Botão de confirmação atenção */
.swal-confirmar-sucesso {
    background-color: #A5DC86 !important; /*  cor do icone */ 
    color: white !important; 
    border-radius: 8px;
    padding: 10px 20px;
    font-weight: bold;
    transition: all 0.5s ease-in-out; /* Transição suave */
}
/* Efeito ao passar o mouse */
.swal-confirmar-sucesso:hover {
    background-color: #7FB262 !important; /* um pouco mais escuro que o ícone */
}
/* Efeito ao clicar */
.swal-confirmar-sucesso:active {
    background-color: #5F8C46 !important; /* mais escuro que o ícone */
}


.swal-exclamacao {
    color: #339EBF; /* Azul do ícone de interrogação */
    background-color: #E3F2FD; /* Azul claro para o fundo */
    border: 10px solid #339EBF; /* Azul vibrante para a borda */
    border-radius: 30px; /* Bordas arredondadas */
}


.swal-falha {
    color: #D85656 !important; /* um pouco mais escuro que o ícone */
    background-color: #F2DADA !important; /* claro para o fundo */
    border: 10px solid #F27474 !important; /*  cor do icone */
    border-radius: 30px; /* Bordas arredondadas */
}
/* observacao */
.swal-falha.observacao {
    font-style: italic;
    color: #F27474 !important; /*  cor do icone */
}
/* Botão de confirmação atenção */
.swal-confirmar-falha {
    background-color: #F27474 !important; /*  cor do icone */ 
    color: white !important; 
    border-radius: 8px;
    padding: 10px 20px;
    font-weight: bold;
    transition: all 0.5s ease-in-out; /* Transição suave */
}
/* Efeito ao passar o mouse */
.swal-confirmar-falha:hover {
    background-color: #D85656 !important; /* um pouco mais escuro que o ícone */
}
/* Efeito ao clicar */
.swal-confirmar-falha:active {
    background-color: #B23E3E !important; /* mais escuro que o ícone */
}


/* atenção no swal */
.swal-atencao {
    color: #D48A00 !important; /* um pouco mais escuro que o ícone */
    background-color: #FFFBE6 !important; /* claro para o fundo */
    border: 10px solid #F8BB86 !important; /*  cor do icone */
    border-radius: 30px; /* Bordas arredondadas */
}
/* observacao */
.swal-atencao.observacao {
    font-style: italic;
    color: #F8BB86 !important; /*  cor do icone */
}
/* Botão de confirmação atenção */
.swal-confirmar-atencao {
    background-color: #F8BB86 !important; /*  cor do icone */ 
    color: white !important; 
    border-radius: 8px;
    padding: 10px 20px;
    font-weight: bold;
    transition: all 0.5s ease-in-out; /* Transição suave */
}
/* Efeito ao passar o mouse */
.swal-confirmar-atencao:hover {
    background-color: #D48A00 !important; /* um pouco mais escuro que o ícone */
}
/* Efeito ao clicar */
.swal-confirmar-atencao:active {
    background-color: #A56B00 !important; /* mais escuro que o ícone */
}

/* atenção no swal */
.swal-info {
    color: #269DC1 !important; /* um pouco mais escuro que o ícone */
    background-color: #C5DFE8 !important; /* claro para o fundo */
    border: 10px solid #3FC3EE !important; /*  cor do icone */
    border-radius: 30px; /* Bordas arredondadas */
}
/* observacao */
.swal-info.observacao {
    font-style: italic;
    color: #3FC3EE !important; /*  cor do icone */
}
/* Botão de confirmação atenção */
.swal-confirmar-info {
    background-color: #3FC3EE !important; /*  cor do icone */ 
    color: white !important; 
    border-radius: 8px;
    padding: 10px 20px;
    font-weight: bold;
    transition: all 0.5s ease-in-out; /* Transição suave */
}
/* Efeito ao passar o mouse */
.swal-confirmar-info:hover {
    background-color: #269DC1 !important; /* um pouco mais escuro que o ícone */
}
/* Efeito ao clicar */
.swal-confirmar-info:active {
    background-color: #1883A0 !important; /* mais escuro que o ícone */
}

/* pergunta no swal */
.swal-pergunta {
    color: #6B95A5; /* um pouco mais escuro que o ícone */
    background-color: #DAEBF2; /* claro para o fundo */
    border: 10px solid #87ADBD; /*  cor do icone */
    border-radius: 30px; /* Bordas arredondadas */
}
/* observacao */
.swal-pergunta p.observacao {
    font-style: italic;
    color: #87ADBD !important;
}
/* Botão de confirmação pergunta */
.swal-confirmar-pergunta {
    background-color: #87ADBD !important; 
    color: white !important; 
    border-radius: 8px;
    padding: 10px 20px;
    font-weight: bold;
    transition: all 0.5s ease-in-out; /* Transição suave */
}
/* Efeito ao passar o mouse */
.swal-confirmar-pergunta:hover {
    background-color: #6B95A5 !important; 
}
/* Efeito ao clicar */
.swal-confirmar-pergunta:active {
    background-color: #547D8C !important;
}



/* Botão de cancelamento cinza */
.swal-cancelar {
    background-color: #666 !important; /* Cinza escuro */
    color: white !important;
    border-radius: 8px;
    padding: 10px 20px;
    font-weight: bold;
    transition: all 0.3s ease-in-out;
}
/* Efeito ao passar o mouse */
.swal-cancelar:hover {
    background-color: #555 !important; /* Cinza um pouco mais escuro */
}
/* Efeito ao clicar */
.swal-cancelar:active {
    background-color: #444 !important;
}


/* Loading no swal */
.swal-loading {
    color: #2778C4 !important; /* Cor puxada do seu ajaxLoad */
    background-color: #BED3E2 !important;
    border: 10px solid #2778C4 !important;
    border-radius: 30px;
}

/* Botão do loading (normalmente oculto, mas para consistência visual) */
.swal-confirmar-loading {
    background-color: #2778C4 !important;
    color: white !important;
    border-radius: 8px;
    padding: 10px 20px;
    font-weight: bold;
    transition: all 0.5s ease-in-out;
}

.swal-confirmar-loading:hover {
    background-color: #a34d27 !important;
}

.swal-confirmar-loading:active {
    background-color: #7d3b1c !important;
}

/* Loading no swal */
.swal-add {
    color: #7066E0 !important; /* Cor puxada do seu ajaxLoad */
    background-color: #B8B5E5 !important;
    border: 10px solid #7066E0 !important;
    border-radius: 30px;
}

.swal-add .form-control {
    border: 2px solid #7066E0 !important;
    color: #7066E0 !important; /* Cor puxada do seu ajaxLoad */
}

/* Botão do loading (normalmente oculto, mas para consistência visual) */
.swal-add-loading {
    background-color: #7066E0 !important;
    color: white !important;
    border-radius: 8px;
    padding: 10px 20px;
    font-weight: bold;
    transition: all 0.5s ease-in-out;
}

.swal-add-loading:hover {
    background-color: #423AAD !important;
}

.swal-add-loading:active {
    background-color: #4B4699 !important;
}


.ajaxLoading {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    /* Adicionado */
    background-color: black;
    z-index: 100;
    opacity: 0.7;
    display: none;
    justify-content: center;
    /* Centraliza horizontalmente */
    align-items: center;
    /* Centraliza verticalmente */
    text-align: center;
    padding: 10px;
    z-index: 1050; /* Acima do modal (Bootstrap usa 1040 para modais) */
}

.spinner {
    position: absolute;
    /* Alterado de fixed para absolute */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1051;
}

/*.ajaxLoad {
    font-size: 5em;
    animation: pulse 1s infinite;
}*/
.ajaxLoad {
    color: #c16239 !important;
    font-size: 5em;
    display: inline-block;
    animation: efeitoajax 0.8s infinite;
}


.ajaxLoading-modal {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    /* Adicionado */
    background-color: black;
    z-index: 100;
    opacity: 0.7;
    display: none;
    justify-content: center;
    /* Centraliza horizontalmente */
    align-items: center;
    /* Centraliza verticalmente */
    text-align: center;
    padding: 10px;
    z-index: 1050; /* Acima do modal (Bootstrap usa 1040 para modais) */
}

.spinner-modal {
    position: absolute;
    /* Alterado de fixed para absolute */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1051;
}

/*.ajaxLoad {
    font-size: 5em;
    animation: pulse 1s infinite;
}*/
.ajaxLoad-modal {
    color: #c16239 !important;
    font-size: 5em;
    display: inline-block;
    animation: efeitoajaxmodal 0.8s infinite;
}


@keyframes efeitoajax {
    0% {
        transform: scale(0.5);
        text-shadow: 0 0 5px rgba(255, 234, 165, 0.5), 0 0 15px rgba(255, 234, 165, 0.3);
    }

    50% {
        transform: scale(1.9);
        text-shadow: 0 0 15px rgba(216, 255, 0, 0.7), 0 0 25px rgba(216, 255, 0, 0.5);
    }

    100% {
        transform: scale(0.5);
        text-shadow: 0 0 5px rgba(255, 234, 165, 0.5), 0 0 15px rgba(255, 234, 165, 0.3);
    }
}

@keyframes efeitoajaxmodal {
    0% {
        transform: scale(0.5);
        text-shadow: 0 0 5px rgba(255, 234, 165, 0.5), 0 0 15px rgba(255, 234, 165, 0.3);
    }

    50% {
        transform: scale(1.9);
        text-shadow: 0 0 15px rgba(216, 255, 0, 0.7), 0 0 25px rgba(216, 255, 0, 0.5);
    }

    100% {
        transform: scale(0.5);
        text-shadow: 0 0 5px rgba(255, 234, 165, 0.5), 0 0 15px rgba(255, 234, 165, 0.3);
    }
}

.loading-text {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    color: #fff;
    /* Ajuste a cor conforme necessário */
    animation: pulse 0.5s infinite;
}
.loading-text-modal {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    color: #fff;
    /* Ajuste a cor conforme necessário */
    animation: pulsemodal 0.5s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes pulsemodal {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}