/* .dataTables_length{
    position: absolute !important;
    top: 75px !important; 
} */
.selected {
    border: 2px solid black;
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.7);
    /* Glow effect */
}
/* Estilo para as categorias */
.category-option .btn-outline-success {
    transition: all 0.3s;
}

.category-option .btn-check:checked + .btn-outline-success {
    background-color: var(--bs-success);
    color: white;
    border-color: var(--bs-success);
}
.main-chat-body{
    overflow-y: auto !important;
}
.br-5{
    border-radius: 5px !important;
}


/* Estilo para os checkboxes */
.form-check-input {
    width: 1.2em !important;
    height: 1.2em !important;
    margin-top: 0.25em !important;
    vertical-align: top !important;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, 0.25);
    appearance: none;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

.form-check-input:checked {
    background-color: var(--bs-success);
    border-color: var(--bs-success);
}

/* Estilo específico para radio buttons */
.form-check-input[type="radio"] {
    border-radius: 50% !important;
}

.form-check-input[type="radio"]:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e") !important;
}

/* Estilo específico para checkboxes */
.form-check-input[type="checkbox"]:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important;
}

/* Estilo para form-switch (toggle) */
.form-switch .form-check-input {
    width: 2.5em !important;
    height: 1.5em !important;
    cursor: pointer !important;
}

.form-switch .form-check-input:checked {
    background-color: var(--bs-success) !important;
    border-color: var(--bs-success) !important  ;
}

/* Melhorias nos checkboxes normais */
.form-check-input[type="checkbox"] {
    cursor: pointer !important;
    border-radius: 0.25em !important;
}

.form-check-input[type="checkbox"]:checked {
    background-color: var(--bs-success) !important;
    border-color: var(--bs-success) !important;
}

/* Hover effect */
.form-check-input:hover {
    border-color: var(--bs-success) !important;
}

/* Label styling */
.form-check-label {
    cursor: pointer !important;
    -webkit-user-select: none !important;
    user-select: none !important;
}


.bg-primary{
    background-color: #046957 !important;
}
.text-primary{
    color: #046957 !important;
}
.btn-primary {
    --bs-btn-color: #fff !important;
    --bs-btn-bg: #046957 !important;
    --bs-btn-border-color: #046957 !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: #035746 !important;
    --bs-btn-hover-border-color: #03503f !important;
    --bs-btn-focus-shadow-rgb: 43, 151, 137 !important;
    --bs-btn-active-color: #fff !important;
    --bs-btn-active-bg: #03503f !important;
    --bs-btn-active-border-color: #034a3a !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important ;
    --bs-btn-disabled-color: #fff !important;
    --bs-btn-disabled-bg: #046957 !important;
    --bs-btn-disabled-border-color: #046957 !important;
}   


[type='checkbox']:checked, [type='radio']:checked{
    background-color: #046957 !important;
}


@media (max-width: 768px) {
    .header-secondary{
        padding: 0 !important;
    }
    .common-banner{
        padding-top: 30px !important;
    }
    .pt-120{
        padding-top: 30px !important;
    }
    .pb-120{
        padding-bottom: 30px !important;
    }
    .navbar-collapse{
        background-color: #046957 !important;
    }
}

/* Corrige o tamanho e o layout do toast */
.swal2-toast.swal2-popup {
    width: auto !important; /* desfaz o width: 100% */
    max-width: 350px !important; /* ou outro valor que deseja */
    padding: 1em 1.5em !important;
    display: flex !important;
    align-items: center !important;
    background: #fff !important;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
    font-size: 1rem;
    border-radius: 0.5rem;
  }
  
  /* Corrige o botão de fechar */
  .swal2-close {
    display: block !important;
    position: absolute;
    top: 0.5em;
    right: 0.75em;
    font-size: 1.25rem;
    color: #aaa;
    background: none;
    border: none;
  }
  
  /* Sucesso */
  .swal2-icon.swal2-success {
    width: 1.5em !important;
    height: 1.5em !important;
    font-size: 1em !important;
    margin: 0 0.75em 0 0 !important;
  }
  
  /* Título mais compacto */
  .swal2-title {
    font-size: 1rem !important;
    margin: 0 !important;
  }

  .swal2-popup.swal2-toast .swal2-title{
    margin: .5em 4em !important;
    padding: 0;
    font-size: 14px !important;
    text-align: initial;
  }

  .swal2-popup.swal2-toast.swal2-show{
    padding: 15px !important;
    height: 54px !important;
    font-size: 14px !important;
  }