/* Para o tema claro (light) - readonly e disabled */
.bg-light input[readonly], 
.bg-light textarea[readonly], 
.bg-light select[readonly], 
.bg-light input:disabled, 
.bg-light textarea:disabled, 
.bg-light select:disabled {
    background-color: #f5f5f5; /* Fundo cinza claro */
    border-color: #ced4da; /* Borda cinza clara */
    color: #6c757d; /* Texto cinza escuro */
    opacity: 1; /* Manter a opacidade */
}
.bg-light .form-check-input[disabled]:checked {
    background-color: #BDD7FC!important;
    border-color: #BDD7FC!important;
}
/* Para o tema escuro (dark) - readonly e disabled */
.bg-dark input[readonly], 
.bg-dark textarea[readonly], 
.bg-dark select[readonly], 
.bg-dark input:disabled, 
.bg-dark textarea:disabled, 
.bg-dark select:disabled {
    background-color: #3a3b3c; /* Fundo cinza escuro */
    border-color: #565656; /* Borda cinza escura */
    color: #cccccc; /* Texto cinza claro */
    opacity: 1; /* Manter a opacidade */
}

/* Manter a aparência estável para checkboxes e radios no estado readonly ou disabled */
.bg-light .form-check-input:disabled,
.bg-dark .form-check-input:disabled {
    background-color: #e9ecef; /* Fundo neutro para light */
    border-color: #ced4da; /* Borda para light */
}

.bg-dark .form-check-input:disabled {
    background-color: #495057; /* Fundo mais escuro para dark */
    border-color: #6c757d; /* Borda mais clara para dark */
}
.waitScreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); 
    display: none;
    justify-content: center; 
    align-items: center; 
    z-index: 9999; 
    display: flex; 
}
.bg-dark .jsgrid-grid-header {
    background-color: #2e2e2e;
}

.bg-dark .jsgrid-header-row>.jsgrid-header-cell {
    background-color: #212529;
    border-color: #565656;
    color: #ffffff;
}

.bg-dark .jsgrid-filter-row>.jsgrid-cell {
    background-color: #212529;
    color: #ffffff;
}

.bg-dark .jsgrid-row>.jsgrid-cell {
    background-color: #212529;
    color: #f1f1f1;
}

.bg-dark .jsgrid-alt-row>.jsgrid-cell {
    background-color: #31373D;
    color: #f1f1f1;
}

.bg-dark .jsgrid-edit-row>.jsgrid-cell, 
.bg-dark .jsgrid-filter-row>.jsgrid-cell, 
.bg-dark .jsgrid-grid-body, 
.bg-dark .jsgrid-grid-header, 
.bg-dark .jsgrid-header-row>.jsgrid-header-cell, 
.bg-dark .jsgrid-insert-row>.jsgrid-cell {
    border: 1px solid #565656;
}

.bg-dark .jsgrid-selected-row>.jsgrid-cell {
    background-color: #4b4b4b;
    border-color: #4b4b4b;
    color: #ffffff;
}

.bg-dark .jsgrid-cell {
    border: 1px solid #565656;
    color: #f1f1f1;
}

.bg-dark .jsgrid-button {
    color: #ffffff;
    background-color: #444444;
    border: 1px solid #565656;
}

.bg-dark .jsgrid-button:hover {
    background-color: #565656;
    border-color: #ffffff;
}
.bg-dark .jsgrid-nodata-row>.jsgrid-cell {
    border: 1px solid #565656;
    background-color: #212529;
    color: #f1f1f1;
}