/* ==========================================================
   ORCHESTRA - CUSTOMIZAÇÕES PARA ORACLE APEX
   Customizações e modificadores visuais utilizados pelo
   Orchestra sobre o Oracle APEX Universal Theme.

   Convenção:
   Todas as classes próprias do Orchestra utilizam o
   prefixo "orch-".
   ========================================================== */



/* ==========================================================
   CSS de página
   Aplicar em:
   Page > Appearance > CSS Classes
   ========================================================== */


/* ----------------------------------------------------------
   Sticky Footer
   ---------------------------------------------------------- */

.orch-sticky-footer .t-Footer {
    position: sticky;
    bottom: 0;
    z-index: 500;
    background: #fff;
    box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.1);
}

.orch-sticky-footer .t-Footer-version {
    display: none !important;
}


/* ==========================================================
   CSS para relatórios
   ========================================================== */


/* ----------------------------------------------------------
   Custom Checkbox

   Aplica a aparência padrão de checkbox do Orchestra em
   checkboxes exibidos em colunas de relatórios.

   Aplicar em:
   Interactive Report > Column > Appearance > CSS Classes

   CSS Class:
   orch-checkbox
   ---------------------------------------------------------- */

.orch-checkbox input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    display: flex;
    align-content: center;
    justify-content: center;
    margin: auto;
    font-size: 1px;
    padding: 1px;
    border: 2px solid rgb(0, 0, 0);
    border-radius: 5px;
}

.orch-checkbox input[type="checkbox"]::before {
    content: "";
    width: 15px;
    height: 15px;
    clip-path: polygon(
        28% 38%,
        41% 53%,
        75% 24%,
        86% 38%,
        40% 78%,
        15% 50%
    );
    transform: scale(0);
    background-color: rgb(0, 87, 208);
}

.orch-checkbox input[type="checkbox"]:checked::before {
    transform: scale(1);
}

.orch-checkbox input[type="checkbox"]:hover {
    color: black;
}


/* ==========================================================
   CSS para botões
   ========================================================== */


/* ----------------------------------------------------------
   BTN_1 - Antigo My Button White
   Aplicar em:
   Botão
   ---------------------------------------------------------- */

.orch-btn-01 {
    background-color: #2c5265 !important; 
    color: #f0f0f0 !important;         
    border: 1px solid white !important; 
}
.orch-btn-01:hover {
    background-color: #f0f0f0 !important; /* Fundo levemente cinza ao passar o mouse */
    color: #000000 !important;           /* Texto preto ao passar o mouse */
}
