.btn {
    --bs-btn-bg: #fb690400;
}
    .btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
        color: var(--bs-btn-active-color);
        background-color: #fb6904;
        border-color: #fb6904;
    }
.modal.modal-cover .modal-content, .modal.modal-cover .modal-footer, .modal.modal-cover .modal-header {
    background: 0 0;
    /* border: none; */
}
/*.app-content {
    padding: 0rem 0rem;
    flex: 1;
    margin-left: 16.875rem;
}*/
/* Spinner container */
#mainSpinner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    display: none; /* Initially hidden */
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

    /* Logo styling */
    #mainSpinner img {
        width: 100px;
        height: auto;
        position: relative;
        z-index: 10000; /* Ensure it is above everything */
    }

/* Circle animation */
.spinner-circle {
    position: absolute;
    width: 120px;
    height: 120px;
    border: 5px solid transparent;
    border-top: 5px solid #ff6600; /* Spinner color */
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

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

    to {
        transform: rotate(360deg);
    }
}

/* DevExtreme */
.dx-datagrid-header-panel {
    background-color: #1e2936 !important;
}