#loadingSpinner {
            display: none; /* Initially hidden */
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 10;
        }

        #kt_app_content {
            position: relative; /* Needed to contain the spinner */
            min-height: 300px; /* Minimum height to show the spinner even if there's no content */
        }
   

    .translate-middle {
        transform: translate(-50%, -50%);
    }

    .position-absolute {
        position: absolute;
    }

    .top-50 {
        top: 50%;
    }

    .start-50 {
        left: 50%;
    }

