@import '_content/ManuHub.Blazor.Toast/ManuHub.Blazor.Toast.l6dx7i73o0.bundle.scp.css';
@import '_content/ManuHub.Blazor/ManuHub.Blazor.64wxgr2j78.bundle.scp.css';
@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.25o87uqmvr.bundle.scp.css';

/* _content/Hatchery.App/Components/Account/AccessDenied.razor.rz.scp.css */
/*--------------------------------------------------------------
# Error 403
--------------------------------------------------------------*/
.error-403[b-dmh8n034fq] {
    padding: 30px;
}

    .error-403 h1[b-dmh8n034fq] {
        font-size: 180px;
        font-weight: 700;
        color: #dc3545;
        margin-bottom: 0;
        line-height: 150px;
    }

    .error-403 h2[b-dmh8n034fq] {
        font-size: 24px;
        font-weight: 700;
        color: #012970;
        margin-bottom: 30px;
    }

    .error-403 .btn[b-dmh8n034fq] {
        background: #51678f;
        color: #fff;
        padding: 8px 30px;
    }

        .error-403 .btn:hover[b-dmh8n034fq] {
            background: #3e4f6f;
        }

@media (min-width: 992px) {
    .error-403 img[b-dmh8n034fq] {
        max-width: 50%;
    }
}

.credits[b-dmh8n034fq] {
    padding-top: 5px;
    text-align: center;
    font-size: 13px;
    color: #012970;
}
/* _content/Hatchery.App/Components/Account/Login.razor.rz.scp.css */
.card[b-8qm2h849kr] {
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(20px);
    box-shadow: 20px 20px 22px rgba(0,0,0,0.2);
}

.card-header[b-8qm2h849kr] {
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(20px);
}

.card-body[b-8qm2h849kr] {
    padding: 0;
    background: rgba(255, 255, 255, 0.00);
    backdrop-filter: blur(20px);
}

.card-footer[b-8qm2h849kr] {
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(20px);
}

.main-container[b-8qm2h849kr] {
    width: 100%;
    height: auto;
    min-height: 260px;
    background: rgba(255, 255, 255, 0.09);
    backdrop-filter: blur(20px);
}

.main-card[b-8qm2h849kr] {
    position: relative;
    height: 100%;
    width: 100%;
    transition: transform 1s;
    transform-style: preserve-3d;
}

.card-front[b-8qm2h849kr],
.card-back[b-8qm2h849kr] {
    min-height: 260px;
    padding: 20px;
    height: 100%;
    width: 100%;
    position: absolute;
    backface-visibility: hidden;
}

.card-front[b-8qm2h849kr] {
    justify-content: center;
}

.card-back[b-8qm2h849kr] {
    transform: rotateY(180deg);
}

.flip .main-card[b-8qm2h849kr] {
    transform: rotateY(180deg);
}

.radio:hover[b-8qm2h849kr] {
    color: #4D55CC; /* #E53888; */
    background: rgba(255, 255, 255, 0.09);
    backdrop-filter: blur(20px);
}
/* _content/Hatchery.App/Components/Account/Register.razor.rz.scp.css */
.register-left[b-nwpyxwdx1y] {
    position: relative;
    overflow: hidden;
    min-height: 100vh;
}

    .register-left[b-nwpyxwdx1y]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: url(https://picsum.photos/1024) no-repeat center center/cover;
        filter: blur(5px);
        z-index: 0;
    }

    /* Add overlay */
    .register-left[b-nwpyxwdx1y]::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.3); /* Dark transparent overlay */
        z-index: 0;
    }

    .register-left *[b-nwpyxwdx1y] {
        position: relative;
        z-index: 1;
        color: white; /* Always visible due to dark overlay */
    }

.register-form[b-nwpyxwdx1y] {
    background: #ffffff;
    padding: 2rem;
    border-radius: 1rem;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    width: 100%;
}

@media (max-width: 767.98px) {
    .register-left[b-nwpyxwdx1y] {
        padding: 2rem 1rem;
        text-align: center;
    }

    .register-form[b-nwpyxwdx1y] {
        padding: 1.5rem 1rem;
    }
}

.lead[b-nwpyxwdx1y] {
    font-size: 1.25rem;
    font-weight: 300;
}
/* _content/Hatchery.App/Components/Account/RegisterResult.razor.rz.scp.css */
.success-bg[b-0d4ufvsper] {
    background: linear-gradient(135deg, #198754, #20c997);
    background-size: 400% 400%;
    animation: gradientWave-b-0d4ufvsper 8s ease infinite;
}

@keyframes gradientWave-b-0d4ufvsper {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.checkmark[b-0d4ufvsper] {
    width: 100px;
    height: 100px;
    stroke: #fff;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
    animation: scale-b-0d4ufvsper .3s ease-in-out both;
}

.checkmark-circle[b-0d4ufvsper] {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    animation: stroke-b-0d4ufvsper 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark-check[b-0d4ufvsper] {
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke-b-0d4ufvsper 0.4s 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

@keyframes stroke-b-0d4ufvsper {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes scale-b-0d4ufvsper {
    0%, 100% {
        transform: none;
    }

    50% {
        transform: scale(1.1);
    }
}

.crossmark-circle[b-0d4ufvsper] {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-linecap: round;
    animation: stroke-b-0d4ufvsper 0.6s ease-out forwards;
}

.crossmark-x1[b-0d4ufvsper],
.crossmark-x2[b-0d4ufvsper] {
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    stroke-linecap: round;
    animation: stroke-b-0d4ufvsper 0.3s 0.6s ease-out forwards;
}

@keyframes stroke-b-0d4ufvsper {
    to {
        stroke-dashoffset: 0;
    }
}
/* _content/Hatchery.App/Components/Account/Renew.razor.rz.scp.css */
.renew-bg[b-ud5nahkyd9] {
    background: linear-gradient(to right, #f8d7da, #fff);
    min-height: 100vh;
}

.fade-in[b-ud5nahkyd9] {
    animation: fadeIn-b-ud5nahkyd9 0.6s ease-in-out;
}

.animate-slide-up[b-ud5nahkyd9] {
    animation: slideUp-b-ud5nahkyd9 0.5s ease-in-out;
}

.animate-grow:hover[b-ud5nahkyd9] {
    transform: scale(1.02);
    transition: transform 0.3s;
}

.hover-scale:hover[b-ud5nahkyd9] {
    transform: scale(1.03);
    transition: transform 0.3s;
}

@keyframes fadeIn-b-ud5nahkyd9 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideUp-b-ud5nahkyd9 {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.pricing-card[b-ud5nahkyd9] {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(6px);
    border-radius: 1.25rem;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .pricing-card:hover[b-ud5nahkyd9] {
        transform: translateY(-8px) scale(1.02);
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
    }

.btn-gradient[b-ud5nahkyd9] {
    background: linear-gradient(135deg, #3b82f6, #6366f1);
    color: white;
    border: none;
    border-radius: 0.5rem;
    transition: background 0.3s ease, transform 0.2s ease;
}

    .btn-gradient:hover[b-ud5nahkyd9] {
        background: linear-gradient(135deg, #2563eb, #4f46e5);
        transform: scale(1.05);
    }

.pricing-plans[b-ud5nahkyd9] {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
/* _content/Hatchery.App/Components/Account/Support.razor.rz.scp.css */
.support-bg[b-9pf5r7yv3v] {
    background: linear-gradient(to right, #f8d7da, #fff);
    min-height: 100vh;
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.support-card[b-9pf5r7yv3v] {
    border-radius: 1.25rem;
    background: #fff;
}

.accordion-button:not(.collapsed)[b-9pf5r7yv3v] {
    background-color: #f0f8ff;
    color: #0d6efd;
}

.btn-gradient[b-9pf5r7yv3v] {
    background: linear-gradient(135deg, #3b82f6, #6366f1);
    color: white;
    border: none;
    border-radius: 0.5rem;
    transition: background 0.3s ease, transform 0.2s ease;
}

    .btn-gradient:hover[b-9pf5r7yv3v] {
        background: linear-gradient(135deg, #2563eb, #4f46e5);
        transform: scale(1.05);
    }


.custom-accordion[b-9pf5r7yv3v] {
    border-radius: 0.75rem;
    overflow: hidden;
    margin-bottom: 1rem;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
    border: 1px solid #e6e6e6;
}

    .custom-accordion .accordion-button[b-9pf5r7yv3v] {
        background-color: #f9fafb;
        font-weight: 600;
        color: #1f2937;
        transition: background 0.3s ease;
    }

        .custom-accordion .accordion-button:not(.collapsed)[b-9pf5r7yv3v] {
            background-color: #e0f2fe;
            color: #0d6efd;
            box-shadow: none;
        }

    .custom-accordion .accordion-body[b-9pf5r7yv3v] {
        background-color: #ffffff;
        color: #4b5563;
        line-height: 1.6;
        padding: 1rem 1.25rem;
        border-top: 1px solid #e5e7eb;
    }
/* _content/Hatchery.App/Components/Account/Suspended.razor.rz.scp.css */
.suspended-bg[b-4s6jgc3l5t] {
    background: linear-gradient(to right, #f8d7da, #fff);
    min-height: 100vh;
}

.suspended-card[b-4s6jgc3l5t] {
    max-width: 460px;
    border-width: 2px;
    border-radius: 1rem;
    background: #fff;
    animation: floatIn-b-4s6jgc3l5t 0.5s ease-out;
}

@keyframes floatIn-b-4s6jgc3l5t {
    0% {
        opacity: 0;
        transform: translateY(40px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
/* _content/Hatchery.App/Components/Account/Upgrade.razor.rz.scp.css */
.upgrade-bg[b-y29f5timyt] {
    background: linear-gradient(to right, #f8d7da, #fff);
    min-height: 100vh;
}

.trial-expired[b-y29f5timyt] {
    min-height: 75vh;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.btn-gradient[b-y29f5timyt] {
    background: linear-gradient(135deg, #e11d48, #f43f5e);
    color: #fff;
    border: none;
    border-radius: 0.5rem;
    transition: background 0.3s ease, transform 0.2s ease;
}

    .btn-gradient:hover[b-y29f5timyt] {
        background: linear-gradient(135deg, #be123c, #db2777);
        transform: scale(1.05);
    }
/* _content/Hatchery.App/Components/Admin/Index.razor.rz.scp.css */
/* INFO THEME - TEAL */
[b-mxv0rs7okh] .quickgrid[theme=grid-teal] {
    border-collapse: collapse;
    font-size: 0.9em;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    width: 100%;
    background-color: #e0f2f1; /* light teal background */
}

    /*Title*/
    [b-mxv0rs7okh] .quickgrid[theme=grid-teal] thead tr {
        background-color: #009688; /* teal */
        color: #ffffff;
        font-size: 1.0em;
    }

    [b-mxv0rs7okh] .quickgrid[theme=grid-teal] .col-title-text {
        font-weight: bold;
        color: White;
    }

    [b-mxv0rs7okh] .quickgrid[theme=grid-teal] th,
    [b-mxv0rs7okh] .quickgrid[theme=grid-teal] td {
        padding: 4px 4px;
    }

    /*Row lines*/
    [b-mxv0rs7okh] .quickgrid[theme=grid-teal] tbody tr {
        border-bottom: 1px solid #b2dfdb; /* lighter teal border */
    }

        /*Row stripped*/
        [b-mxv0rs7okh] .quickgrid[theme=grid-teal] tbody tr:nth-of-type(even) {
            background-color: #e0f2f1; /* light teal */
        }

        /*End row line*/
        [b-mxv0rs7okh] .quickgrid[theme=grid-teal] tbody tr:last-of-type {
            border-bottom: 2px solid #009688; /* teal */
        }

        /*Row hover*/
        [b-mxv0rs7okh] .quickgrid[theme=grid-teal] tbody tr:hover {
            background-color: #b2dfdb; /* medium teal */
        }

[b-mxv0rs7okh] tr:has(> td:not(:empty)) > td {
    display: table-cell;
}

[b-mxv0rs7okh] td:empty {
    display: none;
}
/* _content/Hatchery.App/Components/Admin/Modals/AddEditTenantBillingModal.razor.rz.scp.css */
.plan-option[b-6mwjt6kt3c] {
    display: inline-block;
    width: 30%;
    padding: 1rem;
    margin: 0.5rem;
    border: 2px solid #ccc;
    border-radius: 10px;
    transition: all 0.3s ease;
    background-color: #fff;
    cursor: pointer;
}

    .plan-option:hover[b-6mwjt6kt3c] {
        border-color: #007bff;
        box-shadow: 0 0 10px rgba(0, 123, 255, 0.2);
    }

    .plan-option.selected[b-6mwjt6kt3c] {
        border-color: #007bff;
        background-color: #f0f8ff;
        box-shadow: 0 0 0 2px #007bff;
    }

    .plan-option input[type="radio"][b-6mwjt6kt3c] {
        margin-top: 0.4rem;
        accent-color: #007bff;
    }

.plan-name[b-6mwjt6kt3c] {
    font-size: 1.1rem;
    font-weight: bold;
    color: #333;
}

.plan-price[b-6mwjt6kt3c] {
    font-size: 0.95rem;
    color: #007bff;
    font-weight: 500;
}

.plan-duration[b-6mwjt6kt3c] {
    font-size: 0.85rem;
    color: #666;
}
/* _content/Hatchery.App/Components/Admin/Shared/AdminSidebar.razor.rz.scp.css */
/* _content/Hatchery.App/Components/Admin/Shared/AdminTopbar.razor.rz.scp.css */
/* Topbar Styling */
.admin-topbar[b-2houixzcuc] {
    position: sticky;
    top: 0;
    right: 0;
    height: 64px;
    background: linear-gradient(135deg, rgba(0, 50, 70, 0.65), rgba(4, 120, 140, 0.5));
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
    z-index: 1050;
    display: flex;
    align-items: center;
    padding: 0 1.5rem;
    color: #dffcff;
    /* font-size: 1.2rem;
        font-weight: 600; */
}


@media (max-width: 768px) {
    .admin-sidebar[b-2houixzcuc] {
        left: -260px;
    }

    .admin-topbar[b-2houixzcuc] {
        margin-left: 0;
    }
}

/* Avatar and Icons */
.dropdown-toggle img[b-2houixzcuc] {
    width: 32px;
    height: 32px;
}

.notification-button[b-2houixzcuc] {
    background: rgba(255, 255, 255, 0.1);
    border: none;
    backdrop-filter: blur(6px);
    transition: box-shadow 0.3s ease;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

    .notification-button:hover[b-2houixzcuc] {
        box-shadow: 0 0 12px rgba(0, 255, 255, 0.2);
    }

.notification-glow[b-2houixzcuc] {
    background-color: #ff3b3b !important;
    color: white;
    box-shadow: 0 0 6px #ff3b3b, 0 0 12px #ff3b3b, 0 0 18px #ff3b3b;
    animation: pulseGlow 2s infinite ease-in-out;
    font-size: 0.7rem;
    padding: 4px 8px;
}
/* _content/Hatchery.App/Components/Admin/Shared/DailyTrafficChart.razor.rz.scp.css */
.smooth-line[b-zvgymqgvi3] {
    fill: none;
    stroke: #009688;
    stroke-width: 3;
    stroke-linejoin: round;
    stroke-linecap: round;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: draw-line-b-zvgymqgvi3 2s ease-out forwards;
}

@keyframes draw-line-b-zvgymqgvi3 {
    to {
        stroke-dashoffset: 0;
    }
}
/* _content/Hatchery.App/Components/Admin/Shared/TenantTrafficChart.razor.rz.scp.css */
.pie-legend small[b-g43vad9dyh] {
    color: #004d40;
    font-weight: 600;
    font-size: 0.85rem;
    white-space: nowrap;
}
/* _content/Hatchery.App/Components/Admin/Shared/TrafficHeatmap.razor.rz.scp.css */
.heatmap-layout[b-wru4dorguh] {
    display: flex;
    gap: 0.5rem;
}

.weekday-labels[b-wru4dorguh] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 5px;
}

.weekday-label[b-wru4dorguh] {
    font-size: 12px;
    color: #004d40;
    height: 20px;
    margin-bottom: 2px;
}

.heatmap-container[b-wru4dorguh] {
    display: flex;
    gap: 2px;
    overflow-x: auto;
}

.heatmap-week[b-wru4dorguh] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.heatmap-day[b-wru4dorguh] {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    transition: background 0.3s;
}

.intensity-0[b-wru4dorguh] {
    background-color: #e0f2f1;
}

.intensity-1[b-wru4dorguh] {
    background-color: #b2dfdb;
}

.intensity-2[b-wru4dorguh] {
    background-color: #80cbc4;
}

.intensity-3[b-wru4dorguh] {
    background-color: #4db6ac;
}

.intensity-4[b-wru4dorguh] {
    background-color: #009688;
}
/* _content/Hatchery.App/Components/Admin/Shared/YearlyTrafficChart.razor.rz.scp.css */
.bar-grow[b-fdid471cny] {
    transform: scaleY(1);
    transform-origin: center bottom;
    transition: transform 0.3s ease;
}

    /* Initial animation */
    .bar-grow.animate-in[b-fdid471cny] {
        animation: growBar-b-fdid471cny 0.6s ease-out;
    }

@keyframes growBar-b-fdid471cny {
    from {
        transform: scaleY(0);
        opacity: 0;
    }

    to {
        transform: scaleY(1);
        opacity: 1;
    }
}

/* Hover grow effect */
.bar-grow:hover[b-fdid471cny] {
    transform: scaleY(1.2);
    cursor: pointer;
}
/* _content/Hatchery.App/Components/Admin/TenantPages/TenantBilling.razor.rz.scp.css */
 /* INFO THEME*/
::deep .quickgrid[theme=grid-info][b-pmg6vfcc5w] {
    border-collapse: collapse;
    /*margin: 25px 0;*/
    font-size: 0.9em;
    /*min-width: 400px;*/
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    width: 100%;
    background-color: #f0f5fb;
}

/*Title*/
[b-pmg6vfcc5w] .quickgrid[theme=grid-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

[b-pmg6vfcc5w] .quickgrid[theme=grid-info] .col-title-text {
    font-weight: bold;
    color: White;
}

[b-pmg6vfcc5w] .quickgrid[theme=grid-info] th,
[b-pmg6vfcc5w] .quickgrid[theme=grid-info] td {
    padding: 4px 4px;
}

/*Row lines*/
[b-pmg6vfcc5w] .quickgrid[theme=grid-info] tbody tr {
    border-bottom: 1px solid #cfe2f3;
}
    /*Row stripped*/
    [b-pmg6vfcc5w] .quickgrid[theme=grid-info] tbody tr:nth-of-type(even) {
        background-color: #E3F2FD;
    }

    /*End row line*/
    [b-pmg6vfcc5w] .quickgrid[theme=grid-info] tbody tr:last-of-type {
        border-bottom: 2px solid #64B5F6;
    }

    /*Row hover*/
    [b-pmg6vfcc5w] .quickgrid[theme=grid-info] tbody tr:hover {
        background-color: #BBDEFB;
    }

[b-pmg6vfcc5w] tr:has(> td:not(:empty)) > td {
    display: table-cell;
}

[b-pmg6vfcc5w] td:empty {
    display: none;
}

/* Resposible mobile view */
@media (max-width: 650px) {
    [b-pmg6vfcc5w] .quickgrid[theme=grid-info] th {
        display: none;
    }

    [b-pmg6vfcc5w] .quickgrid[theme=grid-info] td {
        display: grid;
        gap: 0.3rem;
        grid-template-columns: 15ch auto;
        padding: 0.3rem 1rem;
    }

        [b-pmg6vfcc5w] .quickgrid[theme=grid-info] td:first-child {
            padding-top: 2rem;
        }

        [b-pmg6vfcc5w] .quickgrid[theme=grid-info] td:last-child {
            padding-bottom: 2rem;
        }

        [b-pmg6vfcc5w] .quickgrid[theme=grid-info] td::before {
            font-weight: 700;
            text-transform: capitalize;
        }

        [b-pmg6vfcc5w] .quickgrid[theme=grid-info] td:nth-of-type(1)::before {
            content: "Invoice Number:";
            text-align: start;
        }

        [b-pmg6vfcc5w] .quickgrid[theme=grid-info] td:nth-of-type(2)::before {
            content: "Plan Name:";
            text-align: start;
        }

        [b-pmg6vfcc5w] .quickgrid[theme=grid-info] td:nth-of-type(3)::before {
            content: "Period Start:";
            text-align: start;
        }

        [b-pmg6vfcc5w] .quickgrid[theme=grid-info] td:nth-of-type(4)::before {
            content: "Period End:";
            text-align: start;
        }

        [b-pmg6vfcc5w] .quickgrid[theme=grid-info] td:nth-of-type(5)::before {
            content: "Amount:";
            text-align: start;
        }

        [b-pmg6vfcc5w] .quickgrid[theme=grid-info] td:nth-of-type(6)::before {
            content: "Currency:";
            text-align: start;
        }

        [b-pmg6vfcc5w] .quickgrid[theme=grid-info] td:nth-of-type(7)::before {
            content: "Payment Method:";
            text-align: start;
        }

        [b-pmg6vfcc5w] .quickgrid[theme=grid-info] td:nth-of-type(8)::before {
            content: "Billing Date:";
            text-align: start;
        }

        [b-pmg6vfcc5w] .quickgrid[theme=grid-info] td:nth-of-type(9)::before {
            content: "Is Paid";
            text-align: start;
        }

        [b-pmg6vfcc5w] .quickgrid[theme=grid-info] td:last-child {
            display: grid; /* Use flexbox for button alignment */
            justify-content: space-around; /* Space buttons evenly */
            align-items: center; /* Center align vertically */
            gap: 0.5rem; /* Optional: Add spacing between buttons */
            padding: 0.3rem 1rem; /* Adjust padding as needed */
        }

    [b-pmg6vfcc5w] .quickgrid[theme=grid-info] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-pmg6vfcc5w] .quickgrid[theme=grid-info] td:empty {
        display: none;
    }
}
/* _content/Hatchery.App/Components/Admin/TenantPages/TenantDetail.razor.rz.scp.css */
.content-wrapper[b-ka0lb24uoq] {
    padding: 12px;
}

.content-wrapper[b-ka0lb24uoq] {
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    margin-bottom: 12px;
    padding: 4px;
}

.nothing[b-ka0lb24uoq] {
    border: 2px dashed #e3e3e3;
    padding: 60px 0;
    font-size: 16px;
    text-align: center;
    color: #393f44;
    margin: 6px auto;
}

    .nothing .header[b-ka0lb24uoq] {
        font-size: 24px;
        font-style: italic;
    }
/* _content/Hatchery.App/Components/Admin/TenantPages/Tenants.razor.rz.scp.css */
 /* INFO THEME*/
::deep .quickgrid[theme=grid-info][b-iu9aptosj1] {
    border-collapse: collapse;
    /*margin: 25px 0;*/
    font-size: 0.9em;
    /*min-width: 400px;*/
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    width: 100%;
    background-color: #f0f5fb;
}

/*Title*/
[b-iu9aptosj1] .quickgrid[theme=grid-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

[b-iu9aptosj1] .quickgrid[theme=grid-info] .col-title-text {
    font-weight: bold;
    color: White;
}

[b-iu9aptosj1] .quickgrid[theme=grid-info] th,
[b-iu9aptosj1] .quickgrid[theme=grid-info] td {
    padding: 4px 4px;
}

/*Row lines*/
[b-iu9aptosj1] .quickgrid[theme=grid-info] tbody tr {
    border-bottom: 1px solid #cfe2f3;
}
    /*Row stripped*/
    [b-iu9aptosj1] .quickgrid[theme=grid-info] tbody tr:nth-of-type(even) {
        background-color: #E3F2FD;
    }

    /*End row line*/
    [b-iu9aptosj1] .quickgrid[theme=grid-info] tbody tr:last-of-type {
        border-bottom: 2px solid #64B5F6;
    }

    /*Row hover*/
    [b-iu9aptosj1] .quickgrid[theme=grid-info] tbody tr:hover {
        background-color: #BBDEFB;
    }

[b-iu9aptosj1] tr:has(> td:not(:empty)) > td {
    display: table-cell;
}

[b-iu9aptosj1] td:empty {
    display: none;
}

/* Resposible mobile view */
@media (max-width: 650px) {
    [b-iu9aptosj1] .quickgrid[theme=grid-info] th {
        display: none;
    }

    [b-iu9aptosj1] .quickgrid[theme=grid-info] td {
        display: grid;
        gap: 0.3rem;
        grid-template-columns: 15ch auto;
        padding: 0.3rem 1rem;
    }

        [b-iu9aptosj1] .quickgrid[theme=grid-info] td:first-child {
            padding-top: 2rem;
        }

        [b-iu9aptosj1] .quickgrid[theme=grid-info] td:last-child {
            padding-bottom: 2rem;
        }

        [b-iu9aptosj1] .quickgrid[theme=grid-info] td::before {
            font-weight: 700;
            text-transform: capitalize;
        }

        [b-iu9aptosj1] .quickgrid[theme=grid-info] td:nth-of-type(1)::before {
            content: "Name:";
            text-align: start;
        }

        [b-iu9aptosj1] .quickgrid[theme=grid-info] td:nth-of-type(2)::before {
            content: "Database:";
            text-align: start;
        }

        [b-iu9aptosj1] .quickgrid[theme=grid-info] td:nth-of-type(3)::before {
            content: "Status:";
            text-align: start;
        }

        [b-iu9aptosj1] .quickgrid[theme=grid-info] td:nth-of-type(4)::before {
            content: "Users:";
            text-align: start;
        }

        [b-iu9aptosj1] .quickgrid[theme=grid-info] td:last-child {
            display: grid; /* Use flexbox for button alignment */
            justify-content: space-around; /* Space buttons evenly */
            align-items: center; /* Center align vertically */
            gap: 0.5rem; /* Optional: Add spacing between buttons */
            padding: 0.3rem 1rem; /* Adjust padding as needed */
        }

    [b-iu9aptosj1] .quickgrid[theme=grid-info] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-iu9aptosj1] .quickgrid[theme=grid-info] td:empty {
        display: none;
    }
}
/* _content/Hatchery.App/Components/Admin/TenantPages/TenantUsers.razor.rz.scp.css */
 /* INFO THEME*/
::deep .quickgrid[theme=grid-info][b-5y69zyt48l] {
    border-collapse: collapse;
    /*margin: 25px 0;*/
    font-size: 0.9em;
    /*min-width: 400px;*/
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    width: 100%;
    background-color: #f0f5fb;
}

/*Title*/
[b-5y69zyt48l] .quickgrid[theme=grid-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

[b-5y69zyt48l] .quickgrid[theme=grid-info] .col-title-text {
    font-weight: bold;
    color: White;
}

[b-5y69zyt48l] .quickgrid[theme=grid-info] th,
[b-5y69zyt48l] .quickgrid[theme=grid-info] td {
    padding: 4px 4px;
}

/*Row lines*/
[b-5y69zyt48l] .quickgrid[theme=grid-info] tbody tr {
    border-bottom: 1px solid #cfe2f3;
}
    /*Row stripped*/
    [b-5y69zyt48l] .quickgrid[theme=grid-info] tbody tr:nth-of-type(even) {
        background-color: #E3F2FD;
    }

    /*End row line*/
    [b-5y69zyt48l] .quickgrid[theme=grid-info] tbody tr:last-of-type {
        border-bottom: 2px solid #64B5F6;
    }

    /*Row hover*/
    [b-5y69zyt48l] .quickgrid[theme=grid-info] tbody tr:hover {
        background-color: #BBDEFB;
    }

[b-5y69zyt48l] tr:has(> td:not(:empty)) > td {
    display: table-cell;
}

[b-5y69zyt48l] td:empty {
    display: none;
}

/* Resposible mobile view */
@media (max-width: 650px) {
    [b-5y69zyt48l] .quickgrid[theme=grid-info] th {
        display: none;
    }

    [b-5y69zyt48l] .quickgrid[theme=grid-info] td {
        display: grid;
        gap: 0.3rem;
        grid-template-columns: 10ch auto;
        padding: 0.3rem 1rem;
    }

        [b-5y69zyt48l] .quickgrid[theme=grid-info] td:first-child {
            padding-top: 2rem;
        }

        [b-5y69zyt48l] .quickgrid[theme=grid-info] td:last-child {
            padding-bottom: 2rem;
        }

        [b-5y69zyt48l] .quickgrid[theme=grid-info] td::before {
            font-weight: 700;
            text-transform: capitalize;
        }

        [b-5y69zyt48l] .quickgrid[theme=grid-info] td:nth-of-type(1)::before {
            content: "Image:";
            text-align: start;
        }

        [b-5y69zyt48l] .quickgrid[theme=grid-info] td:nth-of-type(2)::before {
            content: "Name:";
            text-align: start;
        }

        [b-5y69zyt48l] .quickgrid[theme=grid-info] td:nth-of-type(3)::before {
            content: "Email:";
            text-align: start;
            word-wrap: break-word;
        }

        [b-5y69zyt48l] .quickgrid[theme=grid-info] td:nth-of-type(4)::before {
            content: "Active:";
            text-align: start;
        }

    [b-5y69zyt48l] .quickgrid[theme=grid-info] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-5y69zyt48l] .quickgrid[theme=grid-info] td:empty {
        display: none;
    }
}
/* _content/Hatchery.App/Components/Admin/TokenPages/Tokens.razor.rz.scp.css */
 /* INFO THEME*/
::deep .quickgrid[theme=grid-info][b-qsw4nzpfz9] {
    border-collapse: collapse;
    /*margin: 25px 0;*/
    font-size: 0.9em;
    /*min-width: 400px;*/
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    width: 100%;
    background-color: #f0f5fb;
}

/*Title*/
[b-qsw4nzpfz9] .quickgrid[theme=grid-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

[b-qsw4nzpfz9] .quickgrid[theme=grid-info] .col-title-text {
    font-weight: bold;
    color: White;
}

[b-qsw4nzpfz9] .quickgrid[theme=grid-info] th,
[b-qsw4nzpfz9] .quickgrid[theme=grid-info] td {
    padding: 4px 4px;
}

/*Row lines*/
[b-qsw4nzpfz9] .quickgrid[theme=grid-info] tbody tr {
    border-bottom: 1px solid #cfe2f3;
}
    /*Row stripped*/
    [b-qsw4nzpfz9] .quickgrid[theme=grid-info] tbody tr:nth-of-type(even) {
        background-color: #E3F2FD;
    }

    /*End row line*/
    [b-qsw4nzpfz9] .quickgrid[theme=grid-info] tbody tr:last-of-type {
        border-bottom: 2px solid #64B5F6;
    }

    /*Row hover*/
    [b-qsw4nzpfz9] .quickgrid[theme=grid-info] tbody tr:hover {
        background-color: #BBDEFB;
    }

[b-qsw4nzpfz9] tr:has(> td:not(:empty)) > td {
    display: table-cell;
}

[b-qsw4nzpfz9] td:empty {
    display: none;
}

/* Resposible mobile view */
@media (max-width: 650px) {
    .bg-info-subtle[b-qsw4nzpfz9] {
        text-wrap-mode: wrap;
        width: 200px;
    }

    [b-qsw4nzpfz9] .quickgrid[theme=grid-info] th {
        display: none;
    }

    [b-qsw4nzpfz9] .quickgrid[theme=grid-info] td {
        display: grid;
        gap: 0.3rem;
        grid-template-columns: 10ch auto;
        padding: 0.3rem 1rem;
    }

        [b-qsw4nzpfz9] .quickgrid[theme=grid-info] td:first-child {
            padding-top: 2rem;
        }

        [b-qsw4nzpfz9] .quickgrid[theme=grid-info] td:last-child {
            padding-bottom: 2rem;
        }

        [b-qsw4nzpfz9] .quickgrid[theme=grid-info] td::before {
            font-weight: 700;
            text-transform: capitalize;
        }

        [b-qsw4nzpfz9] .quickgrid[theme=grid-info] td:nth-of-type(1)::before {
            content: "Login Date:";
            text-align: start;
        }

        [b-qsw4nzpfz9] .quickgrid[theme=grid-info] td:nth-of-type(2)::before {
            content: "User:";
            text-align: start;
        }

        [b-qsw4nzpfz9] .quickgrid[theme=grid-info] td:nth-of-type(3)::before {
            content: "Tenant:";
            text-align: start;
        }

        [b-qsw4nzpfz9] .quickgrid[theme=grid-info] td:nth-of-type(4)::before {
            content: "Token:";
            text-align: start;
        }

        [b-qsw4nzpfz9] .quickgrid[theme=grid-info] td:nth-of-type(5)::before {
            content: "Expiry Date:";
            text-align: start;
        }

        [b-qsw4nzpfz9] .quickgrid[theme=grid-info] td:nth-of-type(6)::before {
            content: "Revoked:";
            text-align: start;
        }

        [b-qsw4nzpfz9] .quickgrid[theme=grid-info] td:nth-of-type(7)::before {
            content: "Used:";
            text-align: start;
        }

    [b-qsw4nzpfz9] .quickgrid[theme=grid-info] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-qsw4nzpfz9] .quickgrid[theme=grid-info] td:empty {
        display: none;
    }
}
/* _content/Hatchery.App/Components/Admin/UserPages/UserDetail.razor.rz.scp.css */
/* _content/Hatchery.App/Components/Admin/UserPages/Users.razor.rz.scp.css */
 /* INFO THEME*/
::deep .quickgrid[theme=grid-info][b-s5yymndf7l] {
    border-collapse: collapse;
    /*margin: 25px 0;*/
    font-size: 0.9em;
    /*min-width: 400px;*/
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    width: 100%;
    background-color: #f0f5fb;
}

/*Title*/
[b-s5yymndf7l] .quickgrid[theme=grid-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

[b-s5yymndf7l] .quickgrid[theme=grid-info] .col-title-text {
    font-weight: bold;
    color: White;
}

[b-s5yymndf7l] .quickgrid[theme=grid-info] th,
[b-s5yymndf7l] .quickgrid[theme=grid-info] td {
    padding: 4px 4px;
}

/*Row lines*/
[b-s5yymndf7l] .quickgrid[theme=grid-info] tbody tr {
    border-bottom: 1px solid #cfe2f3;
}
    /*Row stripped*/
    [b-s5yymndf7l] .quickgrid[theme=grid-info] tbody tr:nth-of-type(even) {
        background-color: #E3F2FD;
    }

    /*End row line*/
    [b-s5yymndf7l] .quickgrid[theme=grid-info] tbody tr:last-of-type {
        border-bottom: 2px solid #64B5F6;
    }

    /*Row hover*/
    [b-s5yymndf7l] .quickgrid[theme=grid-info] tbody tr:hover {
        background-color: #BBDEFB;
    }

[b-s5yymndf7l] tr:has(> td:not(:empty)) > td {
    display: table-cell;
}

[b-s5yymndf7l] td:empty {
    display: none;
}

/* Resposible mobile view */
@media (max-width: 650px) {
    [b-s5yymndf7l] .quickgrid[theme=grid-info] th {
        display: none;
    }

    [b-s5yymndf7l] .quickgrid[theme=grid-info] td {
        display: grid;
        gap: 0.3rem;
        grid-template-columns: 10ch auto;
        padding: 0.3rem 1rem;
    }

        [b-s5yymndf7l] .quickgrid[theme=grid-info] td:first-child {
            padding-top: 2rem;
        }

        [b-s5yymndf7l] .quickgrid[theme=grid-info] td:last-child {
            padding-bottom: 2rem;
        }

        [b-s5yymndf7l] .quickgrid[theme=grid-info] td::before {
            font-weight: 700;
            text-transform: capitalize;
        }

        [b-s5yymndf7l] .quickgrid[theme=grid-info] td:nth-of-type(1)::before {
            content: "Name:";
            text-align: start;
        }

        [b-s5yymndf7l] .quickgrid[theme=grid-info] td:nth-of-type(2)::before {
            content: "Email:";
            text-align: start;
        }

        [b-s5yymndf7l] .quickgrid[theme=grid-info] td:nth-of-type(3)::before {
            content: "Active:";
            text-align: start;
            word-wrap: break-word;
        }

        [b-s5yymndf7l] .quickgrid[theme=grid-info] td:nth-of-type(4)::before {
            content: "Tenants:";
            text-align: start;
        }

    [b-s5yymndf7l] .quickgrid[theme=grid-info] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-s5yymndf7l] .quickgrid[theme=grid-info] td:empty {
        display: none;
    }
}
/* _content/Hatchery.App/Components/Admin/UserPages/UserTenants.razor.rz.scp.css */
 /* INFO THEME*/
::deep .quickgrid[theme=grid-info][b-qcjg04kvw9] {
    border-collapse: collapse;
    /*margin: 25px 0;*/
    font-size: 0.9em;
    /*min-width: 400px;*/
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    width: 100%;
    background-color: #f0f5fb;
}

/*Title*/
[b-qcjg04kvw9] .quickgrid[theme=grid-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

[b-qcjg04kvw9] .quickgrid[theme=grid-info] .col-title-text {
    font-weight: bold;
    color: White;
}

[b-qcjg04kvw9] .quickgrid[theme=grid-info] th,
[b-qcjg04kvw9] .quickgrid[theme=grid-info] td {
    padding: 4px 4px;
}

/*Row lines*/
[b-qcjg04kvw9] .quickgrid[theme=grid-info] tbody tr {
    border-bottom: 1px solid #cfe2f3;
}
    /*Row stripped*/
    [b-qcjg04kvw9] .quickgrid[theme=grid-info] tbody tr:nth-of-type(even) {
        background-color: #E3F2FD;
    }

    /*End row line*/
    [b-qcjg04kvw9] .quickgrid[theme=grid-info] tbody tr:last-of-type {
        border-bottom: 2px solid #64B5F6;
    }

    /*Row hover*/
    [b-qcjg04kvw9] .quickgrid[theme=grid-info] tbody tr:hover {
        background-color: #BBDEFB;
    }

[b-qcjg04kvw9] tr:has(> td:not(:empty)) > td {
    display: table-cell;
}

[b-qcjg04kvw9] td:empty {
    display: none;
}

/* Resposible mobile view */
@media (max-width: 650px) {
    [b-qcjg04kvw9] .quickgrid[theme=grid-info] th {
        display: none;
    }

    [b-qcjg04kvw9] .quickgrid[theme=grid-info] td {
        display: grid;
        gap: 0.3rem;
        grid-template-columns: 15ch auto;
        padding: 0.3rem 1rem;
    }

        [b-qcjg04kvw9] .quickgrid[theme=grid-info] td:first-child {
            padding-top: 2rem;
        }

        [b-qcjg04kvw9] .quickgrid[theme=grid-info] td:last-child {
            padding-bottom: 2rem;
        }

        [b-qcjg04kvw9] .quickgrid[theme=grid-info] td::before {
            font-weight: 700;
            text-transform: capitalize;
        }

        [b-qcjg04kvw9] .quickgrid[theme=grid-info] td:nth-of-type(1)::before {
            content: "Name:";
            text-align: start;
        }

        [b-qcjg04kvw9] .quickgrid[theme=grid-info] td:nth-of-type(2)::before {
            content: "Database:";
            text-align: start;
        }

        [b-qcjg04kvw9] .quickgrid[theme=grid-info] td:nth-of-type(3)::before {
            content: "Active:";
            text-align: start;
            word-wrap: break-word;
        }

    [b-qcjg04kvw9] .quickgrid[theme=grid-info] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-qcjg04kvw9] .quickgrid[theme=grid-info] td:empty {
        display: none;
    }
}
/* _content/Hatchery.App/Components/Layout/MainLayoutContent.razor.rz.scp.css */
.page[b-dj7yb5x40c] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-dj7yb5x40c] {
    flex: 1;
}

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

    .sidebar[b-dj7yb5x40c] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }    
}

#blazor-error-ui[b-dj7yb5x40c] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-dj7yb5x40c] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/Hatchery.App/Components/Pages/BatchPages/Index.razor.rz.scp.css */
/* INFO THEME*/
::deep .quickgrid[theme=grid-info][b-whs87a9oxt] {
    border-collapse: collapse;
    /*margin: 25px 0;*/
    font-size: 0.9em;
    /*min-width: 400px;*/
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    width: 100%;
    background-color: #f0f5fb;
}

/*Title*/
[b-whs87a9oxt] .quickgrid[theme=grid-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

[b-whs87a9oxt] .quickgrid[theme=grid-info] .col-title-text {
    font-weight: bold;
    color: White;
}

[b-whs87a9oxt] .quickgrid[theme=grid-info] th,
[b-whs87a9oxt] .quickgrid[theme=grid-info] td {
    padding: 4px 4px;
}

/*Row lines*/
[b-whs87a9oxt] .quickgrid[theme=grid-info] tbody tr {
    border-bottom: 1px solid #cfe2f3;
}
    /*Row stripped*/
    [b-whs87a9oxt] .quickgrid[theme=grid-info] tbody tr:nth-of-type(even) {
        background-color: #E3F2FD;
    }

    /*End row line*/
    [b-whs87a9oxt] .quickgrid[theme=grid-info] tbody tr:last-of-type {
        border-bottom: 2px solid #64B5F6;
    }

    /*Row hover*/
    [b-whs87a9oxt] .quickgrid[theme=grid-info] tbody tr:hover {
        background-color: #BBDEFB;
    }

[b-whs87a9oxt] tr:has(> td:not(:empty)) > td {
    display: table-cell;
}

[b-whs87a9oxt] td:empty {
    display: none;
}

/* Resposible mobile view */
@media (max-width: 650px) {
    [b-whs87a9oxt] .quickgrid[theme=grid-info] th {
        display: none;
    }

    [b-whs87a9oxt] .quickgrid[theme=grid-info] td {
        display: grid;
        gap: 0.3rem;
        grid-template-columns: 15ch auto;
        padding: 0.3rem 1rem;
    }

        [b-whs87a9oxt] .quickgrid[theme=grid-info] td:first-child {
            padding-top: 2rem;
        }

        [b-whs87a9oxt] .quickgrid[theme=grid-info] td:last-child {
            padding-bottom: 2rem;
        }

        [b-whs87a9oxt] .quickgrid[theme=grid-info] td::before {
            font-weight: 700;
            text-transform: capitalize;
        }

        [b-whs87a9oxt] .quickgrid[theme=grid-info] td:nth-of-type(1)::before {
            content: "Year:";
            text-align: start;
        }

        [b-whs87a9oxt] .quickgrid[theme=grid-info] td:nth-of-type(2)::before {
            content: "Name:";
            text-align: start;
        }

        [b-whs87a9oxt] .quickgrid[theme=grid-info] td:nth-of-type(3)::before {
            content: "Batch Number:";
            text-align: start;
        }

        [b-whs87a9oxt] .quickgrid[theme=grid-info] td:nth-of-type(4)::before {
            content: "Open Date:";
            text-align: start;
        }

        [b-whs87a9oxt] .quickgrid[theme=grid-info] td:nth-of-type(5)::before {
            content: "Status:";
            text-align: start;
        }

        [b-whs87a9oxt] .quickgrid[theme=grid-info] td:nth-of-type(6)::before {
            content: "";
            text-align: start;
        }

        [b-whs87a9oxt] .quickgrid[theme=grid-info] td:last-child {
            display: grid; /* Use flexbox for button alignment */
            justify-content: space-around; /* Space buttons evenly */
            align-items: center; /* Center align vertically */
            gap: 0.5rem; /* Optional: Add spacing between buttons */
            padding: 0.3rem 1rem; /* Adjust padding as needed */
        }

    [b-whs87a9oxt] .quickgrid[theme=grid-info] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-whs87a9oxt] .quickgrid[theme=grid-info] td:empty {
        display: none;
    }
}
/* _content/Hatchery.App/Components/Pages/BatchPages/Shared/EggBatchReportCard.razor.rz.scp.css */
/* INFO THEME*/
::deep .quickgrid[theme=grid-info][b-fiy2yac2js] {
    border-collapse: collapse;
    /*margin: 25px 0;*/
    font-size: 0.9em;
    /*min-width: 400px;*/
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    width: 100%;
    background-color: #f0f5fb;
}

/*Title*/
[b-fiy2yac2js] .quickgrid[theme=grid-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

[b-fiy2yac2js] .quickgrid[theme=grid-info] .col-title-text {
    font-weight: bold;
    color: White;
}

[b-fiy2yac2js] .quickgrid[theme=grid-info] th,
[b-fiy2yac2js] .quickgrid[theme=grid-info] td {
    padding: 4px 4px;
}

/*Row lines*/
[b-fiy2yac2js] .quickgrid[theme=grid-info] tbody tr {
    border-bottom: 1px solid #cfe2f3;
}
    /*Row stripped*/
    [b-fiy2yac2js] .quickgrid[theme=grid-info] tbody tr:nth-of-type(even) {
        background-color: #E3F2FD;
    }

    /*End row line*/
    [b-fiy2yac2js] .quickgrid[theme=grid-info] tbody tr:last-of-type {
        border-bottom: 2px solid #64B5F6;
    }

    /*Row hover*/
    [b-fiy2yac2js] .quickgrid[theme=grid-info] tbody tr:hover {
        background-color: #BBDEFB;
    }

/* Resposible mobile view */
@media (max-width: 650px) {
    [b-fiy2yac2js] .quickgrid[theme=grid-info] th {
        display: none;
    }

    [b-fiy2yac2js] .quickgrid[theme=grid-info] td {
        display: grid;
        gap: 0.3rem;
        grid-template-columns: 15ch auto;
        padding: 0.3rem 1rem;
    }

        [b-fiy2yac2js] .quickgrid[theme=grid-info] td:first-child {
            padding-top: 2rem;
        }

        [b-fiy2yac2js] .quickgrid[theme=grid-info] td:last-child {
            padding-bottom: 2rem;
        }

        [b-fiy2yac2js] .quickgrid[theme=grid-info] td::before {
            font-weight: 700;
            text-transform: capitalize;
        }

        [b-fiy2yac2js] .quickgrid[theme=grid-info] td:nth-of-type(1)::before {
            content: "Received Date:";
            text-align: start;
        }

        [b-fiy2yac2js] .quickgrid[theme=grid-info] td:nth-of-type(2)::before {
            content: "Species:";
            text-align: start;
        }

        [b-fiy2yac2js] .quickgrid[theme=grid-info] td:nth-of-type(3)::before {
            content: "Location :";
            text-align: start;
        }

        [b-fiy2yac2js] .quickgrid[theme=grid-info] td:nth-of-type(4)::before {
            content: "Received eggs:";
            text-align: start;
        }

        [b-fiy2yac2js] .quickgrid[theme=grid-info] td:nth-of-type(5)::before {
            content: "Rejected eggs:";
            text-align: start;
        }

        [b-fiy2yac2js] .quickgrid[theme=grid-info] td:nth-of-type(6)::before {
            content: "Good eggs:";
            text-align: start;
        }

    [b-fiy2yac2js] .quickgrid[theme=grid-info] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-fiy2yac2js] .quickgrid[theme=grid-info] td:empty {
        display: none;
    }
}


/* WARNING THEME*/
::deep .quickgrid[theme=grid-warning][b-fiy2yac2js] {
    border-collapse: collapse;
    /*margin: 25px 0;*/
    font-size: 0.9em;
    /*min-width: 400px;*/
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    width: 100%;
    background-color: #f0f5fb;
}

/*Title*/
[b-fiy2yac2js] .quickgrid[theme=grid-warning] thead tr {
    background-color: #FFCA28;
    color: #ffffff;
    font-size: 1.0em;
}

[b-fiy2yac2js] .quickgrid[theme=grid-warning] .col-title-text {
    font-weight: bold;
    color: White;
}

[b-fiy2yac2js] .quickgrid[theme=grid-warning] th,
[b-fiy2yac2js] .quickgrid[theme=grid-warning] td {
    padding: 4px 4px;
}

/*Row lines*/
[b-fiy2yac2js] .quickgrid[theme=grid-warning] tbody tr {
    border-bottom: 1px solid #cfe2f3;
}
    /*Row stripped*/
    [b-fiy2yac2js] .quickgrid[theme=grid-warning] tbody tr:nth-of-type(even) {
        background-color: #FFF8E1;
    }

    /*End row line*/
    [b-fiy2yac2js] .quickgrid[theme=grid-warning] tbody tr:last-of-type {
        border-bottom: 2px solid #FFCA28;
    }

    /*Row hover*/
    [b-fiy2yac2js] .quickgrid[theme=grid-warning] tbody tr:hover {
        background-color: #FFE082;
    }

/* Resposible mobile view */
@media (max-width: 650px) {
    [b-fiy2yac2js] .quickgrid[theme=grid-warning] th {
        display: none;
    }

    [b-fiy2yac2js] .quickgrid[theme=grid-warning] td {
        display: grid;
        gap: 0.3rem;
        grid-template-columns: 15ch auto;
        padding: 0.3rem 1rem;
    }

        [b-fiy2yac2js] .quickgrid[theme=grid-warning] td:first-child {
            padding-top: 2rem;
        }

        [b-fiy2yac2js] .quickgrid[theme=grid-warning] td:last-child {
            padding-bottom: 2rem;
        }

        [b-fiy2yac2js] .quickgrid[theme=grid-warning] td::before {
            font-weight: 700;
            text-transform: capitalize;
        }

        [b-fiy2yac2js] .quickgrid[theme=grid-warning] td:nth-of-type(1)::before {
            content: "Setter #:"; 
            text-align: start;
        }

        [b-fiy2yac2js] .quickgrid[theme=grid-warning] td:nth-of-type(2)::before {
            content: "Species:";
            text-align: start;
        }

        [b-fiy2yac2js] .quickgrid[theme=grid-warning] td:nth-of-type(3)::before {
            content: "Location :";
            text-align: start;
        }

        [b-fiy2yac2js] .quickgrid[theme=grid-warning] td:nth-of-type(4)::before {
            content: "Quantity:";
            text-align: start;
        }

        [b-fiy2yac2js] .quickgrid[theme=grid-warning] td:nth-of-type(5)::before {
            content: "Incubation date:";
            text-align: start;
        }

        [b-fiy2yac2js] .quickgrid[theme=grid-warning] td:nth-of-type(6)::before {
            content: "Transfer date:";
            text-align: start;
        }

        [b-fiy2yac2js] .quickgrid[theme=grid-warning] td:nth-of-type(7)::before {
            content: "Hatch date:";
            text-align: start;
        }

    [b-fiy2yac2js] .quickgrid[theme=grid-warning] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-fiy2yac2js] .quickgrid[theme=grid-warning] td:empty {
        display: none;
    }
}


/* DANGER THEME*/
::deep .quickgrid[theme=grid-danger][b-fiy2yac2js] {
    border-collapse: collapse;
    /*margin: 25px 0;*/
    font-size: 0.9em;
    /*min-width: 400px;*/
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    width: 100%;
    background-color: #f0f5fb;
}

/*Title*/
[b-fiy2yac2js] .quickgrid[theme=grid-danger] thead tr {
    background-color: #EF5A6F;
    color: #ffffff;
    font-size: 1.0em;
}

[b-fiy2yac2js] .quickgrid[theme=grid-danger] .col-title-text {
    font-weight: bold;
    color: White;
}

[b-fiy2yac2js] .quickgrid[theme=grid-danger] th,
[b-fiy2yac2js] .quickgrid[theme=grid-danger] td {
    padding: 4px 4px;
}

/*Row lines*/
[b-fiy2yac2js] .quickgrid[theme=grid-danger] tbody tr {
    border-bottom: 1px solid #cfe2f3;
}
    /*Row stripped*/
    [b-fiy2yac2js] .quickgrid[theme=grid-danger] tbody tr:nth-of-type(even) {
        background-color: #FFE8EB;
    }

    /*End row line*/
    [b-fiy2yac2js] .quickgrid[theme=grid-danger] tbody tr:last-of-type {
        border-bottom: 2px solid #EF5A6F;
    }

    /*Row hover*/
    [b-fiy2yac2js] .quickgrid[theme=grid-danger] tbody tr:hover {
        background-color: #FFCDD2;
    }

/* Resposible mobile view */
@media (max-width: 650px) {
    [b-fiy2yac2js] .quickgrid[theme=grid-danger] th {
        display: none;
    }

    [b-fiy2yac2js] .quickgrid[theme=grid-danger] td {
        display: grid;
        gap: 0.3rem;
        grid-template-columns: 15ch auto;
        padding: 0.3rem 1rem;
    }

        [b-fiy2yac2js] .quickgrid[theme=grid-danger] td:first-child {
            padding-top: 2rem;
        }

        [b-fiy2yac2js] .quickgrid[theme=grid-danger] td:last-child {
            padding-bottom: 2rem;
        }

        [b-fiy2yac2js] .quickgrid[theme=grid-danger] td::before {
            font-weight: 700;
            text-transform: capitalize;
        }

        [b-fiy2yac2js] .quickgrid[theme=grid-danger] td:nth-of-type(1)::before {
            content: "Hatcher #:";
            text-align: start;
        }

        [b-fiy2yac2js] .quickgrid[theme=grid-danger] td:nth-of-type(2)::before {
            content: "Species:";
            text-align: start;
        }

        [b-fiy2yac2js] .quickgrid[theme=grid-danger] td:nth-of-type(3)::before {
            content: "Location :";
            text-align: start;
        }

        [b-fiy2yac2js] .quickgrid[theme=grid-danger] td:nth-of-type(4)::before {
            content: "Quantity:";
            text-align: start;
        }

        [b-fiy2yac2js] .quickgrid[theme=grid-danger] td:nth-of-type(5)::before {
            content: "Transfer date:";
            text-align: start;
        }

        [b-fiy2yac2js] .quickgrid[theme=grid-danger] td:nth-of-type(6)::before {
            content: "Hatch date:";
            text-align: start;
        }

    [b-fiy2yac2js] .quickgrid[theme=grid-danger] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-fiy2yac2js] .quickgrid[theme=grid-danger] td:empty {
        display: none;
    }
}


/* SUCCESS THEME*/
::deep .quickgrid[theme=grid-success][b-fiy2yac2js] {
    border-collapse: collapse;
    /*margin: 25px 0;*/
    font-size: 0.9em;
    /*min-width: 400px;*/
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    width: 100%;
    background-color: #f0f5fb;
}

/*Title*/
[b-fiy2yac2js] .quickgrid[theme=grid-success] thead tr {
    background-color: #81C784;
    color: #ffffff;
    font-size: 1.0em;
}

[b-fiy2yac2js] .quickgrid[theme=grid-success] .col-title-text {
    font-weight: bold;
    color: White;
}

[b-fiy2yac2js] .quickgrid[theme=grid-success] th,
[b-fiy2yac2js] .quickgrid[theme=grid-success] td {
    padding: 4px 4px;
}

/*Row lines*/
[b-fiy2yac2js] .quickgrid[theme=grid-success] tbody tr {
    border-bottom: 1px solid #cfe2f3;
}
    /*Row stripped*/
    [b-fiy2yac2js] .quickgrid[theme=grid-success] tbody tr:nth-of-type(even) {
        background-color: #E8F5E9;
    }

    /*End row line*/
    [b-fiy2yac2js] .quickgrid[theme=grid-success] tbody tr:last-of-type {
        border-bottom: 2px solid #7ED4AD;
    }

    /*Row hover*/
    [b-fiy2yac2js] .quickgrid[theme=grid-success] tbody tr:hover {
        background-color: #A5D6A7;
    }

/* Resposible mobile view */
@media (max-width: 650px) {
    [b-fiy2yac2js] .quickgrid[theme=grid-success] th {
        display: none;
    }

    [b-fiy2yac2js] .quickgrid[theme=grid-success] td {
        display: grid;
        gap: 0.3rem;
        grid-template-columns: 15ch auto;
        padding: 0.3rem 1rem;
    }

        [b-fiy2yac2js] .quickgrid[theme=grid-success] td:first-child {
            padding-top: 2rem;
        }

        [b-fiy2yac2js] .quickgrid[theme=grid-success] td:last-child {
            padding-bottom: 2rem;
        }

        [b-fiy2yac2js] .quickgrid[theme=grid-success] td::before {
            font-weight: 700;
            text-transform: capitalize;
        }       

        [b-fiy2yac2js] .quickgrid[theme=grid-success] td:nth-of-type(1)::before {
            content: "Species:";
            text-align: start;
        }

        [b-fiy2yac2js] .quickgrid[theme=grid-success] td:nth-of-type(2)::before {
            content: "Location :";
            text-align: start;
        }

        [b-fiy2yac2js] .quickgrid[theme=grid-success] td:nth-of-type(3)::before {
            content: "Unhatched:";
            text-align: start;
        }

        [b-fiy2yac2js] .quickgrid[theme=grid-success] td:nth-of-type(4)::before {
            content: "Rejected:";
            text-align: start;
        }

        [b-fiy2yac2js] .quickgrid[theme=grid-success] td:nth-of-type(5)::before {
            content: "Good chicks:";
            text-align: start;
        }

        [b-fiy2yac2js] .quickgrid[theme=grid-success] td:nth-of-type(6)::before {
            content: "Hatch date:";
            text-align: start;
        }

    [b-fiy2yac2js] .quickgrid[theme=grid-success] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-fiy2yac2js] .quickgrid[theme=grid-success] td:empty {
        display: none;
    }
}


/* PRIMARY THEME*/
::deep .quickgrid[theme=grid-primary][b-fiy2yac2js] {
    border-collapse: collapse;
    /*margin: 25px 0;*/
    font-size: 0.9em;
    /*min-width: 400px;*/
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    width: 100%;
    background-color: #f0f5fb;
}

/*Title*/
[b-fiy2yac2js] .quickgrid[theme=grid-primary] thead tr {
    background-color: #5C6BC0;
    color: #ffffff;
    font-size: 1.0em;
}

[b-fiy2yac2js] .quickgrid[theme=grid-primary] .col-title-text {
    font-weight: bold;
    color: White;
}

[b-fiy2yac2js] .quickgrid[theme=grid-primary] th,
[b-fiy2yac2js] .quickgrid[theme=grid-primary] td {
    padding: 4px 4px;
}

/*Row lines*/
[b-fiy2yac2js] .quickgrid[theme=grid-primary] tbody tr {
    border-bottom: 1px solid #cfe2f3;
}
    /*Row stripped*/
    [b-fiy2yac2js] .quickgrid[theme=grid-primary] tbody tr:nth-of-type(even) {
        background-color: #E8EAF6;
    }

    /*End row line*/
    [b-fiy2yac2js] .quickgrid[theme=grid-primary] tbody tr:last-of-type {
        border-bottom: 2px solid #5C6BC0;
    }

    /*Row hover*/
    [b-fiy2yac2js] .quickgrid[theme=grid-primary] tbody tr:hover {
        background-color: #C5CAE9;
    }

/* NUTRAL/GRAY THEME*/
::deep .quickgrid[theme=grid-nutral][b-fiy2yac2js] {
    border-collapse: collapse;
    /*margin: 25px 0;*/
    font-size: 0.9em;
    /*min-width: 400px;*/
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    width: 100%;
    background-color: #f0f5fb;
}

/*Title*/
[b-fiy2yac2js] .quickgrid[theme=grid-nutral] thead tr {
    background-color: #BDBDBD;
    color: #ffffff;
    font-size: 1.0em;
}

[b-fiy2yac2js] .quickgrid[theme=grid-nutral] .col-title-text {
    font-weight: bold;
    color: White;
}

[b-fiy2yac2js] .quickgrid[theme=grid-nutral] th,
[b-fiy2yac2js] .quickgrid[theme=grid-nutral] td {
    padding: 4px 4px;
}

/*Row lines*/
[b-fiy2yac2js] .quickgrid[theme=grid-nutral] tbody tr {
    border-bottom: 1px solid #cfe2f3;
}
    /*Row stripped*/
    [b-fiy2yac2js] .quickgrid[theme=grid-nutral] tbody tr:nth-of-type(even) {
        background-color: #F5F5F5;
    }

    /*End row line*/
    [b-fiy2yac2js] .quickgrid[theme=grid-nutral] tbody tr:last-of-type {
        border-bottom: 2px solid #BDBDBD;
    }

    /*Row hover*/
    [b-fiy2yac2js] .quickgrid[theme=grid-nutral] tbody tr:hover {
        background-color: #EEEEEE;
    }


/* PASTER THEME*/
::deep .quickgrid[theme=grid-pastel][b-fiy2yac2js] {
    border-collapse: collapse;
    /*margin: 25px 0;*/
    font-size: 0.9em;
    /*min-width: 400px;*/
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    width: 100%;
    background-color: #f0f5fb;
}

/*Title*/
[b-fiy2yac2js] .quickgrid[theme=grid-pastel] thead tr {
    background-color: #CE93D8;
    color: #ffffff;
    font-size: 1.0em;
}

[b-fiy2yac2js] .quickgrid[theme=grid-pastel] .col-title-text {
    font-weight: bold;
    color: White;
}

[b-fiy2yac2js] .quickgrid[theme=grid-pastel] th,
[b-fiy2yac2js] .quickgrid[theme=grid-pastel] td {
    padding: 4px 4px;
}

/*Row lines*/
[b-fiy2yac2js] .quickgrid[theme=grid-pastel] tbody tr {
    border-bottom: 1px solid #cfe2f3;
}
    /*Row stripped*/
    [b-fiy2yac2js] .quickgrid[theme=grid-pastel] tbody tr:nth-of-type(even) {
        background-color: #F8BBD0;
    }

    /*End row line*/
    [b-fiy2yac2js] .quickgrid[theme=grid-pastel] tbody tr:last-of-type {
        border-bottom: 2px solid #CE93D8;
    }

    /*Row hover*/
    [b-fiy2yac2js] .quickgrid[theme=grid-pastel] tbody tr:hover {
        background-color: #FFCCBC;
    }

[b-fiy2yac2js] tr:has(> td:not(:empty)) > td {
    display: table-cell;
}

[b-fiy2yac2js] td:empty {
    display: none;
}
/* _content/Hatchery.App/Components/Pages/EggPages/ColdStorage.razor.rz.scp.css */
/* INFO THEME*/
::deep .quickgrid[theme=grid-info][b-vacsir908x] {
    border-collapse: collapse;
    /*margin: 25px 0;*/
    font-size: 0.9em;
    /*min-width: 400px;*/
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    width: 100%;
    background-color: #f0f5fb;
}

/*Title*/
[b-vacsir908x] .quickgrid[theme=grid-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

[b-vacsir908x] .quickgrid[theme=grid-info] .col-title-text {
    font-weight: bold;
    color: White;
}

[b-vacsir908x] .quickgrid[theme=grid-info] th,
[b-vacsir908x] .quickgrid[theme=grid-info] td {
    padding: 4px 4px;
}

/*Row lines*/
[b-vacsir908x] .quickgrid[theme=grid-info] tbody tr {
    border-bottom: 1px solid #cfe2f3;
}
    /*Row stripped*/
    [b-vacsir908x] .quickgrid[theme=grid-info] tbody tr:nth-of-type(even) {
        background-color: #E3F2FD;
    }

    /*End row line*/
    [b-vacsir908x] .quickgrid[theme=grid-info] tbody tr:last-of-type {
        border-bottom: 2px solid #64B5F6;
    }

    /*Row hover*/
    [b-vacsir908x] .quickgrid[theme=grid-info] tbody tr:hover {
        background-color: #BBDEFB;
    }

[b-vacsir908x] tr:has(> td:not(:empty)) > td {
    display: table-cell;
}

[b-vacsir908x] td:empty {
    display: none;
}

/* Resposible mobile view */
@media (max-width: 650px) {
    [b-vacsir908x] .quickgrid[theme=grid-info] th {
        display: none;
    }

    [b-vacsir908x] .quickgrid[theme=grid-info] td {
        display: grid;
        gap: 0.3rem;
        grid-template-columns: 15ch auto;
        padding: 0.3rem 1rem;
    }

        [b-vacsir908x] .quickgrid[theme=grid-info] td:first-child {
            padding-top: 2rem;
        }

        [b-vacsir908x] .quickgrid[theme=grid-info] td:last-child {
            padding-bottom: 2rem;
        }

        [b-vacsir908x] .quickgrid[theme=grid-info] td::before {
            font-weight: 700;
            text-transform: capitalize;
        }

        [b-vacsir908x] .quickgrid[theme=grid-info] td:nth-of-type(1)::before {
            content: "Species:";
            text-align: start;
        }

        [b-vacsir908x] .quickgrid[theme=grid-info] td:nth-of-type(2)::before {
            content: "Batch:";
            text-align: start;
        }

        [b-vacsir908x] .quickgrid[theme=grid-info] td:nth-of-type(3)::before {
            content: "Location:";
            text-align: start;
        }

        [b-vacsir908x] .quickgrid[theme=grid-info] td:nth-of-type(4)::before {
            content: "Good eggs:";
            text-align: start;
        }

        [b-vacsir908x] .quickgrid[theme=grid-info] td:nth-of-type(5)::before {
            content: "Days stored:";
            text-align: start;
        }              

    [b-vacsir908x] .quickgrid[theme=grid-info] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-vacsir908x] .quickgrid[theme=grid-info] td:empty {
        display: none;
    }
}
/* _content/Hatchery.App/Components/Pages/EggPages/Index.razor.rz.scp.css */
/* QUICK GRID THEME*/
::deep .quickgrid[theme=grid-info][b-070rd00pjy] {
    border-collapse: collapse;
    /*margin: 25px 0;*/
    font-size: 0.9em;
    /*min-width: 400px;*/
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    width: 100%;
    background-color: #f0f5fb;
}

/*Title*/
[b-070rd00pjy] .quickgrid[theme=grid-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

[b-070rd00pjy] .quickgrid[theme=grid-info] .col-title-text {
    font-weight: bold;
    color: White;
}

[b-070rd00pjy] .quickgrid[theme=grid-info] th,
[b-070rd00pjy] .quickgrid[theme=grid-info] td {
    padding: 4px 4px;
}

/*Row lines*/
[b-070rd00pjy] .quickgrid[theme=grid-info] tbody tr {
    border-bottom: 1px solid #cfe2f3;
}
    /*Row stripped*/
    [b-070rd00pjy] .quickgrid[theme=grid-info] tbody tr:nth-of-type(even) {
        background-color: #E3F2FD;
    }

    /*End row line*/
    [b-070rd00pjy] .quickgrid[theme=grid-info] tbody tr:last-of-type {
        border-bottom: 2px solid #64B5F6;
    }

    /*Row hover*/
    [b-070rd00pjy] .quickgrid[theme=grid-info] tbody tr:hover {
        background-color: #BBDEFB;
    }

[b-070rd00pjy] tr:has(> td:not(:empty)) > td {
    display: table-cell;
}

[b-070rd00pjy] td:empty {
    display: none;
}

/* Resposible mobile view */
@media (max-width: 650px) {
    [b-070rd00pjy] .quickgrid[theme=grid-info] th {
        display: none;
    }

    [b-070rd00pjy] .quickgrid[theme=grid-info] td {
        display: grid;
        gap: 0.3rem;
        grid-template-columns: 15ch auto;
        padding: 0.3rem 1rem;
    }

        [b-070rd00pjy] .quickgrid[theme=grid-info] td:first-child {
            padding-top: 2rem;
        }

        [b-070rd00pjy] .quickgrid[theme=grid-info] td:last-child {
            padding-bottom: 2rem;
        }

        [b-070rd00pjy] .quickgrid[theme=grid-info] td::before {
            font-weight: 700;
            text-transform: capitalize;
        }

        [b-070rd00pjy] .quickgrid[theme=grid-info] td:nth-of-type(1)::before {
            content: "Received Date:";
            text-align: start;
        }

        [b-070rd00pjy] .quickgrid[theme=grid-info] td:nth-of-type(2)::before {
            content: "Species:";
            text-align: start;
        }

        [b-070rd00pjy] .quickgrid[theme=grid-info] td:nth-of-type(3)::before {
            content: "Batch Number:";
            text-align: start;
        }

        [b-070rd00pjy] .quickgrid[theme=grid-info] td:nth-of-type(4)::before {
            content: "Location :";
            text-align: start;
        }

        [b-070rd00pjy] .quickgrid[theme=grid-info] td:nth-of-type(5)::before {
            content: "Received eggs:";
            text-align: start;
        }

        [b-070rd00pjy] .quickgrid[theme=grid-info] td:nth-of-type(6)::before {
            content: "Rejected eggs:";
            text-align: start;
        }

        [b-070rd00pjy] .quickgrid[theme=grid-info] td:nth-of-type(7)::before {
            content: "Good eggs:";
            text-align: start;
        }

        [b-070rd00pjy] .quickgrid[theme=grid-info] td:nth-of-type(8)::before {
            content: "";
            text-align: start;
        }

        [b-070rd00pjy] .quickgrid[theme=grid-info] td:last-child {
            display: grid; /* Use flexbox for button alignment */
            justify-content: space-around; /* Space buttons evenly */
            align-items: center; /* Center align vertically */
            gap: 0.5rem; /* Optional: Add spacing between buttons */
            padding: 0.3rem 1rem; /* Adjust padding as needed */
        }

    [b-070rd00pjy] .quickgrid[theme=grid-info] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-070rd00pjy] .quickgrid[theme=grid-info] td:empty {
        display: none;
    }

}

/* _content/Hatchery.App/Components/Pages/HatchPages/Index.razor.rz.scp.css */
/* DANGER THEME*/
::deep .quickgrid[theme=grid-danger][b-voyclf8r5e] {
    border-collapse: collapse;
    /*margin: 25px 0;*/
    font-size: 0.9em;
    /*min-width: 400px;*/
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    width: 100%;
    background-color: #f0f5fb;
}

/*Title*/
[b-voyclf8r5e] .quickgrid[theme=grid-danger] thead tr {
    background-color: #EF5A6F;
    color: #ffffff;
    font-size: 1.0em;
}

[b-voyclf8r5e] .quickgrid[theme=grid-danger] .col-title-text {
    font-weight: bold;
    color: White;
}

[b-voyclf8r5e] .quickgrid[theme=grid-danger] th,
[b-voyclf8r5e] .quickgrid[theme=grid-danger] td {
    padding: 4px 4px;
}

/*Row lines*/
[b-voyclf8r5e] .quickgrid[theme=grid-danger] tbody tr {
    border-bottom: 1px solid #cfe2f3;
}
    /*Row stripped*/
    [b-voyclf8r5e] .quickgrid[theme=grid-danger] tbody tr:nth-of-type(even) {
        background-color: #FFE8EB;
    }

    /*End row line*/
    [b-voyclf8r5e] .quickgrid[theme=grid-danger] tbody tr:last-of-type {
        border-bottom: 2px solid #EF5A6F;
    }

    /*Row hover*/
    [b-voyclf8r5e] .quickgrid[theme=grid-danger] tbody tr:hover {
        background-color: #FFCDD2;
    }


/* SUCCESS THEME*/
::deep .quickgrid[theme=grid-success][b-voyclf8r5e] {
    border-collapse: collapse;
    /*margin: 25px 0;*/
    font-size: 0.9em;
    /*min-width: 400px;*/
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    width: 100%;
    background-color: #f0f5fb;
}

/*Title*/
[b-voyclf8r5e] .quickgrid[theme=grid-success] thead tr {
    background-color: #81C784;
    color: #ffffff;
    font-size: 1.0em;
}

[b-voyclf8r5e] .quickgrid[theme=grid-success] .col-title-text {
    font-weight: bold;
    color: White;
}

[b-voyclf8r5e] .quickgrid[theme=grid-success] th,
[b-voyclf8r5e] .quickgrid[theme=grid-success] td {
    padding: 4px 4px;
}

/*Row lines*/
[b-voyclf8r5e] .quickgrid[theme=grid-success] tbody tr {
    border-bottom: 1px solid #cfe2f3;
}
    /*Row stripped*/
    [b-voyclf8r5e] .quickgrid[theme=grid-success] tbody tr:nth-of-type(even) {
        background-color: #E8F5E9;
    }

    /*End row line*/
    [b-voyclf8r5e] .quickgrid[theme=grid-success] tbody tr:last-of-type {
        border-bottom: 2px solid #7ED4AD;
    }

    /*Row hover*/
    [b-voyclf8r5e] .quickgrid[theme=grid-success] tbody tr:hover {
        background-color: #A5D6A7;
    }

[b-voyclf8r5e] tr:has(> td:not(:empty)) > td {
    display: table-cell;
}

[b-voyclf8r5e] td:empty {
    display: none;
}

/* Resposible mobile view */
@media (max-width: 650px) {
    [b-voyclf8r5e] .quickgrid[theme=grid-success] th {
        display: none;
    }

    [b-voyclf8r5e] .quickgrid[theme=grid-success] td {
        display: grid;
        gap: 0.3rem;
        grid-template-columns: 15ch auto;
        padding: 0.3rem 1rem;
    }

        [b-voyclf8r5e] .quickgrid[theme=grid-success] td:first-child {
            padding-top: 2rem;
        }

        [b-voyclf8r5e] .quickgrid[theme=grid-success] td:last-child {
            padding-bottom: 2rem;
        }

        [b-voyclf8r5e] .quickgrid[theme=grid-success] td::before {
            font-weight: 700;
            text-transform: capitalize;
        }

        [b-voyclf8r5e] .quickgrid[theme=grid-success] td:nth-of-type(1)::before {
            content: "Year:";
            text-align: start;
        }

        [b-voyclf8r5e] .quickgrid[theme=grid-success] td:nth-of-type(2)::before {
            content: "Batch #:";
            text-align: start;
        }      

        [b-voyclf8r5e] .quickgrid[theme=grid-success] td:nth-of-type(3)::before {
            content: "Hatched:";
            text-align: start;
        }

        [b-voyclf8r5e] .quickgrid[theme=grid-success] td:nth-of-type(4)::before {
            content: "Sets:";
            text-align: start;
        }

        [b-voyclf8r5e] .quickgrid[theme=grid-success] td:nth-of-type(5)::before {
            content: "Last hatched:";
            text-align: start;
        }

        [b-voyclf8r5e] .quickgrid[theme=grid-success] td:nth-of-type(6)::before {
            content: "Status:";
            text-align: start;
        }

    [b-voyclf8r5e] .quickgrid[theme=grid-success] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-voyclf8r5e] .quickgrid[theme=grid-success] td:empty {
        display: none;
    }
}
/* _content/Hatchery.App/Components/Pages/HatchPages/Manage.razor.rz.scp.css */
/* DANGER THEME*/
::deep .quickgrid[theme=grid-danger][b-3nuai51fk3] {
    border-collapse: collapse;
    /*margin: 25px 0;*/
    font-size: 0.9em;
    /*min-width: 400px;*/
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    width: 100%;
    background-color: #f0f5fb;
}

/*Title*/
[b-3nuai51fk3] .quickgrid[theme=grid-danger] thead tr {
    background-color: #EF5A6F;
    color: #ffffff;
    font-size: 1.0em;
}

[b-3nuai51fk3] .quickgrid[theme=grid-danger] .col-title-text {
    font-weight: bold;
    color: White;
}

[b-3nuai51fk3] .quickgrid[theme=grid-danger] th,
[b-3nuai51fk3] .quickgrid[theme=grid-danger] td {
    padding: 4px 4px;
}

/*Row lines*/
[b-3nuai51fk3] .quickgrid[theme=grid-danger] tbody tr {
    border-bottom: 1px solid #cfe2f3;
}
    /*Row stripped*/
    [b-3nuai51fk3] .quickgrid[theme=grid-danger] tbody tr:nth-of-type(even) {
        background-color: #FFE8EB;
    }

    /*End row line*/
    [b-3nuai51fk3] .quickgrid[theme=grid-danger] tbody tr:last-of-type {
        border-bottom: 2px solid #EF5A6F;
    }

    /*Row hover*/
    [b-3nuai51fk3] .quickgrid[theme=grid-danger] tbody tr:hover {
        background-color: #FFCDD2;
    }


/* SUCCESS THEME*/
::deep .quickgrid[theme=grid-success][b-3nuai51fk3] {
    border-collapse: collapse;
    /*margin: 25px 0;*/
    font-size: 0.9em;
    /*min-width: 400px;*/
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    width: 100%;
    background-color: #f0f5fb;
}

/*Title*/
[b-3nuai51fk3] .quickgrid[theme=grid-success] thead tr {
    background-color: #81C784;
    color: #ffffff;
    font-size: 1.0em;
}

[b-3nuai51fk3] .quickgrid[theme=grid-success] .col-title-text {
    font-weight: bold;
    color: White;
}

[b-3nuai51fk3] .quickgrid[theme=grid-success] th,
[b-3nuai51fk3] .quickgrid[theme=grid-success] td {
    padding: 4px 4px;
}

/*Row lines*/
[b-3nuai51fk3] .quickgrid[theme=grid-success] tbody tr {
    border-bottom: 1px solid #cfe2f3;
}
    /*Row stripped*/
    [b-3nuai51fk3] .quickgrid[theme=grid-success] tbody tr:nth-of-type(even) {
        background-color: #E8F5E9;
    }

    /*End row line*/
    [b-3nuai51fk3] .quickgrid[theme=grid-success] tbody tr:last-of-type {
        border-bottom: 2px solid #7ED4AD;
    }

    /*Row hover*/
    [b-3nuai51fk3] .quickgrid[theme=grid-success] tbody tr:hover {
        background-color: #A5D6A7;
    }

[b-3nuai51fk3] tr:has(> td:not(:empty)) > td {
    display: table-cell;
}

[b-3nuai51fk3] td:empty {
    display: none;
}

/* Resposible mobile view */
@media (max-width: 650px) {
    [b-3nuai51fk3] .quickgrid[theme=grid-success] th {
        display: none;
    }

    [b-3nuai51fk3] .quickgrid[theme=grid-success] td {
        display: grid;
        gap: 0.3rem;
        grid-template-columns: 15ch auto;
        padding: 0.3rem 1rem;
    }

        [b-3nuai51fk3] .quickgrid[theme=grid-success] td:first-child {
            padding-top: 2rem;
        }

        [b-3nuai51fk3] .quickgrid[theme=grid-success] td:last-child {
            padding-bottom: 2rem;
        }

        [b-3nuai51fk3] .quickgrid[theme=grid-success] td::before {
            font-weight: 700;
            text-transform: capitalize;
        }

        [b-3nuai51fk3] .quickgrid[theme=grid-success] td:nth-of-type(1)::before {
            content: "Incubator:";
            text-align: start;
        }

        [b-3nuai51fk3] .quickgrid[theme=grid-success] td:nth-of-type(2)::before {
            content: "Species:";
            text-align: start;
        }

        [b-3nuai51fk3] .quickgrid[theme=grid-success] td:nth-of-type(3)::before {
            content: "Location:";
            text-align: start;
        }

        [b-3nuai51fk3] .quickgrid[theme=grid-success] td:nth-of-type(4)::before {
            content: "Hatch date:";
            text-align: start;
        }

        [b-3nuai51fk3] .quickgrid[theme=grid-success] td:nth-of-type(5)::before {
            content: "Unhatched:";
            text-align: start;
        }

        [b-3nuai51fk3] .quickgrid[theme=grid-success] td:nth-of-type(6)::before {
            content: "Rejected chicks:";
            text-align: start;
        }

        [b-3nuai51fk3] .quickgrid[theme=grid-success] td:nth-of-type(7)::before {
            content: "Good chicks:";
            text-align: start;
        }

    [b-3nuai51fk3] .quickgrid[theme=grid-success] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-3nuai51fk3] .quickgrid[theme=grid-success] td:empty {
        display: none;
    }
}
/* _content/Hatchery.App/Components/Pages/IncubationPages/Index.razor.rz.scp.css */
/* DANGER THEME*/
::deep .quickgrid[theme=grid-danger][b-c5m84l6tkk] {
    border-collapse: collapse;
    /*margin: 25px 0;*/
    font-size: 0.9em;
    /*min-width: 400px;*/
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    width: 100%;
    background-color: #f0f5fb;
}

/*Title*/
[b-c5m84l6tkk] .quickgrid[theme=grid-danger] thead tr {
    background-color: #EF5A6F;
    color: #ffffff;
    font-size: 1.0em;
}

[b-c5m84l6tkk] .quickgrid[theme=grid-danger] .col-title-text {
    font-weight: bold;
    color: White;
}

[b-c5m84l6tkk] .quickgrid[theme=grid-danger] th,
[b-c5m84l6tkk] .quickgrid[theme=grid-danger] td {
    padding: 4px 4px;
}

/*Row lines*/
[b-c5m84l6tkk] .quickgrid[theme=grid-danger] tbody tr {
    border-bottom: 1px solid #cfe2f3;
}
    /*Row stripped*/
    [b-c5m84l6tkk] .quickgrid[theme=grid-danger] tbody tr:nth-of-type(even) {
        background-color: #FFE8EB;
    }

    /*End row line*/
    [b-c5m84l6tkk] .quickgrid[theme=grid-danger] tbody tr:last-of-type {
        border-bottom: 2px solid #EF5A6F;
    }

    /*Row hover*/
    [b-c5m84l6tkk] .quickgrid[theme=grid-danger] tbody tr:hover {
        background-color: #FFCDD2;
    }

/* Resposible mobile view */
@media (max-width: 650px) {
    [b-c5m84l6tkk] .quickgrid[theme=grid-danger] th {
        display: none;
    }

    [b-c5m84l6tkk] .quickgrid[theme=grid-danger] td {
        display: grid;
        gap: 0.3rem;
        grid-template-columns: 15ch auto;
        padding: 0.3rem 1rem;
    }

        [b-c5m84l6tkk] .quickgrid[theme=grid-danger] td:first-child {
            padding-top: 2rem;
        }

        [b-c5m84l6tkk] .quickgrid[theme=grid-danger] td:last-child {
            padding-bottom: 2rem;
        }

        [b-c5m84l6tkk] .quickgrid[theme=grid-danger] td::before {
            font-weight: 700;
            text-transform: capitalize;
        }

        [b-c5m84l6tkk] .quickgrid[theme=grid-danger] td:nth-of-type(1)::before {
            content: "Year:";
            text-align: start;
        }

        [b-c5m84l6tkk] .quickgrid[theme=grid-danger] td:nth-of-type(2)::before {
            content: "Batch#:";
            text-align: start;
        }

        [b-c5m84l6tkk] .quickgrid[theme=grid-danger] td:nth-of-type(3)::before {
            content: "Incubated:";
            text-align: start;
        }

        [b-c5m84l6tkk] .quickgrid[theme=grid-danger] td:nth-of-type(4)::before {
            content: "Pending:";
            text-align: start;
        }

        [b-c5m84l6tkk] .quickgrid[theme=grid-danger] td:nth-of-type(5)::before {
            content: "Completed Sets:";
            align-content: stretch;
        }

        [b-c5m84l6tkk] .quickgrid[theme=grid-danger] td:nth-of-type(6)::before {
            display: grid; /* Use flexbox for button alignment */
            justify-content: space-between; /* Space buttons evenly */
            align-items: center; /* Center align vertically */
            gap: 0.5rem; /* Optional: Add spacing between buttons */
            padding: 0.3rem 1rem; /* Adjust padding as needed */
        }

    [b-c5m84l6tkk] .quickgrid[theme=grid-danger] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-c5m84l6tkk] .quickgrid[theme=grid-danger] td:empty {
        display: none;
    }
}


/* SUCCESS THEME*/
::deep .quickgrid[theme=grid-success][b-c5m84l6tkk] {
    border-collapse: collapse;
    /*margin: 25px 0;*/
    font-size: 0.9em;
    /*min-width: 400px;*/
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    width: 100%;
    background-color: #f0f5fb;
}

/*Title*/
[b-c5m84l6tkk] .quickgrid[theme=grid-success] thead tr {
    background-color: #81C784;
    color: #ffffff;
    font-size: 1.0em;
}

[b-c5m84l6tkk] .quickgrid[theme=grid-success] .col-title-text {
    font-weight: bold;
    color: White;
}

[b-c5m84l6tkk] .quickgrid[theme=grid-success] th,
[b-c5m84l6tkk] .quickgrid[theme=grid-success] td {
    padding: 4px 4px;
}

/*Row lines*/
[b-c5m84l6tkk] .quickgrid[theme=grid-success] tbody tr {
    border-bottom: 1px solid #cfe2f3;
}
    /*Row stripped*/
    [b-c5m84l6tkk] .quickgrid[theme=grid-success] tbody tr:nth-of-type(even) {
        background-color: #E8F5E9;
    }

    /*End row line*/
    [b-c5m84l6tkk] .quickgrid[theme=grid-success] tbody tr:last-of-type {
        border-bottom: 2px solid #7ED4AD;
    }

    /*Row hover*/
    [b-c5m84l6tkk] .quickgrid[theme=grid-success] tbody tr:hover {
        background-color: #A5D6A7;
    }

[b-c5m84l6tkk] tr:has(> td:not(:empty)) > td {
    display: table-cell;
}

[b-c5m84l6tkk] td:empty {
    display: none;
}

/* Resposible mobile view */
@media (max-width: 650px) {
    [b-c5m84l6tkk] .quickgrid[theme=grid-success] th {
        display: none;
    }

    [b-c5m84l6tkk] .quickgrid[theme=grid-success] td {
        display: grid;
        gap: 0.3rem;
        grid-template-columns: 15ch auto;
        padding: 0.3rem 1rem;
    }

        [b-c5m84l6tkk] .quickgrid[theme=grid-success] td:first-child {
            padding-top: 2rem;
        }

        [b-c5m84l6tkk] .quickgrid[theme=grid-success] td:last-child {
            padding-bottom: 2rem;
        }

        [b-c5m84l6tkk] .quickgrid[theme=grid-success] td::before {
            font-weight: 700;
            text-transform: capitalize;
        }

        [b-c5m84l6tkk] .quickgrid[theme=grid-success] td:nth-of-type(1)::before {
            content: "Year:";
            text-align: start;
        }

        [b-c5m84l6tkk] .quickgrid[theme=grid-success] td:nth-of-type(2)::before {
            content: "Batch#:";
            text-align: start;
        }

        [b-c5m84l6tkk] .quickgrid[theme=grid-success] td:nth-of-type(3)::before {
            content: "Sets:";
            text-align: start;
        }

        [b-c5m84l6tkk] .quickgrid[theme=grid-success] td:nth-of-type(4)::before {
            content: "Last incubated:";
            text-align: start;
        }

        [b-c5m84l6tkk] .quickgrid[theme=grid-success] td:nth-of-type(5)::before {
            content: "Status:";
            text-align: start;
        }

    [b-c5m84l6tkk] .quickgrid[theme=grid-success] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-c5m84l6tkk] .quickgrid[theme=grid-success] td:empty {
        display: none;
    }
}
/* _content/Hatchery.App/Components/Pages/IncubationPages/Manage.razor.rz.scp.css */
/* DANGER THEME*/
::deep .quickgrid[theme=grid-danger][b-9rrxy2jyfu] {
    border-collapse: collapse;
    /*margin: 25px 0;*/
    font-size: 0.9em;
    /*min-width: 400px;*/
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    width: 100%;
    background-color: #f0f5fb;
}

/*Title*/
[b-9rrxy2jyfu] .quickgrid[theme=grid-danger] thead tr {
    background-color: #EF5A6F;
    color: #ffffff;
    font-size: 1.0em;
}

[b-9rrxy2jyfu] .quickgrid[theme=grid-danger] .col-title-text {
    font-weight: bold;
    color: White;
}

[b-9rrxy2jyfu] .quickgrid[theme=grid-danger] th,
[b-9rrxy2jyfu] .quickgrid[theme=grid-danger] td {
    padding: 4px 4px;
}

/*Row lines*/
[b-9rrxy2jyfu] .quickgrid[theme=grid-danger] tbody tr {
    border-bottom: 1px solid #cfe2f3;
}
    /*Row stripped*/
    [b-9rrxy2jyfu] .quickgrid[theme=grid-danger] tbody tr:nth-of-type(even) {
        background-color: #FFE8EB;
    }

    /*End row line*/
    [b-9rrxy2jyfu] .quickgrid[theme=grid-danger] tbody tr:last-of-type {
        border-bottom: 2px solid #EF5A6F;
    }

    /*Row hover*/
    [b-9rrxy2jyfu] .quickgrid[theme=grid-danger] tbody tr:hover {
        background-color: #FFCDD2;
    }

/* Resposible mobile view */
@media (max-width: 650px) {
    [b-9rrxy2jyfu] .quickgrid[theme=grid-danger] th {
        display: none;
    }

    [b-9rrxy2jyfu] .quickgrid[theme=grid-danger] td {
        display: grid;
        gap: 0.3rem;
        grid-template-columns: 15ch auto;
        padding: 0.3rem 1rem;
    }

        [b-9rrxy2jyfu] .quickgrid[theme=grid-danger] td:first-child {
            padding-top: 2rem;
        }

        [b-9rrxy2jyfu] .quickgrid[theme=grid-danger] td:last-child {
            padding-bottom: 2rem;
        }

        [b-9rrxy2jyfu] .quickgrid[theme=grid-danger] td::before {
            font-weight: 700;
            text-transform: capitalize;
        }

        [b-9rrxy2jyfu] .quickgrid[theme=grid-danger] td:nth-of-type(1)::before {
            content: "Species:";
            text-align: start;
        }

        [b-9rrxy2jyfu] .quickgrid[theme=grid-danger] td:nth-of-type(2)::before {
            content: "Location:";
            text-align: start;
        }

        [b-9rrxy2jyfu] .quickgrid[theme=grid-danger] td:nth-of-type(3)::before {
            content: "Quantity:";
            text-align: start;
        }

    [b-9rrxy2jyfu] .quickgrid[theme=grid-danger] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-9rrxy2jyfu] .quickgrid[theme=grid-danger] td:empty {
        display: none;
    }
}


/* SUCCESS THEME*/
::deep .quickgrid[theme=grid-success][b-9rrxy2jyfu] {
    border-collapse: collapse;
    /*margin: 25px 0;*/
    font-size: 0.9em;
    /*min-width: 400px;*/
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    width: 100%;
    background-color: #f0f5fb;
}

/*Title*/
[b-9rrxy2jyfu] .quickgrid[theme=grid-success] thead tr {
    background-color: #81C784;
    color: #ffffff;
    font-size: 1.0em;
}

[b-9rrxy2jyfu] .quickgrid[theme=grid-success] .col-title-text {
    font-weight: bold;
    color: White;
}

[b-9rrxy2jyfu] .quickgrid[theme=grid-success] th,
[b-9rrxy2jyfu] .quickgrid[theme=grid-success] td {
    padding: 4px 4px;
}

/*Row lines*/
[b-9rrxy2jyfu] .quickgrid[theme=grid-success] tbody tr {
    border-bottom: 1px solid #cfe2f3;
}
    /*Row stripped*/
    [b-9rrxy2jyfu] .quickgrid[theme=grid-success] tbody tr:nth-of-type(even) {
        background-color: #E8F5E9;
    }

    /*End row line*/
    [b-9rrxy2jyfu] .quickgrid[theme=grid-success] tbody tr:last-of-type {
        border-bottom: 2px solid #7ED4AD;
    }

    /*Row hover*/
    [b-9rrxy2jyfu] .quickgrid[theme=grid-success] tbody tr:hover {
        background-color: #A5D6A7;
    }



/* Resposible mobile view */
@media (max-width: 650px) {
    [b-9rrxy2jyfu] .quickgrid[theme=grid-success] th {
        display: none;
    }

    [b-9rrxy2jyfu] .quickgrid[theme=grid-success] td {
        display: grid;
        gap: 0.3rem;
        grid-template-columns: 15ch auto;
        padding: 0.3rem 1rem;
    }

        [b-9rrxy2jyfu] .quickgrid[theme=grid-success] td:first-child {
            padding-top: 2rem;
        }

        [b-9rrxy2jyfu] .quickgrid[theme=grid-success] td:last-child {
            padding-bottom: 2rem;
        }

        [b-9rrxy2jyfu] .quickgrid[theme=grid-success] td::before {
            font-weight: 700;
            text-transform: capitalize;
        }

        [b-9rrxy2jyfu] .quickgrid[theme=grid-success] td:nth-of-type(1)::before {
            content: "Incubator:";
            text-align: start;
        }

        [b-9rrxy2jyfu] .quickgrid[theme=grid-success] td:nth-of-type(2)::before {
            content: "Species:";
            text-align: start;
        }

        [b-9rrxy2jyfu] .quickgrid[theme=grid-success] td:nth-of-type(3)::before {
            content: "Location:";
            text-align: start;
        }

        [b-9rrxy2jyfu] .quickgrid[theme=grid-success] td:nth-of-type(4)::before {
            content: "Quantity:";
            text-align: start;
        }

        [b-9rrxy2jyfu] .quickgrid[theme=grid-success] td:nth-of-type(5)::before {
            content: "Setting Date:";
            text-align: start;
        }

        [b-9rrxy2jyfu] .quickgrid[theme=grid-success] td:nth-of-type(6)::before {
            content: "Transfer Date:";
            text-align: start;
        }

        [b-9rrxy2jyfu] .quickgrid[theme=grid-success] td:nth-of-type(7)::before {
            content: "Hatch Date:";
            text-align: start;
        }

        [b-9rrxy2jyfu] .quickgrid[theme=grid-success] td:nth-of-type(8)::before {
            display: grid; /* Use flexbox for button alignment */
            justify-content: space-around; /* Space buttons evenly */
            align-items: center; /* Center align vertically */
            gap: 0.5rem; /* Optional: Add spacing between buttons */
            padding: 0.3rem 1rem; /* Adjust padding as needed */
        }

    [b-9rrxy2jyfu] .quickgrid[theme=grid-success] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-9rrxy2jyfu] .quickgrid[theme=grid-success] td:empty {
        display: none;
    }
}

[b-9rrxy2jyfu] tr:has(> td:not(:empty)) > td {
    display: table-cell;
}

[b-9rrxy2jyfu] td:empty {
    display: none;
}

/* _content/Hatchery.App/Components/Pages/LandingPages/Landing.razor.rz.scp.css */
.card[b-1blx4xwrjs] {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .card:hover[b-1blx4xwrjs] {
        transform: scale(1.03);
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); /* nice glow effect */
    }

img[b-1blx4xwrjs] {
    max-width: 100%;
}

ul[b-1blx4xwrjs] {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

a[b-1blx4xwrjs] {
    text-decoration: none;
    display: inline-block;
}

h1[b-1blx4xwrjs] {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color: #38424d;
}

p[b-1blx4xwrjs] {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #747e74;
    margin: 0;
}

span[b-1blx4xwrjs] {
    display: contents;
    color: #fe5f59;
}

/*all buttons css*/
.main-btn[b-1blx4xwrjs] {
    display: inline-block;
    padding: 0 25px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    line-height: 55px;
    border: 2px solid #0898ef;
    border-radius: 5px;
    background-color: #0898ef;
    color: #fff;
}

    .main-btn:hover[b-1blx4xwrjs] {
        background-color: rgba(8,152,231,.7);
        color: #fff;
        border-color: transparent;
    }

.navbar-area[b-1blx4xwrjs] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

/*header hero content styles*/

.header-hero[b-1blx4xwrjs] {
    position: relative;
    top: 0;
    height: 800px;
    z-index:10;
    background-position: bottom center;
}

.header-hero-content[b-1blx4xwrjs] {
    position: relative;
}

    .header-hero-content .header-title[b-1blx4xwrjs] {
        font-size: 42px;
        color: #38424d;
    }

    .header-hero-content .text[b-1blx4xwrjs] {
        margin-top: 30px;
    }

    .header-hero-content ul[b-1blx4xwrjs] {
        margin-top: 30px;
    }

        .header-hero-content ul li .video-btn[b-1blx4xwrjs] {
            margin-left: 50px;
        }

    .header-hero-content .video-btn[b-1blx4xwrjs] {
        position: relative;
        margin-top: 6px;
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        font-size: 36px;
        font-weight: 500;
        border-radius: 50%;
        background-color: #0898ef;
        color: #fff;
    }

        .header-hero-content .video-btn[b-1blx4xwrjs]::before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            border-radius: 50%;
            background-color: rgba(8, 152, 231, .8);
            z-index: -9;
            animation: video-b-1blx4xwrjs 2s linear infinite;
        }

@keyframes video-b-1blx4xwrjs {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1.4);
        opacity: 0;
    }
}

.header-image[b-1blx4xwrjs] {
    position: relative;
    padding-top: 80px;
    animation: bounce-top-1-b-1blx4xwrjs 3s ease infinite;
}

@keyframes bounce-top-1-b-1blx4xwrjs {
    0%,100% {
        transform: translateY(-30px);
    }

    50% {
        transform: translateY(0);
    }
}

/*.header-shape-1 {
    position: absolute;
    top: -120px;
    right: 0;
    width: 50%;
    height: 100%;
    background-image: url(../images/header-shape-1.svg); 
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
}*/

.header-shape-2[b-1blx4xwrjs] {
    position: absolute;
    top: -120px;
    right: 0;
    z-index:-1;
}


.faq-accordion .accordion-item[b-1blx4xwrjs] {
    background: #fff;
    /*border-radius: 0.75rem;*/
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.faq-accordion .accordion-item:hover[b-1blx4xwrjs] {
    transform: translateY(-3px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
}

.faq-accordion .accordion-button[b-1blx4xwrjs] {
    font-weight: 600;
    /* border-radius: 0.75rem;*/
    color: #009688;
    transition: background 0.3s ease, color 0.3s ease;
}

.faq-accordion .accordion-button:not(.collapsed)[b-1blx4xwrjs] {
    background-color: #eaf2ff;
    color: #084298;
}

.faq-accordion .accordion-body[b-1blx4xwrjs] {
    padding: 1rem;
    font-size: 0.95rem;
    color: #333;
    border-top: 1px solid #e0e0e0;
}

/* Simple fade-in animation */
.fade-in[b-1blx4xwrjs] {
    opacity: 0;
    transform: translateY(15px);
    animation: fadeInUp-b-1blx4xwrjs 0.6s ease forwards;
}

@keyframes fadeInUp-b-1blx4xwrjs {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* _content/Hatchery.App/Components/Pages/LandingPages/Shared/Navbar.razor.rz.scp.css */
.navbar[b-51gqc8p4fc] {
    position: relative;
    padding: 20px 0;
    transition: all 0.3s ease;
    padding: 1rem 1.5rem;
    background-color: transparent;
}

/* When scrolled */
.scrolled-navbar[b-51gqc8p4fc] {
    background-color: rgba(255, 255, 255, 0.95); /* or use dark color if you prefer */
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    backdrop-filter: blur(5px); /* Optional: glassy blur */
    opacity: 0.95;
}


.navbar-brand .navbar-image[b-51gqc8p4fc] {
    max-width: 150px;
}

.navbar-nav .nav-item[b-51gqc8p4fc] {
    position: relative;
    margin-left: 40px;
}

    .navbar-nav .nav-item .nav-link[b-51gqc8p4fc] {
        position: relative;
        padding: 10px 0;
        font-size: 18px;
        font-weight: 400;
        color: #38424d;
    }

        .navbar-nav .nav-item .nav-link.active[b-51gqc8p4fc],
        .navbar-nav .nav-item .nav-link:hover[b-51gqc8p4fc] {
            color: #ff846f;
        }

        .navbar-nav .nav-item .nav-link[b-51gqc8p4fc]::before {
            content: '';
            position: absolute;
            width: 8px;
            height: 8px;
            bottom: 0;
            left: 50%;
            border-radius: 50%;
            background-color: #38424d;
            opacity: 0;
            transition: all .3s ease-out 0s;
        }

        .navbar-nav .nav-item .nav-link.active[b-51gqc8p4fc]::before,
        .navbar-nav .nav-item .nav-link:hover[b-51gqc8p4fc]::before {
            opacity: 1;
        }
/* _content/Hatchery.App/Components/Pages/LandingPages/Shared/VideoViewerModal.razor.rz.scp.css */
.modal-report[b-nv8mzj2ktx] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6); /* Dark transparent backdrop */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1050;
}

.btn-close-report[b-nv8mzj2ktx] {
    position: absolute;
    top: 20px;
    right: 20px;
    background: red;
    color: white;
    font-size: 24px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
    z-index: 1051;
}

    .btn-close-report:hover[b-nv8mzj2ktx] {
        background: #cc0000; /* Slightly darker red for a smooth hover effect */
    }

iframe[b-nv8mzj2ktx] {
    width: 90%;
    height: 90%;
    border-radius: 8px;
    border: none;
}
/* _content/Hatchery.App/Components/Pages/LogPages/Index.razor.rz.scp.css */
/* INFO THEME*/
::deep .quickgrid[theme=grid-info][b-lme6idzb7c] {
    border-collapse: collapse;
    /*margin: 25px 0;*/
    font-size: 0.9em;
    /*min-width: 400px;*/
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    width: 100%;
    background-color: #f0f5fb;
}

/*Title*/
[b-lme6idzb7c] .quickgrid[theme=grid-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

[b-lme6idzb7c] .quickgrid[theme=grid-info] .col-title-text {
    font-weight: bold;
    color: White;
}

[b-lme6idzb7c] .quickgrid[theme=grid-info] th,
[b-lme6idzb7c] .quickgrid[theme=grid-info] td {
    padding: 4px 4px;
}

/*Row lines*/
[b-lme6idzb7c] .quickgrid[theme=grid-info] tbody tr {
    border-bottom: 1px solid #cfe2f3;
}
    /*Row stripped*/
    [b-lme6idzb7c] .quickgrid[theme=grid-info] tbody tr:nth-of-type(even) {
        background-color: #E3F2FD;
    }

    /*End row line*/
    [b-lme6idzb7c] .quickgrid[theme=grid-info] tbody tr:last-of-type {
        border-bottom: 2px solid #64B5F6;
    }

    /*Row hover*/
    [b-lme6idzb7c] .quickgrid[theme=grid-info] tbody tr:hover {
        background-color: #BBDEFB;
    }

[b-lme6idzb7c] tr:has(> td:not(:empty)) > td {
    display: table-cell;
}

[b-lme6idzb7c] td:empty {
    display: none;
}

/* Resposible mobile view */
@media (max-width: 650px) {
    [b-lme6idzb7c] .quickgrid[theme=grid-info] th {
        display: none;
    }

    [b-lme6idzb7c] .quickgrid[theme=grid-info] td {
        display: grid;
        gap: 0.3rem;
        grid-template-columns: 15ch auto;
        padding: 0.3rem 1rem;
    }

        [b-lme6idzb7c] .quickgrid[theme=grid-info] td:first-child {
            padding-top: 2rem;
        }

        [b-lme6idzb7c] .quickgrid[theme=grid-info] td:last-child {
            padding-bottom: 2rem;
        }

        [b-lme6idzb7c] .quickgrid[theme=grid-info] td::before {
            font-weight: 700;
            text-transform: capitalize;
        }

        [b-lme6idzb7c] .quickgrid[theme=grid-info] td:nth-of-type(1)::before {
            content: "Batch:";
            text-align: start;
        }

        [b-lme6idzb7c] .quickgrid[theme=grid-info] td:nth-of-type(2)::before {
            content: "Message:";
            text-align: start;
        }

        [b-lme6idzb7c] .quickgrid[theme=grid-info] td:nth-of-type(3)::before {
            content: "Timestamp";
            text-align: start;
        }

        [b-lme6idzb7c] .quickgrid[theme=grid-info] td:nth-of-type(4)::before {
            content: "Status:";
            text-align: start;
        }

    [b-lme6idzb7c] .quickgrid[theme=grid-info] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-lme6idzb7c] .quickgrid[theme=grid-info] td:empty {
        display: none;
    }
}
/* _content/Hatchery.App/Components/Pages/MessagePages/Index.razor.rz.scp.css */
.imessage[b-r37687dl47] {
    background-color: #fff;
    border: 1px solid #e5e5ea;
    border-radius: 0.25rem;
    display: flex;
    flex-direction: column;
    /* font-family: "SanFrancisco";*/
    font-size: 1.25rem;
    margin: 0 auto 1rem;
    max-width: 100%;
    padding: 0.5rem 1.5rem;
}

    .imessage p[b-r37687dl47] {
        border-radius: 1.15rem;
        line-height: 1.25;
        max-width: 75%;
        padding: 0.5rem .875rem;
        position: relative;
        word-wrap: break-word;
    }

        .imessage p[b-r37687dl47]::before,
        .imessage p[b-r37687dl47]::after {
            bottom: -0.1rem;
            content: "";
            height: 1rem;
            position: absolute;
        }

p.from-me[b-r37687dl47] {
    align-self: flex-end;
    background-color: #98D8EF;
    color: #000;
    min-width: 25%;
}

    p.from-me[b-r37687dl47]::before {
        border-bottom-left-radius: 0.8rem 0.7rem;
        border-right: 1rem solid #98D8EF;
        right: -0.35rem;
        transform: translate(0, -0.1rem);
    }

    p.from-me[b-r37687dl47]::after {
        background-color: #fff;
        border-bottom-left-radius: 0.5rem;
        right: -40px;
        transform: translate(-30px, -2px);
        width: 10px;
    }

p[class^="from-"][b-r37687dl47] {
    margin: 0.5rem 0;
    width: fit-content;
}

p.from-me ~ p.from-me[b-r37687dl47] {
    margin: 0.25rem 0 0;
}

    p.from-me ~ p.from-me:not(:last-child)[b-r37687dl47] {
        margin: 0.25rem 0 0;
    }

    p.from-me ~ p.from-me:last-child[b-r37687dl47] {
        margin-bottom: 0.5rem;
    }

p.from-them[b-r37687dl47] {
    align-items: flex-start;
    background-color: #CAE0BC;
    color: #000;
    min-width: 25%;
}

    p.from-them[b-r37687dl47]:before {
        border-bottom-right-radius: 0.8rem 0.7rem;
        border-left: 1rem solid #CAE0BC;
        left: -0.35rem;
        transform: translate(0, -0.1rem);
    }

    p.from-them[b-r37687dl47]::after {
        background-color: #fff;
        border-bottom-right-radius: 0.5rem;
        left: 20px;
        transform: translate(-30px, -2px);
        width: 10px;
    }

p[class^="from-"].emoji[b-r37687dl47] {
    background: none;
    font-size: 2.5rem;
}

    p[class^="from-"].emoji[b-r37687dl47]::before {
        content: none;
    }

.no-tail[b-r37687dl47]::before {
    display: none;
}

.margin-b_none[b-r37687dl47] {
    margin-bottom: 0 !important;
}

.margin-b_one[b-r37687dl47] {
    margin-bottom: 1rem !important;
}

.margin-t_one[b-r37687dl47] {
    margin-top: 1rem !important;
}
/* _content/Hatchery.App/Components/Pages/MessagePages/Modals/Inbox.razor.rz.scp.css */
*[b-yztynodj9k] {
    list-style: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.inbox[b-yztynodj9k] {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: y proximity;
    padding-right: 8px; /* space for scrollbar */
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.05), 0 1px 1px rgba(0, 0, 0, 0.03);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    background-color: #fff;
}

/*    .inbox:hover {
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
        transform: translateY(-2px);
    }
*/
    /* Scrollbar styling */
    .inbox[b-yztynodj9k]::-webkit-scrollbar {
        width: 8px;
    }

    .inbox[b-yztynodj9k]::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .inbox[b-yztynodj9k]::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.2);
        border-radius: 6px;
        box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
        transition: background 0.3s ease;
    }

    .inbox:hover[b-yztynodj9k]::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.35);
    }

    /* Message item */
    .inbox li .all[b-yztynodj9k] {
        display: flex;
        align-items: center;
        padding: 15px 20px;
        border-bottom: 1px solid #f0f0f0;
        transition: background 0.3s ease, transform 0.2s ease;
    }

        .inbox li .all:hover[b-yztynodj9k] {
            background-color: #eef5fb;
            transform: scale(1.01);
            cursor:pointer;
        }

    .inbox li:last-child .all[b-yztynodj9k] {
        border-bottom: none;
    }

    .inbox li img[b-yztynodj9k] {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        object-fit: cover;
    }

    /* Unread messages */
    .inbox li .unread[b-yztynodj9k] {
        background-color: #f5fcff;
        border-left: 4px solid #007bff;
    }

/* Message body */
.li_right[b-yztynodj9k] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-left: 15px;
}

.message[b-yztynodj9k] {
    flex-grow: 1;
}

    .message .title[b-yztynodj9k] {
        font-weight: 600;
        color: #333;
        margin-bottom: 4px;
    }

    .message .sub-title[b-yztynodj9k] {
        font-size: 13px;
        color: #666;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.time_status[b-yztynodj9k] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    min-width: 80px;
}

.time[b-yztynodj9k] {
    font-size: 12px;
    color: #999;
}

.message_status[b-yztynodj9k] {
    display: flex;
    gap: 8px;
    margin-top: 6px;
}

.status[b-yztynodj9k], .flag[b-yztynodj9k] {
    font-size: 18px;
    color: #888;
    transition: color 0.3s ease;
}
/* _content/Hatchery.App/Components/Pages/PageNotFound.razor.rz.scp.css */
/*--------------------------------------------------------------
# Error 404
--------------------------------------------------------------*/
.error-404[b-7l5az2gzsk] {
    padding: 30px;
}

    .error-404 h1[b-7l5az2gzsk] {
        font-size: 180px;
        font-weight: 700;
        margin-bottom: 0;
        line-height: 150px;
    }

    .error-404 h2[b-7l5az2gzsk] {
        font-size: 24px;
        font-weight: 700;
        color: #012970;
        margin-bottom: 30px;
    }

    .error-404 .btn[b-7l5az2gzsk] {
        background: #51678f;
        color: #fff;
        padding: 8px 30px;
    }

        .error-404 .btn:hover[b-7l5az2gzsk] {
            background: #3e4f6f;
        }

@media (min-width: 992px) {
    .error-404 img[b-7l5az2gzsk] {
        max-width: 50%;
    }
}

.credits[b-7l5az2gzsk] {
    padding-top: 5px;
    text-align: center;
    font-size: 13px;
    color: #012970;
}
/* _content/Hatchery.App/Components/Pages/ReportPages/ChicksDeliveryReport.razor.rz.scp.css */
/* INFO THEME*/
::deep .quickgrid[theme=grid-info][b-wccr0r1vg4] {
    border-collapse: collapse;
    /*margin: 25px 0;*/
    font-size: 0.9em;
    /*min-width: 400px;*/
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    width: 100%;
    background-color: #f0f5fb;
}

/*Title*/
[b-wccr0r1vg4] .quickgrid[theme=grid-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

[b-wccr0r1vg4] .quickgrid[theme=grid-info] .col-title-text {
    font-weight: bold;
    color: White;
}

[b-wccr0r1vg4] .quickgrid[theme=grid-info] th,
[b-wccr0r1vg4] .quickgrid[theme=grid-info] td {
    padding: 4px 4px;
}

/*Row lines*/
[b-wccr0r1vg4] .quickgrid[theme=grid-info] tbody tr {
    border-bottom: 1px solid #cfe2f3;
}
    /*Row stripped*/
    [b-wccr0r1vg4] .quickgrid[theme=grid-info] tbody tr:nth-of-type(even) {
        background-color: #E3F2FD;
    }

    /*End row line*/
    [b-wccr0r1vg4] .quickgrid[theme=grid-info] tbody tr:last-of-type {
        border-bottom: 2px solid #64B5F6;
    }

    /*Row hover*/
    [b-wccr0r1vg4] .quickgrid[theme=grid-info] tbody tr:hover {
        background-color: #BBDEFB;
    }

[b-wccr0r1vg4] tr:has(> td:not(:empty)) > td {
    display: table-cell;
}

[b-wccr0r1vg4] td:empty {
    display: none;
}
/* _content/Hatchery.App/Components/Pages/ReportPages/HatchedSpeciesReport.razor.rz.scp.css */
/* INFO THEME*/
::deep .quickgrid[theme=grid-info][b-6hhw0gqnjn] {
    border-collapse: collapse;
    /*margin: 25px 0;*/
    font-size: 0.9em;
    /*min-width: 400px;*/
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    width: 100%;
    background-color: #f0f5fb;
}

/*Title*/
[b-6hhw0gqnjn] .quickgrid[theme=grid-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

[b-6hhw0gqnjn] .quickgrid[theme=grid-info] .col-title-text {
    font-weight: bold;
    color: White;
}

[b-6hhw0gqnjn] .quickgrid[theme=grid-info] th,
[b-6hhw0gqnjn] .quickgrid[theme=grid-info] td {
    padding: 4px 4px;
}

/*Row lines*/
[b-6hhw0gqnjn] .quickgrid[theme=grid-info] tbody tr {
    border-bottom: 1px solid #cfe2f3;
}
    /*Row stripped*/
    [b-6hhw0gqnjn] .quickgrid[theme=grid-info] tbody tr:nth-of-type(even) {
        background-color: #E3F2FD;
    }

    /*End row line*/
    [b-6hhw0gqnjn] .quickgrid[theme=grid-info] tbody tr:last-of-type {
        border-bottom: 2px solid #64B5F6;
    }

    /*Row hover*/
    [b-6hhw0gqnjn] .quickgrid[theme=grid-info] tbody tr:hover {
        background-color: #BBDEFB;
    }

[b-6hhw0gqnjn] tr:has(> td:not(:empty)) > td {
    display: table-cell;
}

[b-6hhw0gqnjn] td:empty {
    display: none;
}
/* _content/Hatchery.App/Components/Pages/ReportPages/Modals/ReportViewerModal.razor.rz.scp.css */
.modal-report[b-7epvuowt82] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6); /* Dark transparent backdrop */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1050;
}

.btn-close-report[b-7epvuowt82] {
    position: absolute;
    top: 20px;
    right: 20px;
    background: red;
    color: white;
    font-size: 24px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
    z-index: 1051;
}

    .btn-close-report:hover[b-7epvuowt82] {
        background: #cc0000; /* Slightly darker red for a smooth hover effect */
    }

iframe[b-7epvuowt82] {
    width: 90%;
    height: 90%;
    border-radius: 8px;
    border: none;
}
/* _content/Hatchery.App/Components/Pages/ReportPages/ProductionDetailReport.razor.rz.scp.css */
/* INFO THEME*/
::deep .quickgrid[theme=grid-info][b-jxchm5y3gi] {
    border-collapse: collapse;
    /*margin: 25px 0;*/
    font-size: 0.9em;
    /*min-width: 400px;*/
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    width: 100%;
    background-color: #f0f5fb;
}

/*Title*/
[b-jxchm5y3gi] .quickgrid[theme=grid-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

[b-jxchm5y3gi] .quickgrid[theme=grid-info] .col-title-text {
    font-weight: bold;
    color: White;
}

[b-jxchm5y3gi] .quickgrid[theme=grid-info] th,
[b-jxchm5y3gi] .quickgrid[theme=grid-info] td {
    padding: 4px 4px;
}

/*Row lines*/
[b-jxchm5y3gi] .quickgrid[theme=grid-info] tbody tr {
    border-bottom: 1px solid #cfe2f3;
}
    /*Row stripped*/
    [b-jxchm5y3gi] .quickgrid[theme=grid-info] tbody tr:nth-of-type(even) {
        background-color: #E3F2FD;
    }

    /*End row line*/
    [b-jxchm5y3gi] .quickgrid[theme=grid-info] tbody tr:last-of-type {
        border-bottom: 2px solid #64B5F6;
    }

    /*Row hover*/
    [b-jxchm5y3gi] .quickgrid[theme=grid-info] tbody tr:hover {
        background-color: #BBDEFB;
    }

[b-jxchm5y3gi] tr:has(> td:not(:empty)) > td {
    display: table-cell;
}

[b-jxchm5y3gi] td:empty {
    display: none;
}
/* _content/Hatchery.App/Components/Pages/ReportPages/ProductionSummaryReport.razor.rz.scp.css */
/* INFO THEME*/
::deep .quickgrid[theme=grid-info][b-0aqtpytbu1] {
    border-collapse: collapse;
    /*margin: 25px 0;*/
    font-size: 0.9em;
    /*min-width: 400px;*/
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    width: 100%;
    background-color: #f0f5fb;
}

/*Title*/
[b-0aqtpytbu1] .quickgrid[theme=grid-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

[b-0aqtpytbu1] .quickgrid[theme=grid-info] .col-title-text {
    font-weight: bold;
    color: White;
}

[b-0aqtpytbu1] .quickgrid[theme=grid-info] th,
[b-0aqtpytbu1] .quickgrid[theme=grid-info] td {
    padding: 4px 4px;
}

/*Row lines*/
[b-0aqtpytbu1] .quickgrid[theme=grid-info] tbody tr {
    border-bottom: 1px solid #cfe2f3;
}
    /*Row stripped*/
    [b-0aqtpytbu1] .quickgrid[theme=grid-info] tbody tr:nth-of-type(even) {
        background-color: #E3F2FD;
    }

    /*End row line*/
    [b-0aqtpytbu1] .quickgrid[theme=grid-info] tbody tr:last-of-type {
        border-bottom: 2px solid #64B5F6;
    }

    /*Row hover*/
    [b-0aqtpytbu1] .quickgrid[theme=grid-info] tbody tr:hover {
        background-color: #BBDEFB;
    }

[b-0aqtpytbu1] tr:has(> td:not(:empty)) > td {
    display: table-cell;
}

[b-0aqtpytbu1] td:empty {
    display: none;
}
/* _content/Hatchery.App/Components/Pages/ReportPages/SeasonSummaryReport.razor.rz.scp.css */
/* INFO THEME*/
::deep .quickgrid[theme=grid-info][b-fd36k165tx] {
    border-collapse: collapse;
    /*margin: 25px 0;*/
    font-size: 0.9em;
    /*min-width: 400px;*/
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    width: 100%;
    background-color: #f0f5fb;
}

/*Title*/
[b-fd36k165tx] .quickgrid[theme=grid-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

[b-fd36k165tx] .quickgrid[theme=grid-info] .col-title-text {
    font-weight: bold;
    color: White;
}

[b-fd36k165tx] .quickgrid[theme=grid-info] th,
[b-fd36k165tx] .quickgrid[theme=grid-info] td {
    padding: 4px 4px;
}

/*Row lines*/
[b-fd36k165tx] .quickgrid[theme=grid-info] tbody tr {
    border-bottom: 1px solid #cfe2f3;
}
    /*Row stripped*/
    [b-fd36k165tx] .quickgrid[theme=grid-info] tbody tr:nth-of-type(even) {
        background-color: #E3F2FD;
    }

    /*End row line*/
    [b-fd36k165tx] .quickgrid[theme=grid-info] tbody tr:last-of-type {
        border-bottom: 2px solid #64B5F6;
    }

    /*Row hover*/
    [b-fd36k165tx] .quickgrid[theme=grid-info] tbody tr:hover {
        background-color: #BBDEFB;
    }

[b-fd36k165tx] tr:has(> td:not(:empty)) > td {
    display: table-cell;
}

[b-fd36k165tx] td:empty {
    display: none;
}
/* _content/Hatchery.App/Components/Pages/SettingPages/HatcherPages/Index.razor.rz.scp.css */
/* INFO THEME*/
::deep .quickgrid[theme=grid-info][b-v8imjx52gi] {
    border-collapse: collapse;
    /*margin: 25px 0;*/
    font-size: 0.9em;
    /*min-width: 400px;*/
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    width: 100%;
    background-color: #f0f5fb;
}

/*Title*/
[b-v8imjx52gi] .quickgrid[theme=grid-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

[b-v8imjx52gi] .quickgrid[theme=grid-info] .col-title-text {
    font-weight: bold;
    color: White;
}

[b-v8imjx52gi] .quickgrid[theme=grid-info] th,
[b-v8imjx52gi] .quickgrid[theme=grid-info] td {
    padding: 4px 4px;
}

/*Row lines*/
[b-v8imjx52gi] .quickgrid[theme=grid-info] tbody tr {
    border-bottom: 1px solid #cfe2f3;
}
    /*Row stripped*/
    [b-v8imjx52gi] .quickgrid[theme=grid-info] tbody tr:nth-of-type(even) {
        background-color: #E3F2FD;
    }

    /*End row line*/
    [b-v8imjx52gi] .quickgrid[theme=grid-info] tbody tr:last-of-type {
        border-bottom: 2px solid #64B5F6;
    }

    /*Row hover*/
    [b-v8imjx52gi] .quickgrid[theme=grid-info] tbody tr:hover {
        background-color: #BBDEFB;
    }

[b-v8imjx52gi] tr:has(> td:not(:empty)) > td {
    display: table-cell;
}

[b-v8imjx52gi] td:empty {
    display: none;
}

/* Resposible mobile view */
@media (max-width: 650px) {
    [b-v8imjx52gi] .quickgrid[theme=grid-info] th {
        display: none;
    }

    [b-v8imjx52gi] .quickgrid[theme=grid-info] td {
        display: grid;
        gap: 0.3rem;
        grid-template-columns: 15ch auto;
        padding: 0.3rem 1rem;
    }

        [b-v8imjx52gi] .quickgrid[theme=grid-info] td:first-child {
            padding-top: 2rem;
        }

        [b-v8imjx52gi] .quickgrid[theme=grid-info] td:last-child {
            padding-bottom: 2rem;
        }

        [b-v8imjx52gi] .quickgrid[theme=grid-info] td::before {
            font-weight: 700;
            text-transform: capitalize;
        }

        [b-v8imjx52gi] .quickgrid[theme=grid-info] td:nth-of-type(1)::before {
            content: "Name:";
            text-align: start;
        }

        [b-v8imjx52gi] .quickgrid[theme=grid-info] td:nth-of-type(2)::before {
            content: "Brand:";
            text-align: start;
        }

        [b-v8imjx52gi] .quickgrid[theme=grid-info] td:nth-of-type(3)::before {
            content: "Capacity eggs:";
            text-align: start;
        }

        [b-v8imjx52gi] .quickgrid[theme=grid-info] td:nth-of-type(4)::before {
            content: "Description:";
            text-align: start;
        }

        [b-v8imjx52gi] .quickgrid[theme=grid-info] td:last-child {
            display: grid; /* Use flexbox for button alignment */
            justify-content: space-around; /* Space buttons evenly */
            gap: 0.5rem; /* Optional: Add spacing between buttons */
            padding: 0.3rem 1rem; /* Adjust padding as needed */
        }
       

    [b-v8imjx52gi] .quickgrid[theme=grid-info] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-v8imjx52gi] .quickgrid[theme=grid-info] td:empty {
        display: none;
    }
}
/* _content/Hatchery.App/Components/Pages/SettingPages/LocationPages/Index.razor.rz.scp.css */
/* INFO THEME*/
::deep .quickgrid[theme=grid-info][b-65wj86kfkc] {
    border-collapse: collapse;
    /*margin: 25px 0;*/
    font-size: 0.9em;
    /*min-width: 400px;*/
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    width: 100%;
    background-color: #f0f5fb;
}

/*Title*/
[b-65wj86kfkc] .quickgrid[theme=grid-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

[b-65wj86kfkc] .quickgrid[theme=grid-info] .col-title-text {
    font-weight: bold;
    color: White;
}

[b-65wj86kfkc] .quickgrid[theme=grid-info] th,
[b-65wj86kfkc] .quickgrid[theme=grid-info] td {
    padding: 4px 4px;
}

/*Row lines*/
[b-65wj86kfkc] .quickgrid[theme=grid-info] tbody tr {
    border-bottom: 1px solid #cfe2f3;
}
    /*Row stripped*/
    [b-65wj86kfkc] .quickgrid[theme=grid-info] tbody tr:nth-of-type(even) {
        background-color: #E3F2FD;
    }

    /*End row line*/
    [b-65wj86kfkc] .quickgrid[theme=grid-info] tbody tr:last-of-type {
        border-bottom: 2px solid #64B5F6;
    }

    /*Row hover*/
    [b-65wj86kfkc] .quickgrid[theme=grid-info] tbody tr:hover {
        background-color: #BBDEFB;
    }

[b-65wj86kfkc] tr:has(> td:not(:empty)) > td {
    display: table-cell;
}

[b-65wj86kfkc] td:empty {
    display: none;
}

/* Resposible mobile view */
@media (max-width: 650px) {
    [b-65wj86kfkc] .quickgrid[theme=grid-info] th {
        display: none;
    }

    [b-65wj86kfkc] .quickgrid[theme=grid-info] td {
        display: grid;
        gap: 0.3rem;
        grid-template-columns: 15ch auto;
        padding: 0.3rem 1rem;
    }

        [b-65wj86kfkc] .quickgrid[theme=grid-info] td:first-child {
            padding-top: 2rem;
        }

        [b-65wj86kfkc] .quickgrid[theme=grid-info] td:last-child {
            padding-bottom: 2rem;
        }

        [b-65wj86kfkc] .quickgrid[theme=grid-info] td::before {
            font-weight: 700;
            text-transform: capitalize;
        }

        [b-65wj86kfkc] .quickgrid[theme=grid-info] td:nth-of-type(1)::before {
            content: "Name:"; 
            text-align: start;
        }

        [b-65wj86kfkc] .quickgrid[theme=grid-info] td:nth-of-type(2)::before {
            content: "Description:";
            text-align: start;
        }

        [b-65wj86kfkc] .quickgrid[theme=grid-info] td:last-child {
            display: grid; /* Use flexbox for button alignment */
            justify-content: space-around; /* Space buttons evenly */
            align-items: center; /* Center align vertically */
            gap: 0.5rem; /* Optional: Add spacing between buttons */
            padding: 0.3rem 1rem; /* Adjust padding as needed */
        }

    [b-65wj86kfkc] .quickgrid[theme=grid-info] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-65wj86kfkc] .quickgrid[theme=grid-info] td:empty {
        display: none;
    }
}
/* _content/Hatchery.App/Components/Pages/SettingPages/SetterPages/Index.razor.rz.scp.css */
/* INFO THEME*/
::deep .quickgrid[theme=grid-info][b-di21lvdemj] {
    border-collapse: collapse;
    /*margin: 25px 0;*/
    font-size: 0.9em;
    /*min-width: 400px;*/
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    width: 100%;
    background-color: #f0f5fb;
}

/*Title*/
[b-di21lvdemj] .quickgrid[theme=grid-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

[b-di21lvdemj] .quickgrid[theme=grid-info] .col-title-text {
    font-weight: bold;
    color: White;
}

[b-di21lvdemj] .quickgrid[theme=grid-info] th,
[b-di21lvdemj] .quickgrid[theme=grid-info] td {
    padding: 4px 4px;
}

/*Row lines*/
[b-di21lvdemj] .quickgrid[theme=grid-info] tbody tr {
    border-bottom: 1px solid #cfe2f3;
}
    /*Row stripped*/
    [b-di21lvdemj] .quickgrid[theme=grid-info] tbody tr:nth-of-type(even) {
        background-color: #E3F2FD;
    }

    /*End row line*/
    [b-di21lvdemj] .quickgrid[theme=grid-info] tbody tr:last-of-type {
        border-bottom: 2px solid #64B5F6;
    }

    /*Row hover*/
    [b-di21lvdemj] .quickgrid[theme=grid-info] tbody tr:hover {
        background-color: #BBDEFB;
    }

[b-di21lvdemj] tr:has(> td:not(:empty)) > td {
    display: table-cell;
}

[b-di21lvdemj] td:empty {
    display: none;
}

/* Resposible mobile view */
@media (max-width: 650px) {
    [b-di21lvdemj] .quickgrid[theme=grid-info] th {
        display: none;
    }

    [b-di21lvdemj] .quickgrid[theme=grid-info] td {
        display: grid;
        gap: 0.3rem;
        grid-template-columns: 15ch auto;
        padding: 0.3rem 1rem;
    }

        [b-di21lvdemj] .quickgrid[theme=grid-info] td:first-child {
            padding-top: 2rem;
        }

        [b-di21lvdemj] .quickgrid[theme=grid-info] td:last-child {
            padding-bottom: 2rem;
        }

        [b-di21lvdemj] .quickgrid[theme=grid-info] td::before {
            font-weight: 700;
            text-transform: capitalize;
        }

        [b-di21lvdemj] .quickgrid[theme=grid-info] td:nth-of-type(1)::before {
            content: "Name:";
            text-align: start;
        }

        [b-di21lvdemj] .quickgrid[theme=grid-info] td:nth-of-type(2)::before {
            content: "Brand:"; 
            text-align: start;
        }

        [b-di21lvdemj] .quickgrid[theme=grid-info] td:nth-of-type(3)::before {
            content: "Capacity eggs:";
            text-align: start;
        }

        [b-di21lvdemj] .quickgrid[theme=grid-info] td:nth-of-type(4)::before {
            content: "Description:";
            text-align: start;
        }

        [b-di21lvdemj] .quickgrid[theme=grid-info] td:last-child {
            display: grid; /* Use flexbox for button alignment */
            justify-content: space-around; /* Space buttons evenly */
            align-items: center; /* Center align vertically */
            gap: 0.5rem; /* Optional: Add spacing between buttons */
            padding: 0.3rem 1rem; /* Adjust padding as needed */
        }

    [b-di21lvdemj] .quickgrid[theme=grid-info] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-di21lvdemj] .quickgrid[theme=grid-info] td:empty {
        display: none;
    }
}
/* _content/Hatchery.App/Components/Pages/SettingPages/SpeciesPages/Index.razor.rz.scp.css */
/* INFO THEME*/
::deep .quickgrid[theme=grid-info][b-4v3vkx5sve] {
    border-collapse: collapse;
    /*margin: 25px 0;*/
    font-size: 0.9em;
    /*min-width: 400px;*/
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    width: 100%;
    background-color: #f0f5fb;
}

/*Title*/
[b-4v3vkx5sve] .quickgrid[theme=grid-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

[b-4v3vkx5sve] .quickgrid[theme=grid-info] .col-title-text {
    font-weight: bold;
    color: White;
}

[b-4v3vkx5sve] .quickgrid[theme=grid-info] th,
[b-4v3vkx5sve] .quickgrid[theme=grid-info] td {
    padding: 4px 4px;
}

/*Row lines*/
[b-4v3vkx5sve] .quickgrid[theme=grid-info] tbody tr {
    border-bottom: 1px solid #cfe2f3;
}
    /*Row stripped*/
    [b-4v3vkx5sve] .quickgrid[theme=grid-info] tbody tr:nth-of-type(even) {
        background-color: #E3F2FD;
    }

    /*End row line*/
    [b-4v3vkx5sve] .quickgrid[theme=grid-info] tbody tr:last-of-type {
        border-bottom: 2px solid #64B5F6;
    }

    /*Row hover*/
    [b-4v3vkx5sve] .quickgrid[theme=grid-info] tbody tr:hover {
        background-color: #BBDEFB;
    }

[b-4v3vkx5sve] tr:has(> td:not(:empty)) > td {
    display: table-cell;
}

[b-4v3vkx5sve] td:empty {
    display: none;
}

/* Resposible mobile view */
@media (max-width: 650px) {
    [b-4v3vkx5sve] .quickgrid[theme=grid-info] th {
        display: none;
    }

    [b-4v3vkx5sve] .quickgrid[theme=grid-info] td {
        display: grid;
        gap: 0.3rem;
        grid-template-columns: 15ch auto;
        padding: 0.3rem 1rem;
    }

        [b-4v3vkx5sve] .quickgrid[theme=grid-info] td:first-child {
            padding-top: 2rem;
        }

        [b-4v3vkx5sve] .quickgrid[theme=grid-info] td:last-child {
            padding-bottom: 2rem;
        }

        [b-4v3vkx5sve] .quickgrid[theme=grid-info] td::before {
            font-weight: 700;
            text-transform: capitalize;
        }

        [b-4v3vkx5sve] .quickgrid[theme=grid-info] td:nth-of-type(1)::before {
            content: "Species:";
            text-align: start;
        }

        [b-4v3vkx5sve] .quickgrid[theme=grid-info] td:nth-of-type(2)::before {
            content: "Period:";
            text-align: start;
        }

        [b-4v3vkx5sve] .quickgrid[theme=grid-info] td:nth-of-type(3)::before {
            content: "Transfer:";
            text-align: start;
        }

        [b-4v3vkx5sve] .quickgrid[theme=grid-info] td:nth-of-type(4)::before {
            content: "Temperature:";
            text-align: start;
        }

        [b-4v3vkx5sve] .quickgrid[theme=grid-info] td:nth-of-type(5)::before {
            content: "Humidity:";
            text-align: start;
        }

        [b-4v3vkx5sve] .quickgrid[theme=grid-info] td:last-child {
            display: grid; /* Use flexbox for button alignment */
            justify-content: space-around; /* Space buttons evenly */
            align-items: center; /* Center align vertically */
            gap: 0.5rem; /* Optional: Add spacing between buttons */
            padding: 0.3rem 1rem; /* Adjust padding as needed */
        }

    [b-4v3vkx5sve] .quickgrid[theme=grid-info] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-4v3vkx5sve] .quickgrid[theme=grid-info] td:empty {
        display: none;
    }
}
/* _content/Hatchery.App/Components/Pages/SettingPages/UsersPages/Index.razor.rz.scp.css */
/* INFO THEME*/
::deep .quickgrid[theme=grid-info][b-f9zoug72lr] {
    border-collapse: collapse;
    /*margin: 25px 0;*/
    font-size: 0.9em;
    /*min-width: 400px;*/
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    width: 100%;
    background-color: #f0f5fb;
}

/*Title*/
[b-f9zoug72lr] .quickgrid[theme=grid-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

[b-f9zoug72lr] .quickgrid[theme=grid-info] .col-title-text {
    font-weight: bold;
    color: White;
}

[b-f9zoug72lr] .quickgrid[theme=grid-info] th,
[b-f9zoug72lr] .quickgrid[theme=grid-info] td {
    padding: 4px 4px;
}

/*Row lines*/
[b-f9zoug72lr] .quickgrid[theme=grid-info] tbody tr {
    border-bottom: 1px solid #cfe2f3;
}
    /*Row stripped*/
    [b-f9zoug72lr] .quickgrid[theme=grid-info] tbody tr:nth-of-type(even) {
        background-color: #E3F2FD;
    }

    /*End row line*/
    [b-f9zoug72lr] .quickgrid[theme=grid-info] tbody tr:last-of-type {
        border-bottom: 2px solid #64B5F6;
    }

    /*Row hover*/
    [b-f9zoug72lr] .quickgrid[theme=grid-info] tbody tr:hover {
        background-color: #BBDEFB;
    }

[b-f9zoug72lr] tr:has(> td:not(:empty)) > td {
    display: table-cell;
}

[b-f9zoug72lr] td:empty {
    display: none;
}

/* Resposible mobile view */
@media (max-width: 650px) {
    [b-f9zoug72lr] .quickgrid[theme=grid-info] th {
        display: none;
    }

    [b-f9zoug72lr] .quickgrid[theme=grid-info] td {
        display: grid;
        gap: 0.3rem;
        grid-template-columns: 15ch auto;
        padding: 0.3rem 1rem;
    }

        [b-f9zoug72lr] .quickgrid[theme=grid-info] td:first-child {
            padding-top: 2rem;
        }

        [b-f9zoug72lr] .quickgrid[theme=grid-info] td:last-child {
            padding-bottom: 2rem;
        }

        [b-f9zoug72lr] .quickgrid[theme=grid-info] td::before {
            font-weight: 700;
            text-transform: capitalize;
        }

        [b-f9zoug72lr] .quickgrid[theme=grid-info] td:nth-of-type(1)::before {
            content: "Species:";
            text-align: start;
        }

        [b-f9zoug72lr] .quickgrid[theme=grid-info] td:nth-of-type(2)::before {
            content: "Period:";
            text-align: start;
        }

        [b-f9zoug72lr] .quickgrid[theme=grid-info] td:nth-of-type(3)::before {
            content: "Transfer:";
            text-align: start;
        }

        [b-f9zoug72lr] .quickgrid[theme=grid-info] td:nth-of-type(4)::before {
            content: "Temperature:";
            text-align: start;
        }

        [b-f9zoug72lr] .quickgrid[theme=grid-info] td:nth-of-type(5)::before {
            content: "Humidity:";
            text-align: start;
        }

        [b-f9zoug72lr] .quickgrid[theme=grid-info] td:last-child {
            display: grid; /* Use flexbox for button alignment */
            justify-content: space-around; /* Space buttons evenly */
            align-items: center; /* Center align vertically */
            gap: 0.5rem; /* Optional: Add spacing between buttons */
            padding: 0.3rem 1rem; /* Adjust padding as needed */
        }

    [b-f9zoug72lr] .quickgrid[theme=grid-info] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-f9zoug72lr] .quickgrid[theme=grid-info] td:empty {
        display: none;
    }
}
/* _content/Hatchery.App/Components/Pages/SubscriptionPages/Index.razor.rz.scp.css */
/* INFO THEME*/
::deep .quickgrid[theme=grid-info][b-j6xpuz3mcp] {
    border-collapse: collapse;
    /*margin: 25px 0;*/
    font-size: 0.9em;
    /*min-width: 400px;*/
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    width: 100%;
    background-color: #f0f5fb;
}

/*Title*/
[b-j6xpuz3mcp] .quickgrid[theme=grid-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

[b-j6xpuz3mcp] .quickgrid[theme=grid-info] .col-title-text {
    font-weight: bold;
    color: White;
}

[b-j6xpuz3mcp] .quickgrid[theme=grid-info] th,
[b-j6xpuz3mcp] .quickgrid[theme=grid-info] td {
    padding: 4px 4px;
}

/*Row lines*/
[b-j6xpuz3mcp] .quickgrid[theme=grid-info] tbody tr {
    border-bottom: 1px solid #cfe2f3;
}
    /*Row stripped*/
    [b-j6xpuz3mcp] .quickgrid[theme=grid-info] tbody tr:nth-of-type(even) {
        background-color: #E3F2FD;
    }

    /*End row line*/
    [b-j6xpuz3mcp] .quickgrid[theme=grid-info] tbody tr:last-of-type {
        border-bottom: 2px solid #64B5F6;
    }

    /*Row hover*/
    [b-j6xpuz3mcp] .quickgrid[theme=grid-info] tbody tr:hover {
        background-color: #BBDEFB;
    }

[b-j6xpuz3mcp] tr:has(> td:not(:empty)) > td {
    display: table-cell;
}

[b-j6xpuz3mcp] td:empty {
    display: none;
}

/* Resposible mobile view */
@media (max-width: 650px) {
    [b-j6xpuz3mcp] .quickgrid[theme=grid-info] th {
        display: none;
    }

    [b-j6xpuz3mcp] .quickgrid[theme=grid-info] td {
        display: grid;
        gap: 0.3rem;
        grid-template-columns: 15ch auto;
        padding: 0.3rem 1rem;
    }

        [b-j6xpuz3mcp] .quickgrid[theme=grid-info] td:first-child {
            padding-top: 2rem;
        }

        [b-j6xpuz3mcp] .quickgrid[theme=grid-info] td:last-child {
            padding-bottom: 2rem;
        }

        [b-j6xpuz3mcp] .quickgrid[theme=grid-info] td::before {
            font-weight: 700;
            text-transform: capitalize;
        }

        [b-j6xpuz3mcp] .quickgrid[theme=grid-info] td:nth-of-type(1)::before {
            content: "Invoice No.:";
            text-align: start;
        }

        [b-j6xpuz3mcp] .quickgrid[theme=grid-info] td:nth-of-type(2)::before {
            content: "Plan Name:";
            text-align: start;
        }

        [b-j6xpuz3mcp] .quickgrid[theme=grid-info] td:nth-of-type(3)::before {
            content: "Start Date:";
            text-align: start;
        }

        [b-j6xpuz3mcp] .quickgrid[theme=grid-info] td:nth-of-type(4)::before {
            content: "End Date:";
            text-align: start;
        }

        [b-j6xpuz3mcp] .quickgrid[theme=grid-info] td:nth-of-type(5)::before {
            content: "Status:";
            text-align: start;
        }

        [b-j6xpuz3mcp] .quickgrid[theme=grid-info] td:nth-of-type(6)::before {
            content: "Amount";
            text-align: start;
        }

        [b-j6xpuz3mcp] .quickgrid[theme=grid-info] td:last-child {
            display: grid; /* Use flexbox for button alignment */
            justify-content: space-around; /* Space buttons evenly */
            align-items: center; /* Center align vertically */
            gap: 0.5rem; /* Optional: Add spacing between buttons */
            padding: 0.3rem 1rem; /* Adjust padding as needed */
        }

    [b-j6xpuz3mcp] .quickgrid[theme=grid-info] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-j6xpuz3mcp] .quickgrid[theme=grid-info] td:empty {
        display: none;
    }
}
/* _content/Hatchery.App/Components/Pages/SubscriptionPages/Shared/DailyUsageChart.razor.rz.scp.css */
.bar-grow[b-751mrzmeof] {
    transform: scaleY(1);
    transform-origin: center bottom;
    /*transition: transform 0.3s ease;*/
    transition: height 0.5s ease-out, y 0.5s ease-out;
}

    /* Initial animation */
    .bar-grow.animate-in[b-751mrzmeof] {
        animation: growBar-b-751mrzmeof 0.6s ease-out;
    }

@keyframes growBar-b-751mrzmeof {
    from {
        transform: scaleY(0);
        opacity: 0;
    }

    to {
        transform: scaleY(1);
        opacity: 1;
    }
}

/* Hover grow effect */
.bar-grow:hover[b-751mrzmeof] {
    transform: scaleY(1.2);
    cursor: pointer;
}
/* _content/Hatchery.App/Components/Pages/SubscriptionPages/Shared/MonthlyUsageChart.razor.rz.scp.css */
.bar-grow[b-ppvco5sl1y] {
    transform: scaleY(1);
    transform-origin: center bottom;
    transition: transform 0.3s ease;
}

    /* Initial animation */
    .bar-grow.animate-in[b-ppvco5sl1y] {
        animation: growBar-b-ppvco5sl1y 0.6s ease-out;
    }

@keyframes growBar-b-ppvco5sl1y {
    from {
        transform: scaleY(0);
        opacity: 0;
    }

    to {
        transform: scaleY(1);
        opacity: 1;
    }
}

/* Hover grow effect */
.bar-grow:hover[b-ppvco5sl1y] {
    transform: scaleY(1.2);
    cursor: pointer;
}
/* _content/Hatchery.App/Components/Pages/TransferPages/Index.razor.rz.scp.css */
/* DANGER THEME*/
::deep .quickgrid[theme=grid-danger][b-xrm83t92j1] {
    border-collapse: collapse;
    /*margin: 25px 0;*/
    font-size: 0.9em;
    /*min-width: 400px;*/
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    width: 100%;
    background-color: #f0f5fb;
}

/*Title*/
[b-xrm83t92j1] .quickgrid[theme=grid-danger] thead tr {
    background-color: #EF5A6F;
    color: #ffffff;
    font-size: 1.0em;
}

[b-xrm83t92j1] .quickgrid[theme=grid-danger] .col-title-text {
    font-weight: bold;
    color: White;
}

[b-xrm83t92j1] .quickgrid[theme=grid-danger] th,
[b-xrm83t92j1] .quickgrid[theme=grid-danger] td {
    padding: 4px 4px;
}

/*Row lines*/
[b-xrm83t92j1] .quickgrid[theme=grid-danger] tbody tr {
    border-bottom: 1px solid #cfe2f3;
}
    /*Row stripped*/
    [b-xrm83t92j1] .quickgrid[theme=grid-danger] tbody tr:nth-of-type(even) {
        background-color: #FFE8EB;
    }

    /*End row line*/
    [b-xrm83t92j1] .quickgrid[theme=grid-danger] tbody tr:last-of-type {
        border-bottom: 2px solid #EF5A6F;
    }

    /*Row hover*/
    [b-xrm83t92j1] .quickgrid[theme=grid-danger] tbody tr:hover {
        background-color: #FFCDD2;
    }

/* Resposible mobile view */
@media (max-width: 650px) {
    [b-xrm83t92j1] .quickgrid[theme=grid-danger] th {
        display: none;
    }

    [b-xrm83t92j1] .quickgrid[theme=grid-danger] td {
        display: grid;
        gap: 0.3rem;
        grid-template-columns: 15ch auto;
        padding: 0.3rem 1rem;
    }

        [b-xrm83t92j1] .quickgrid[theme=grid-danger] td:first-child {
            padding-top: 2rem;
        }

        [b-xrm83t92j1] .quickgrid[theme=grid-danger] td:last-child {
            padding-bottom: 2rem;
        }

        [b-xrm83t92j1] .quickgrid[theme=grid-danger] td::before {
            font-weight: 700;
            text-transform: capitalize;
        }

        [b-xrm83t92j1] .quickgrid[theme=grid-danger] td:nth-of-type(1)::before {
            content: "Year:";
            text-align: start;
        }

        [b-xrm83t92j1] .quickgrid[theme=grid-danger] td:nth-of-type(2)::before {
            content: "Batch#:";
            text-align: start;
        }

        [b-xrm83t92j1] .quickgrid[theme=grid-danger] td:nth-of-type(3)::before {
            content: "Transferred:";
            text-align: start;
        }

        [b-xrm83t92j1] .quickgrid[theme=grid-danger] td:nth-of-type(4)::before {
            content: "Pending:";
            text-align: start;
        }

        [b-xrm83t92j1] .quickgrid[theme=grid-danger] td:nth-of-type(5)::before {
            content: "To Transfer:";
            align-content: stretch;
        }

        [b-xrm83t92j1] .quickgrid[theme=grid-danger] td:nth-of-type(6)::before {
            display: grid; /* Use flexbox for button alignment */
            justify-content: space-between; /* Space buttons evenly */
            align-items: center; /* Center align vertically */
            gap: 0.5rem; /* Optional: Add spacing between buttons */
            padding: 0.3rem 1rem; /* Adjust padding as needed */
        }

    [b-xrm83t92j1] .quickgrid[theme=grid-danger] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-xrm83t92j1] .quickgrid[theme=grid-danger] td:empty {
        display: none;
    }
}



/* SUCCESS THEME*/
::deep .quickgrid[theme=grid-success][b-xrm83t92j1] {
    border-collapse: collapse;
    /*margin: 25px 0;*/
    font-size: 0.9em;
    /*min-width: 400px;*/
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    width: 100%;
    background-color: #f0f5fb;
}

/*Title*/
[b-xrm83t92j1] .quickgrid[theme=grid-success] thead tr {
    background-color: #81C784;
    color: #ffffff;
    font-size: 1.0em;
}

[b-xrm83t92j1] .quickgrid[theme=grid-success] .col-title-text {
    font-weight: bold;
    color: White;
}

[b-xrm83t92j1] .quickgrid[theme=grid-success] th,
[b-xrm83t92j1] .quickgrid[theme=grid-success] td {
    padding: 4px 4px;
}

/*Row lines*/
[b-xrm83t92j1] .quickgrid[theme=grid-success] tbody tr {
    border-bottom: 1px solid #cfe2f3;
}
    /*Row stripped*/
    [b-xrm83t92j1] .quickgrid[theme=grid-success] tbody tr:nth-of-type(even) {
        background-color: #E8F5E9;
    }

    /*End row line*/
    [b-xrm83t92j1] .quickgrid[theme=grid-success] tbody tr:last-of-type {
        border-bottom: 2px solid #7ED4AD;
    }

    /*Row hover*/
    [b-xrm83t92j1] .quickgrid[theme=grid-success] tbody tr:hover {
        background-color: #A5D6A7;
    }

[b-xrm83t92j1] tr:has(> td:not(:empty)) > td {
    display: table-cell;
}

[b-xrm83t92j1] td:empty {
    display: none;
}

/* Resposible mobile view */
@media (max-width: 650px) {
    [b-xrm83t92j1] .quickgrid[theme=grid-success] th {
        display: none;
    }

    [b-xrm83t92j1] .quickgrid[theme=grid-success] td {
        display: grid;
        gap: 0.3rem;
        grid-template-columns: 15ch auto;
        padding: 0.3rem 1rem;
    }

        [b-xrm83t92j1] .quickgrid[theme=grid-success] td:first-child {
            padding-top: 2rem;
        }

        [b-xrm83t92j1] .quickgrid[theme=grid-success] td:last-child {
            padding-bottom: 2rem;
        }

        [b-xrm83t92j1] .quickgrid[theme=grid-success] td::before {
            font-weight: 700;
            text-transform: capitalize;
        }

        [b-xrm83t92j1] .quickgrid[theme=grid-success] td:nth-of-type(1)::before {
            content: "Year:";
            text-align: start;
        }

        [b-xrm83t92j1] .quickgrid[theme=grid-success] td:nth-of-type(2)::before {
            content: "Batch #:";
            text-align: start;
        }

        [b-xrm83t92j1] .quickgrid[theme=grid-success] td:nth-of-type(3)::before {
            content: "Transferred:";
            text-align: start;
        }

        [b-xrm83t92j1] .quickgrid[theme=grid-success] td:nth-of-type(4)::before {
            content: "Sets:";
            text-align: start;
        }

        [b-xrm83t92j1] .quickgrid[theme=grid-success] td:nth-of-type(5)::before {
            content: "Last transferred:";
            text-align: start;
        }

        [b-xrm83t92j1] .quickgrid[theme=grid-success] td:nth-of-type(6)::before {
            content: "Status:";
            text-align: start;
        }

    [b-xrm83t92j1] .quickgrid[theme=grid-success] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-xrm83t92j1] .quickgrid[theme=grid-success] td:empty {
        display: none;
    }
}
/* _content/Hatchery.App/Components/Pages/TransferPages/Manage.razor.rz.scp.css */
/* DANGER THEME*/
::deep .quickgrid[theme=grid-danger][b-oyo883pfv4] {
    border-collapse: collapse;
    /*margin: 25px 0;*/
    font-size: 0.9em;
    /*min-width: 400px;*/
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    width: 100%;
    background-color: #f0f5fb;
}

/*Title*/
[b-oyo883pfv4] .quickgrid[theme=grid-danger] thead tr {
    background-color: #EF5A6F;
    color: #ffffff;
    font-size: 1.0em;
}

[b-oyo883pfv4] .quickgrid[theme=grid-danger] .col-title-text {
    font-weight: bold;
    color: White;
}

[b-oyo883pfv4] .quickgrid[theme=grid-danger] th,
[b-oyo883pfv4] .quickgrid[theme=grid-danger] td {
    padding: 4px 4px;
}

/*Row lines*/
[b-oyo883pfv4] .quickgrid[theme=grid-danger] tbody tr {
    border-bottom: 1px solid #cfe2f3;
}
    /*Row stripped*/
    [b-oyo883pfv4] .quickgrid[theme=grid-danger] tbody tr:nth-of-type(even) {
        background-color: #FFE8EB;
    }

    /*End row line*/
    [b-oyo883pfv4] .quickgrid[theme=grid-danger] tbody tr:last-of-type {
        border-bottom: 2px solid #EF5A6F;
    }

    /*Row hover*/
    [b-oyo883pfv4] .quickgrid[theme=grid-danger] tbody tr:hover {
        background-color: #FFCDD2;
    }

/* Resposible mobile view */
@media (max-width: 650px) {
    [b-oyo883pfv4] .quickgrid[theme=grid-danger] th {
        display: none;
    }

    [b-oyo883pfv4] .quickgrid[theme=grid-danger] td {
        display: grid;
        gap: 0.3rem;
        grid-template-columns: 15ch auto;
        padding: 0.3rem 1rem;
    }

        [b-oyo883pfv4] .quickgrid[theme=grid-danger] td:first-child {
            padding-top: 2rem;
        }

        [b-oyo883pfv4] .quickgrid[theme=grid-danger] td:last-child {
            padding-bottom: 2rem;
        }

        [b-oyo883pfv4] .quickgrid[theme=grid-danger] td::before {
            font-weight: 700;
            text-transform: capitalize;
        }

        [b-oyo883pfv4] .quickgrid[theme=grid-danger] td:nth-of-type(1)::before {
            content: "Incubator:";
            text-align: start;
        }

        [b-oyo883pfv4] .quickgrid[theme=grid-danger] td:nth-of-type(2)::before {
            content: "Species:";
            text-align: start;
        }

        [b-oyo883pfv4] .quickgrid[theme=grid-danger] td:nth-of-type(3)::before {
            content: "Location:";
            text-align: start;
        }

        [b-oyo883pfv4] .quickgrid[theme=grid-danger] td:nth-of-type(4)::before {
            content: "Quantity:";
            text-align: start;
        }

        [b-oyo883pfv4] .quickgrid[theme=grid-danger] td:nth-of-type(5)::before {
            content: "Setting date:";
            align-content: stretch;
        }

        [b-oyo883pfv4] .quickgrid[theme=grid-danger] td:nth-of-type(6)::before {
            content: "Transfer date:";
            align-content: stretch;
        }

        [b-oyo883pfv4] .quickgrid[theme=grid-danger] td:nth-of-type(7)::before {
            content: "Hatch date:";
            align-content: stretch;
        }

        [b-oyo883pfv4] .quickgrid[theme=grid-danger] td:nth-of-type(8)::before {
            display: grid; /* Use flexbox for button alignment */
            justify-content: space-between; /* Space buttons evenly */
            align-items: center; /* Center align vertically */
            gap: 0.5rem; /* Optional: Add spacing between buttons */
            padding: 0.3rem 1rem; /* Adjust padding as needed */
        }

    [b-oyo883pfv4] .quickgrid[theme=grid-danger] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-oyo883pfv4] .quickgrid[theme=grid-danger] td:empty {
        display: none;
    }
}



/* SUCCESS THEME*/
::deep .quickgrid[theme=grid-success][b-oyo883pfv4] {
    border-collapse: collapse;
    /*margin: 25px 0;*/
    font-size: 0.9em;
    /*min-width: 400px;*/
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    width: 100%;
    background-color: #f0f5fb;
}

/*Title*/
[b-oyo883pfv4] .quickgrid[theme=grid-success] thead tr {
    background-color: #81C784;
    color: #ffffff;
    font-size: 1.0em;
}

[b-oyo883pfv4] .quickgrid[theme=grid-success] .col-title-text {
    font-weight: bold;
    color: White;
}

[b-oyo883pfv4] .quickgrid[theme=grid-success] th,
[b-oyo883pfv4] .quickgrid[theme=grid-success] td {
    padding: 4px 4px;
}

/*Row lines*/
[b-oyo883pfv4] .quickgrid[theme=grid-success] tbody tr {
    border-bottom: 1px solid #cfe2f3;
}
    /*Row stripped*/
    [b-oyo883pfv4] .quickgrid[theme=grid-success] tbody tr:nth-of-type(even) {
        background-color: #E8F5E9;
    }

    /*End row line*/
    [b-oyo883pfv4] .quickgrid[theme=grid-success] tbody tr:last-of-type {
        border-bottom: 2px solid #7ED4AD;
    }

    /*Row hover*/
    [b-oyo883pfv4] .quickgrid[theme=grid-success] tbody tr:hover {
        background-color: #A5D6A7;
    }

[b-oyo883pfv4] tr:has(> td:not(:empty)) > td {
    display: table-cell;
}

[b-oyo883pfv4] td:empty {
    display: none;
}

/* Resposible mobile view */
@media (max-width: 650px) {
    [b-oyo883pfv4] .quickgrid[theme=grid-success] th {
        display: none;
    }

    [b-oyo883pfv4] .quickgrid[theme=grid-success] td {
        display: grid;
        gap: 0.3rem;
        grid-template-columns: 15ch auto;
        padding: 0.3rem 1rem;
    }

        [b-oyo883pfv4] .quickgrid[theme=grid-success] td:first-child {
            padding-top: 2rem;
        }

        [b-oyo883pfv4] .quickgrid[theme=grid-success] td:last-child {
            padding-bottom: 2rem;
        }

        [b-oyo883pfv4] .quickgrid[theme=grid-success] td::before {
            font-weight: 700;
            text-transform: capitalize;
        }

        [b-oyo883pfv4] .quickgrid[theme=grid-success] td:nth-of-type(1)::before {
            content: "Incubator:";
            text-align: start;
        }

        [b-oyo883pfv4] .quickgrid[theme=grid-success] td:nth-of-type(2)::before {
            content: "Species:";
            text-align: start;
        }

        [b-oyo883pfv4] .quickgrid[theme=grid-success] td:nth-of-type(3)::before {
            content: "Location :";
            text-align: start;
        }

        [b-oyo883pfv4] .quickgrid[theme=grid-success] td:nth-of-type(4)::before {
            content: "Quantity:";
            text-align: start;
        }

        [b-oyo883pfv4] .quickgrid[theme=grid-success] td:nth-of-type(5)::before {
            content: "Transfer date:";
            text-align: start;
        }

        [b-oyo883pfv4] .quickgrid[theme=grid-success] td:nth-of-type(6)::before {
            content: "Hatch date:";
            text-align: start;
        }

    [b-oyo883pfv4] .quickgrid[theme=grid-success] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-oyo883pfv4] .quickgrid[theme=grid-success] td:empty {
        display: none;
    }
}
/* _content/Hatchery.App/Components/Shared/Captcha.razor.rz.scp.css */
.captcha-wrapper[b-u816j9n8wx] {
    max-width: 400px;
    margin: 30px auto;
}

.captcha-card[b-u816j9n8wx] {
    border-radius: 12px;
}

.captcha-text[b-u816j9n8wx] {
    font-family: 'Courier New', Courier, monospace;
    font-size: 1.5rem;
    letter-spacing: 5px;
    background: repeating-linear-gradient( 45deg, #e0e0e0, #e0e0e0 10px, #f5f5f5 10px, #f5f5f5 20px );
    box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
    user-select: none;
}

.checkmark-circle[b-u816j9n8wx] {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-linecap: round;
    animation: stroke-b-u816j9n8wx 0.6s ease-out forwards;
}

.checkmark-check[b-u816j9n8wx] {
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    stroke-linecap: round;
    animation: stroke-b-u816j9n8wx 0.3s 0.6s ease-out forwards;
}

@keyframes stroke-b-u816j9n8wx {
    to {
        stroke-dashoffset: 0;
    }
}
/* _content/Hatchery.App/Components/Shared/Modals/AuthInfoModal.razor.rz.scp.css */
table[b-huilxx4jgf] {
    border-collapse: collapse;
    /*margin: 25px 0;*/
    font-size: 0.9em;
    /*min-width: 400px;*/
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    table-layout: fixed;
    background-color: #f0f5fb;
}

td[b-huilxx4jgf] {
    padding: 8px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/*Row lines*/
tbody tr[b-huilxx4jgf] {
    border-bottom: 1px solid #cfe2f3;
}
    /*Row stripped*/
    tbody tr:nth-of-type(even)[b-huilxx4jgf] {
        background-color: #E3F2FD;
    }

    /*End row line*/
    tbody tr:last-of-type[b-huilxx4jgf] {
        border-bottom: 2px solid #64B5F6;
    }

    /*Row hover*/
    tbody tr:hover[b-huilxx4jgf] {
        background-color: #BBDEFB;
    }
/* _content/Hatchery.App/Components/Shared/Modals/ErrorBoundaryModal.razor.rz.scp.css */
.modal-fade[b-5yu368co40] {
    animation-name: fade-in-animation-b-5yu368co40;
    animation-duration: .5s;
    animation-fill-mode: forwards;
}

@keyframes fade-in-animation-b-5yu368co40 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
/* _content/Hatchery.App/Components/Shared/Modals/TenantInfoModal.razor.rz.scp.css */
table[b-bzddn4jzx2] {
    border-collapse: collapse;
    /*margin: 25px 0;*/
    font-size: 0.9em;
    /*min-width: 400px;*/
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    table-layout: fixed;
    background-color: #f0f5fb;
}

td[b-bzddn4jzx2] {
    padding: 8px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/*Row lines*/
tbody tr[b-bzddn4jzx2] {
    border-bottom: 1px solid #cfe2f3;
}
    /*Row stripped*/
    tbody tr:nth-of-type(even)[b-bzddn4jzx2] {
        background-color: #E3F2FD;
    }

    /*End row line*/
    tbody tr:last-of-type[b-bzddn4jzx2] {
        border-bottom: 2px solid #64B5F6;
    }

    /*Row hover*/
    tbody tr:hover[b-bzddn4jzx2] {
        background-color: #BBDEFB;
    }
/* _content/Hatchery.App/Components/Shared/SpeciesGrid.razor.rz.scp.css */
.card-main-container[b-qaczws6u6d] {
    display: grid;
    place-items: center;
    margin-inline: 1.5rem;
    padding-block: 2rem;
    align-items: start; /* Ensures all cards start at the top */
}

.card-container[b-qaczws6u6d] {
    display: grid;
    row-gap: 3.5rem;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); /* Responsive columns */
    grid-auto-rows: 1fr; /* Ensures equal row heights */
}

.card-article[b-qaczws6u6d] {
    position: relative;
    overflow: hidden;
    border-radius: 1.5rem;
    box-shadow: 10px 10px 22px rgba(0,0,0,0.2);
}

    .card-article:hover .card-content[b-qaczws6u6d] {
        animation: show-content-b-qaczws6u6d 1s forwards;
        opacity: 1;
        transition: opacity .3s;
    }

    .card-article:hover[b-qaczws6u6d] {
        animation: hide-overflow-b-qaczws6u6d 2s forwards;
    }

    .card-article:not(hover)[b-qaczws6u6d] {
        animation: show-overflow-b-qaczws6u6d 2s forwards;
    }

        .card-article:not(hover) .card-content[b-qaczws6u6d] {
            animation: hide-content-b-qaczws6u6d 1s forwards;
        }

.card-image[b-qaczws6u6d] {
    border-radius: 1.5rem;
    width: 100%;
    height: 275px; /* Set a fixed height for images */
    object-fit: cover; /* Ensures image covers the area */
}

.card-content[b-qaczws6u6d] {
    width: 280px;
    background-color: aliceblue;
    padding: 1.5rem 2rem;
    box-shadow: 0 8px 24px hsla(0,0%,0%,.15);
    border-radius: 1rem;
    position: absolute;
    bottom: -9rem;
    left: 0;
    right: 0;
    margin-inline: auto;
    opacity: 0;
    transition: opacity 1s 1s;
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(20px);
    box-shadow: 20px 20px 22px rgba(0,0,0,0.2);
}

.card-name[b-qaczws6u6d] {
    font-size: larger;
    font-weight: 500;
    color: blue;
    margin-bottom: .25rem;
}

.card-description[b-qaczws6u6d] {
    /*display: block;*/
    font-size: small;
    margin-bottom: .25rem;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    overflow:hidden;
}

.card-button[b-qaczws6u6d] {
    font-size: small;
    font-weight: 500;
    color: forestgreen;
}

    .card-button:hover[b-qaczws6u6d] {
        text-decoration: underline;
    }

@keyframes show-content-b-qaczws6u6d {
    50% {
        transform: translateY(-11rem);
    }

    100% {
        transform: translateY(-8rem);
    }
}

@keyframes hide-overflow-b-qaczws6u6d {
    to {
        overflow: initial;
    }
}

@keyframes hide-content-b-qaczws6u6d {
    0% {
        transform: translateY(-8rem);
    }

    50% {
        transform: translateY(-11rem);
    }

    100% {
        transform: translateY(-.5rem);
    }
}

@keyframes show-overflow-b-qaczws6u6d {
    0% {
        overflow: initial;
        pointer-events: none;
    }

    100% {
        overflow: hidden;
    }
}

@media screen and (max-width:340px) {
    .card-main-container[b-qaczws6u6d] {
        margin-inline: 1rem;
    }

    .card-content[b-qaczws6u6d] {
        width: 250px;
        padding: 1rem;
    }
}

@media screen and (min-width:768px) {
    .card-container[b-qaczws6u6d] {
        grid-template-columns: repeat(3,1fr);
        column-gap: 1.5rem;
    }
}

@media screen and (min-width:1120px) {
    .card-main-container[b-qaczws6u6d] {
        height:100vh;
    }

    .card-container[b-qaczws6u6d] {
        grid-template-columns: repeat(4,1fr);
    }
}
/* _content/Hatchery.App/Components/Shared/SubscriptionGuard.razor.rz.scp.css */
/*.splash-screen {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    font-size: 1.2rem;
    color: #444;
    background: linear-gradient(135deg, #e3f2fd, #fffde7);*/ /* soft blue-yellow */
    /*text-align: center;
    flex-direction: column;
}*/

.splash-screen-gradient[b-ges6sxp798] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    background: linear-gradient(135deg, #e3f2fd, #fffde7); /* soft blue-yellow */
    /*background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);*/ /* blue-gray gradient */
    animation: gradientShift-b-ges6sxp798 8s ease infinite;
}

    .splash-screen .spinner-border[b-ges6sxp798] {
        width: 3rem;
        height: 3rem;
    }

.fade-in[b-ges6sxp798] {
    animation: fadeIn-b-ges6sxp798 1s ease-in-out forwards;
}

@keyframes fadeIn-b-ges6sxp798 {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes gradientShift-b-ges6sxp798 {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

/*  background: linear-gradient(135deg, #2193b0, #6dd5ed); Ocean Blue*/
/*  background: linear-gradient(135deg, #c33764, #1d2671);
        color: white; Elegant Purple
    */
/* background: linear-gradient(135deg, #f6d365, #fda085);
     Warm Sunset*/