@media only screen and (min-device-width: 769px) {
    .content-column {
        margin-left: auto !important;
        margin-right: auto !important;
        width: 60%;
    }
    .expanded-dialog-content {
        min-width: 500px;
    }
    .registration-holder {
        display: flex;
    }

    .registration-left, .registration-right {
        flex: 0.2;
        height: 50vh;
    }
    .registration-content {
        flex: 0.6;
    }
}

@media print {
    body * {
        visibility: hidden; /* Hide everything by default */
    }
    .non-print-section, .non-print-section * {
        display: none !important;
    }
    .divToPrint, .divToPrint * {
        visibility: visible; /* Only make the specified div visible */
    }
    .divToPrint {
        position: absolute; /* Fix positioning issue with the print layout */
        left: 0;
        top: 0;
    }
    .wrapper {
        flex-direction: column;
        gap: 25px;
        display: flex;
        height: auto;
    }
    .chart-container {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        page-break-after: always;
        page-break-before: always;
    }
    .no-scroll-div {
        page-break-after: always;
        page-break-before: always;
        width: 100% !important; /* Ensure the div takes up the full width of the page */
        height: auto; /* Allow div to expand naturally */
        max-height: none; /* Ensure no max-height is limiting its size */
        overflow: visible; /* Prevent the div from scrolling internally */
    }
}
/*Forcing some style for darkmode recharts*/
.recharts-default-tooltip {
    padding: 0 !important;
    border-color: #424242 !important;
    background-color: transparent !important;
}