/*
* Icone criado
*/
.btnIcone {
    width: 12px;
}


/**
* Estilos
*/

/* Substituir todos os estilos com #2dce89 por #03AC13 */
*:where([style*="#2dce89"]),
*:where([style*="#2DCE89"]) {
    color: #03AC13 !important;
    background-color: #03AC13 !important;
    border-color: #03AC13 !important;
}

/* Substituir diretamente nos seletores existentes */
.btn-success {
    background-color: #03AC13 !important;
    border-color: #03AC13 !important;
}

.text-success {
    color: #03AC13 !important;
}

.bg-success {
    background-color: #03AC13 !important;
    border-color: #03AC13 !important;
}

/* Substituir todos os estilos com #f5365c por #ff2c25 */
*:where([style*="#f5365c"]), 
*:where([style*="#F5365C"]) {
    /* Se houver estilos inline, pode forçar a cor aqui */
    color: #ff2c25 !important;
    background-color: #ff2c25 !important;
    border-color: #ff2c25 !important;
}

/* Substituir diretamente nos seletores existentes */
.btn-danger{
    background-color: #ff2c25 !important;
    border-color: #ff2c25 !important;
}

.text-danger{
    color: #ff2c25 !important;
}

.bg-danger {
    background-color: #ff2c25 !important;
    border-color: #ff2c25 !important;
}


.nav-link.active {
    background-color: #FF5100 !important;
    color: #fff !important;
}


.badge-primary {
    color: rgb(38.3744680851, 67.3671641791, 232.6255319149);
    background-color: rgb(233.7617021277, 236.4, 251.4382978723);
}

hr.horizontal.dark {
    margin-top: 20px;  
}

/* Garante que o modal fique acima da sidebar e backdrop */
.modal-backdrop {
    z-index: 3000 !important;
}
.modal {
    z-index: 3100 !important;
}
.modal-dialog {
    z-index: 3200 !important;
}




/*
* PDF FOOTER
*/

.imagem-pdf img {
    max-width: 200px;
    max-height: 50px;
    width: auto;
    height: auto;
}

.footer-pdf {
    position: fixed;
    bottom: -60px;
    left: 0px;
    right: 0px;
    height: 50px;
    text-align: left;
}

.pagenum:before {
    content: counter(page);
}


/*
* Modal settings
*/
.modal-custom {
    max-width: 60%;
    /* Defina a largura desejada */
}


/**
* Form settings
*/
.input-group .input-group-prepend .input-group-text {
    display: flex;
    align-items: center;
    padding: 0.75rem 0.5rem;
    /* Ajuste o padding conforme necessário */
}

.color-picker {
    position: relative;
    display: inline-block;
}

.selected-color {
    width: 50px;
    height: 30px;
    cursor: pointer;
    border-radius: 10px;
}

.color-options {
    display: none;
    position: absolute;
    top: 70px;
    left: 12px;
    background-color: white;
    border: 1px solid #ccc;
    z-index: 1;
    border-radius: 10px;
    overflow: hidden;
}

.color-option {
    width: 40px;
    height: 25px;
    cursor: pointer;
}

.red {
    background-color: #FF0000;
}

.green {
    background-color: #00FF00;
}

.blue {
    background-color: #0000FF;
}

.yellow {
    background-color: #FFFF00;
}

.default {
    background-color: var(--default-color);
}



/* Certifique-se que a sidebar tem z-index menor */
.sidebar,
.sidenav,
.main-sidebar {
    z-index: 1000 !important;
    background-color: #fff !important; /* Defina a cor desejada para o fundo */
}





/* SweetAlert2 settings
*/
/* Certificar de que o popup do SweetAlert2 fique acima de outros elementos */
.swal2-top-popup {
    z-index: 9999 !important;
}





/**
* Apresentar lista de clientes à frente do popup
* Estilos para o Select2 - alterei de 9999 !important para 999
* Ficava à frente do sidebar
* Adicionei este estilo na página do popup do cliente
*/
.select2-container {
  z-index: 999;
}

.select2-dropdown {
  z-index: 9999 !important;
}





/**
* Estilos para o SweetAlert2
* Alterei de 999 a 9999
**/
.select2-selection {
    position: relative;
    z-index: 9999 !important;
}





/* Reduz o z-index do Select2 quando há popup ativo */
.swal2-shown .select2-container,
.swal2-shown .select2-dropdown {
    z-index: 1000 !important;
}

/* Garante que o popup SweetAlert fica sempre acima */
.swal2-container {
    z-index: 9999 !important;
}

.swal2-top-popup {
    z-index: 10000 !important;
}

/* Força o Select2 dropdown para baixo quando popup está ativo */
body.swal2-shown .select2-dropdown {
    z-index: 500 !important;
}