/* /Components/NoAuthorizedAccountsError.razor.rz.scp.css */
.center[b-edb4f8fetm] {
    display: flex;
    justify-content: center;
    border: thick #0a53be;
}
/* /DnaDirect/Components/DnaDirectContext/DnaDirectContext.razor.rz.scp.css */
.dna-context[b-lz7y93wu8j] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 50px;
}

.dna-context-dropdown[b-lz7y93wu8j] {
    flex: 1;
}
/* /DnaReportWarehouse/Components/DnaReportWarehouseContext/DnaReportWarehouseDownloadContext.razor.rz.scp.css */
.dna-context[b-0a1vyo8n0i] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 50px;
}

.dna-context-dropdown[b-0a1vyo8n0i] {
    flex: 1;
}
/* /DnaReportWarehouse/Components/DnaReportWarehouseContext/DnaReportWarehouseReportSearchContext.razor.rz.scp.css */
.grid-container[b-a6n0lrq35m] {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 equal columns */
    gap: 1rem; /* Bootstrap-like spacing */
    align-items: start;
}

#reportnumber-field[b-a6n0lrq35m] {
    grid-row: span 2; /* Makes it span two rows */
    height: auto; 
    min-height: 100px;
    max-height: 200px;
    min-width: 100px;
    overflow-y: auto;
}

.placeholder[b-a6n0lrq35m] {
    display: none; /* Hides the empty space in the second row */
}

/* Full-width section inside the grid container */
.full-width[b-a6n0lrq35m] {
    grid-column: 1 / -1; /* Span all columns */
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: nowrap;
}
    /* Flex settings for the children of .full-width */
    .full-width > div:first-child[b-a6n0lrq35m] {
        flex: 1 1 auto;
        min-width: 150px;
    }

    .full-width > div:nth-child(2)[b-a6n0lrq35m],
    .full-width > div:nth-child(3)[b-a6n0lrq35m] {
        flex: 0 1 auto;
        white-space: nowrap;
    }

    .full-width > div:nth-child(3)[b-a6n0lrq35m] {
        margin-left: 10rem;
    }

.date-time-container[b-a6n0lrq35m] {
    display: flex;
    gap: 0.5rem; /* Adjust spacing between DateTime controls */
    flex-wrap: wrap; /* Ensures wrapping on smaller screens */
}

.date-time-control[b-a6n0lrq35m] {
    flex: 1; /* Ensures both controls take equal space */
    min-width: 130px; /* Prevents shrinking too much */
    max-width: 100%; /* Ensures responsiveness */
}

/* Responsive Adjustments */
@media (max-width: 992px) { /* Tablet Size */
    .grid-container[b-a6n0lrq35m] {
        grid-template-columns: repeat(2, 1fr); /* Switch to 2 columns */
    }

    .full-width[b-a6n0lrq35m] {
        flex-wrap: wrap;
    }
}

@media (max-width: 768px) { /* Mobile Size */
    .grid-container[b-a6n0lrq35m] {
        grid-template-columns: 1fr; /* Stack everything in one column */
    }

    .date-time-container[b-a6n0lrq35m] {
        flex-direction: column; /* Stack DateTime controls */
    }

    .date-time-control[b-a6n0lrq35m] {
        width: 100%; /* Full width when stacked */
    }
}

@media (max-width: 576px), (max-width: 768px) {
    .full-width[b-a6n0lrq35m] {
        flex-wrap: wrap;
    }

        .full-width > div:first-child[b-a6n0lrq35m] {
            min-width: 100%;
        }

        .full-width > div:nth-child(2)[b-a6n0lrq35m],
        .full-width > div:nth-child(3)[b-a6n0lrq35m] {
            width: 100%;
        }
}
/* /Pages/SelectAccount.razor.rz.scp.css */
.select-list[b-gnc5bkebez] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 100px;
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-2j4b3gn894] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-2j4b3gn894] {
    flex: 1;
}

.sidebar[b-2j4b3gn894] {
    background-color: #4D083C;
    background-image: linear-gradient(315deg, #4D083C 0%, #8F1C5F 74%);
}

.top-row[b-2j4b3gn894] {
    background-color: #8F1C5F;
    color: #ffffff;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 6.0rem;
    display: flex;
    align-items: center;
}

    .top-row[b-2j4b3gn894]  a, .top-row[b-2j4b3gn894]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-2j4b3gn894]  a:hover, .top-row[b-2j4b3gn894]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-2j4b3gn894]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-2j4b3gn894] {
        display: none;
    }

    .top-row.auth[b-2j4b3gn894] {
        justify-content: space-between;
    }

    .top-row[b-2j4b3gn894]  a, .top-row[b-2j4b3gn894]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-2j4b3gn894] {
        flex-direction: row;
    }

    .sidebar[b-2j4b3gn894] {
        width: 280px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-2j4b3gn894] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-2j4b3gn894]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-2j4b3gn894], article[b-2j4b3gn894] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}