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

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

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

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

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

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

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

.credits[b-vs6gd6nv82] {
    padding-top: 5px;
    text-align: center;
    font-size: 13px;
    color: #012970;
}
/* /Components/Features/Account/EmailConfirm.razor.rz.scp.css */
.success-bg[b-ncn4eiwojg] {
    background: linear-gradient(135deg, #198754, #20c997);
    background-size: 400% 400%;
    animation: gradientWave-b-ncn4eiwojg 8s ease infinite;
}

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

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

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

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

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

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

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

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

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

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

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

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


.text-light-50[b-ncn4eiwojg] {
    color: rgba(255, 255, 255, 0.7);
}

.crossmark-circle[b-ncn4eiwojg] {
    animation: dash-b-ncn4eiwojg 0.3s ease-out forwards;
}

@keyframes dash-b-ncn4eiwojg {
    from {
        stroke-dasharray: 0 150;
    }

    to {
        stroke-dasharray: 150 0;
    }
}

.fade-transition[b-ncn4eiwojg] {
    transition: opacity 0.4s ease-in-out;
    opacity: 1;
}

    .fade-transition.hidden[b-ncn4eiwojg] {
        opacity: 0;
    }
/* /Components/Features/Account/Login.razor.rz.scp.css */
body[b-ecls4mwq5y] {
    margin: 0;
    height: 100vh;
    overflow: hidden;
}

.container-fluid[b-ecls4mwq5y] {
    min-height: 100vh;
    background: #6366f1; /* Fallback color (soft indigo) */
    /*background: linear-gradient(45deg, #6366f1, #a78bfa, #22d3ee);*/
    background: linear-gradient(135deg, #e3f2fd, #fffde7); /* soft blue-yellow */
    background-size: 200% 200%;
    animation: gradient-b-ecls4mwq5y 15s ease infinite;
    -webkit-animation: gradient 15s ease infinite;
    -moz-animation: gradient 15s ease infinite;
}

@keyframes gradient-b-ecls4mwq5y {
    0% {
        background-position: 0% 50%;
    }

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

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

@-webkit-keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

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

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

@-moz-keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

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

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

.card-wrapper[b-ecls4mwq5y] {
    width: 100%;
    max-width: 400px;
    padding: 24px;
}

.card[b-ecls4mwq5y] {
    perspective: 1000px;
    height: 400px;
    position: relative;
    border: none;
}

.card-face[b-ecls4mwq5y] {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    transition: transform 0.6s;
    background: rgba(17, 24, 39, 0.65); /* Darker gray for contrast */
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 32px;
}

.card-front[b-ecls4mwq5y] {
    transform: rotateY(0deg);
}

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

.card.flipped .card-front[b-ecls4mwq5y] {
    transform: rotateY(-180deg);
}

.card.flipped .card-back[b-ecls4mwq5y] {
    transform: rotateY(0deg);
}

.title[b-ecls4mwq5y] {
    font-size: 1.875rem;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    margin-bottom: 24px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.form-label[b-ecls4mwq5y] {
    color: #ffffff;
    font-size: 0.875rem;
    font-weight: 600;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.form-control[b-ecls4mwq5y] {
    background: rgba(255, 255, 255, 0.9); /* Near-opaque white for inputs */
    color: #111827; /* Dark gray text for inputs */
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    padding: 12px;
}

    .form-control[b-ecls4mwq5y]::placeholder {
        color: #6b7280;
    }

    .form-control:focus[b-ecls4mwq5y] {
        box-shadow: 0 0 0 2px #6366f1;
        background: rgba(255, 255, 255, 0.9);
        color: #111827;
        border: 1px solid #6366f1;
    }

.btn-login[b-ecls4mwq5y] {
    background: #6366f1; /* Soft indigo */
    color: #ffffff;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    padding: 12px;
    transition: background 0.3s;
}

    .btn-login:hover[b-ecls4mwq5y] {
        background: #4f46e5;
    }

    .btn-login:disabled[b-ecls4mwq5y] {
        background: #6b7280;
        cursor: not-allowed;
    }

.spinner[b-ecls4mwq5y] {
    width: 20px;
    height: 20px;
    animation: spin-b-ecls4mwq5y 1s linear infinite;
}

.spinner-circle[b-ecls4mwq5y] {
    opacity: 0.25;
}

.spinner-path[b-ecls4mwq5y] {
    opacity: 0.75;
}

@keyframes spin-b-ecls4mwq5y {
    100% {
        transform: rotate(360deg);
    }
}

.error-message[b-ecls4mwq5y] {
    color: #ff6b6b;
    font-size: 0.875rem;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.tenant-list[b-ecls4mwq5y] {
    max-height: 230px; /* 256px; */
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #6366f1 rgba(17, 24, 39, 0.2);
}

    .tenant-list[b-ecls4mwq5y]::-webkit-scrollbar {
        width: 8px;
    }

    .tenant-list[b-ecls4mwq5y]::-webkit-scrollbar-track {
        background: rgba(17, 24, 39, 0.2);
    }

    .tenant-list[b-ecls4mwq5y]::-webkit-scrollbar-thumb {
        background: #6366f1;
        border-radius: 10px;
    }

.tenant-item[b-ecls4mwq5y] {
    padding: 12px;
    margin-bottom: 8px;
    background: rgba(17, 24, 39, 0.85); /* Darker gray for tenant items */
    border-radius: 8px;
    color: #ffffff;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.2s ease;
}

    .tenant-item:hover[b-ecls4mwq5y] {
        background: rgba(99, 102, 241, 0.7); /* Soft indigo with opacity */
    }

.tenant-name[b-ecls4mwq5y] {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 4px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.tenant-description[b-ecls4mwq5y] {
    margin-bottom: 0;
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.9);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
/* /Components/Features/Account/Signin.razor.rz.scp.css */
.login-container[b-xxud8knde2] {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    max-width: 850px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    animation: fadeIn-b-xxud8knde2 0.5s ease;
}

.login-left[b-xxud8knde2],
.login-right[b-xxud8knde2] {
    padding: 2rem;
    flex: 1 1 50%;
    min-height: 350px;
}

.login-left[b-xxud8knde2] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-right: 1px solid #eee;
}

.logo[b-xxud8knde2] {
    width: 100px;
    margin-bottom: 1rem;
}

.form-control[b-xxud8knde2],
.form-select[b-xxud8knde2] {
    height: 45px;
    margin-bottom: 1rem;
}

.btn-primary[b-xxud8knde2] {
    background-color: #0b5ed7;
    border: none;
    height: 45px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: all 0.3s ease;
    overflow: hidden;
    width: 100%;
}

.btn-text[b-xxud8knde2] {
    transition: opacity 0.2s ease;
}

.spinner-custom[b-xxud8knde2] {
    display: none;
    width: 1.5rem;
    height: 1.5rem;
    border: 3px solid #fff;
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin-b-xxud8knde2 0.7s linear infinite;
    position: absolute;
}

.btn-primary.loading[b-xxud8knde2] {
    justify-content: center;
    width: 45px !important;
    min-width: 45px !important;
    border-radius: 50%;
}

    .btn-primary.loading .btn-text[b-xxud8knde2] {
        opacity: 0;
    }

    .btn-primary.loading .spinner-custom[b-xxud8knde2] {
        display: block;
    }

.change-link[b-xxud8knde2] {
    color: #0b5ed7;
    text-decoration: none;
    margin-left: 10px;
    font-size: 0.9rem;
}

.login-right[b-xxud8knde2] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: #fafafa;
}

    .login-right img[b-xxud8knde2] {
        max-width: 220px;
        margin-bottom: 1rem;
        transition: all 0.3s ease;
    }

.learn-more[b-xxud8knde2] {
    color: #0b5ed7;
    text-decoration: none;
    font-weight: 500;
}

.step[b-xxud8knde2] {
    display: none;
    animation: slideIn-b-xxud8knde2 0.4s ease;
}

    .step.active[b-xxud8knde2] {
        display: block;
    }

.footer[b-xxud8knde2] {
    text-align: center;
    font-size: 0.8rem;
    color: #999;
    margin-top: 1.5rem;
}

@keyframes slideIn-b-xxud8knde2 {
    from {
        transform: translateX(20px);
        opacity: 0;
    }

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

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

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

@keyframes spin-b-xxud8knde2 {
    to {
        transform: rotate(360deg);
    }
}
/* /Components/Features/Account/Signup.razor.rz.scp.css */
.register-left[b-u3vr0d8fqa] {
    position: relative;
    overflow: hidden;
    min-height: 100vh;
}

    .register-left[b-u3vr0d8fqa]::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-u3vr0d8fqa]::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-u3vr0d8fqa] {
        position: relative;
        z-index: 1;
        color: white; /* Always visible due to dark overlay */
    }

.register-form[b-u3vr0d8fqa] {
    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-u3vr0d8fqa] {
        padding: 2rem 1rem;
        text-align: center;
    }

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

.lead[b-u3vr0d8fqa] {
    font-size: 1.25rem;
    font-weight: 300;
}
/* /Components/Features/Admin/Audits/AuditLogs.razor.rz.scp.css */
 /* INFO THEME*/
::deep .quickgrid[theme=grid-info][b-dwbwhc3arn] {
    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-dwbwhc3arn] .quickgrid[theme=grid-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    [b-dwbwhc3arn] .quickgrid[theme=grid-info] td:empty {
        display: none;
    }
}
/* /Components/Features/Admin/Audits/SystemLogs.razor.rz.scp.css */
 /* INFO THEME*/
::deep .quickgrid[theme=grid-info][b-vvv1dy40b4] {
    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-vvv1dy40b4] .quickgrid[theme=grid-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    [b-vvv1dy40b4] .quickgrid[theme=grid-info] td:empty {
        display: none;
    }
}
/* /Components/Features/Admin/Plans/Index.razor.rz.scp.css */
 /* INFO THEME*/
::deep .quickgrid[theme=grid-info][b-gyc8ecuhim] {
    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-gyc8ecuhim] .quickgrid[theme=grid-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    [b-gyc8ecuhim] .quickgrid[theme=grid-info] td:empty {
        display: none;
    }
}
/* /Components/Features/Admin/Shared/DashboardCard.razor.rz.scp.css */
.glass-card[b-1xr3ljf65z] {
    background: rgba(255, 255, 255, 0.8);
    border-radius: 16px;
    padding: 1rem;
    backdrop-filter: blur(8px);
    transition: box-shadow 0.3s ease;
}

    .glass-card:hover[b-1xr3ljf65z] {
        box-shadow: 0 4px 12px rgba(0, 150, 136, 0.3);
    }

.dashboard-card[b-1xr3ljf65z] {
    background: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-radius: 18px;
    padding: 1.5rem;
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .dashboard-card:hover[b-1xr3ljf65z] {
        transform: translateY(-4px);
        box-shadow: 0 0 16px rgba(0, 255, 255, 0.25), 0 4px 12px rgba(0, 0, 0, 0.1);
        border-color: rgba(0, 255, 255, 0.2);
    }

.icon-glow[b-1xr3ljf65z] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #00968820;
    border-radius: 12px;
    width: 48px;
    height: 48px;
    color: #004d40;
    box-shadow: 0 0 6px #00968850;
}
/* /Components/Features/Admin/Tenants/Index.razor.rz.scp.css */
 /* INFO THEME*/
::deep .quickgrid[theme=grid-info][b-eun0a5m2jx] {
    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-eun0a5m2jx] .quickgrid[theme=grid-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    [b-eun0a5m2jx] .quickgrid[theme=grid-info] td:empty {
        display: none;
    }
}
/* /Components/Features/Admin/Users/SessionsPage.razor.rz.scp.css */
 /* INFO THEME*/
::deep .quickgrid[theme=grid-info][b-6eu40xjbw8] {
    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-6eu40xjbw8] .quickgrid[theme=grid-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    [b-6eu40xjbw8] .quickgrid[theme=grid-info] td:empty {
        display: none;
    }
}
/* /Components/Features/Admin/Users/Shared/UsersGlobal.razor.rz.scp.css */
 /* INFO THEME*/
::deep .quickgrid[theme=grid-info][b-1acekwb4dd] {
    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-1acekwb4dd] .quickgrid[theme=grid-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    [b-1acekwb4dd] .quickgrid[theme=grid-info] td:empty {
        display: none;
    }
}
/* /Components/Features/Admin/Users/Shared/UsersTenant.razor.rz.scp.css */
 /* INFO THEME*/
::deep .quickgrid[theme=grid-info][b-cc7edjs2io] {
    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-cc7edjs2io] .quickgrid[theme=grid-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    [b-cc7edjs2io] .quickgrid[theme=grid-info] td:empty {
        display: none;
    }
}
/* /Components/Features/Admin/Users/Views/MembershipsPage.razor.rz.scp.css */
 /* INFO THEME*/
::deep .quickgrid[theme=grid-info][b-6g6bvcid0g] {
    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-6g6bvcid0g] .quickgrid[theme=grid-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    [b-6g6bvcid0g] .quickgrid[theme=grid-info] td:empty {
        display: none;
    }
}
/* /Components/Features/Audits/AuditLogs.razor.rz.scp.css */
 /* INFO THEME*/
::deep .quickgrid[theme=grid-info][b-jld4nruej7] {
    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-jld4nruej7] .quickgrid[theme=grid-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    [b-jld4nruej7] .quickgrid[theme=grid-info] td:empty {
        display: none;
    }
}
/* /Components/Features/Contacts/Pages/Index.razor.rz.scp.css */
 /* INFO THEME*/
::deep .quickgrid[theme=grid-info][b-xc927rp4u5] {
    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-xc927rp4u5] .quickgrid[theme=grid-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

        [b-xc927rp4u5] .quickgrid[theme=grid-info] td:nth-of-type(2)::before {
            content: "Contacts:";
        }

        [b-xc927rp4u5] .quickgrid[theme=grid-info] td:nth-of-type(3)::before {
            content: "Status:";
            width:fit-content;
        }

        [b-xc927rp4u5] .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-xc927rp4u5] .quickgrid[theme=grid-info] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-xc927rp4u5] .quickgrid[theme=grid-info] td:empty {
        display: none;
    }
}
/* /Components/Features/Employees/Pages/Index.razor.rz.scp.css */
 /* INFO THEME*/
::deep .quickgrid[theme=grid-info][b-dey3s0iokn] {
    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-dey3s0iokn] .quickgrid[theme=grid-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

        [b-dey3s0iokn] .quickgrid[theme=grid-info] td:nth-of-type(2)::before {
            content: "Nationality:";
        }

        [b-dey3s0iokn] .quickgrid[theme=grid-info] td:nth-of-type(3)::before {
            content: "Position:";
        }

        [b-dey3s0iokn] .quickgrid[theme=grid-info] td:nth-of-type(4)::before {
            content: "Status:";
            width:fit-content;
        }

        [b-dey3s0iokn] .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-dey3s0iokn] .quickgrid[theme=grid-info] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-dey3s0iokn] .quickgrid[theme=grid-info] td:empty {
        display: none;
    }
}
/* /Components/Features/Home.razor.rz.scp.css */
.stats-card[b-n86ac5vaz3] {
    transition: all 0.4s ease;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.2) !important;
}

    .stats-card:hover[b-n86ac5vaz3] {
        transform: translateY(-8px);
        box-shadow: 0 20px 40px rgba(0,0,0,0.15) !important;
    }

.wave-bg[b-n86ac5vaz3] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
    background: rgba(255,255,255,0.15);
    border-radius: 50% 50% 0 0 / 100% 100% 0 0;
    animation: wave-b-n86ac5vaz3 8s linear infinite;
}

.warning-wave[b-n86ac5vaz3] {
    animation: wave-b-n86ac5vaz3 6s linear infinite reverse;
    background: rgba(255,255,255,0.2);
}

.success-wave[b-n86ac5vaz3] {
    animation: wave-b-n86ac5vaz3 10s linear infinite;
    background: rgba(255,255,255,0.1);
}

.danger-wave[b-n86ac5vaz3] {
    animation: wave-b-n86ac5vaz3 7s linear infinite reverse;
    background: rgba(255,255,255,0.18);
}

@keyframes wave-b-n86ac5vaz3 {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

.card[b-n86ac5vaz3] {
    border-radius: 1rem !important;
    overflow: hidden;
}

/* lists*/

.glass-card[b-n86ac5vaz3] {
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.1);
}

.header-overlay[b-n86ac5vaz3] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.15);
    border-radius: inherit;
}

.hover-lift[b-n86ac5vaz3] {
    transition: all 0.3s ease;
}

    .hover-lift:hover[b-n86ac5vaz3] {
        background: rgba(0,0,0,0.05) !important;
        transform: translateY(-3px);
        box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    }

.animate-pulse[b-n86ac5vaz3] {
    animation: pulse-b-n86ac5vaz3 2s infinite;
}

@keyframes pulse-b-n86ac5vaz3 {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.8;
    }
}

/* chart styling*/
.modern-chart-card[b-n86ac5vaz3] {
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(20px);
    border: 1.5px solid rgba(255, 255, 255, 0.4) !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    height: 100%;
    min-height: 380px;
}

    .modern-chart-card:hover[b-n86ac5vaz3] {
        transform: translateY(-10px);
        box-shadow: 0 25px 50px rgba(0,0,0,0.15) !important;
    }

.card-glow[b-n86ac5vaz3] {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.3;
    transition: all 0.6s ease;
    pointer-events: none;
}

.donut-glow[b-n86ac5vaz3] {
    background: radial-gradient(circle, #10B981, transparent);
}

.line-glow[b-n86ac5vaz3] {
    background: radial-gradient(circle, #3B82F6, transparent);
}

.bar-glow[b-n86ac5vaz3] {
    background: radial-gradient(circle, #F59E0B, transparent);
}

.modern-chart-card:hover .card-glow[b-n86ac5vaz3] {
    opacity: 0.5;
    transform: scale(1.1);
}

.shadow-xl[b-n86ac5vaz3] {
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
/* /Components/Features/Index.razor.rz.scp.css */











/* /Components/Features/Inventory/Pages/Bins.razor.rz.scp.css */
 /* INFO THEME*/
[b-8g62k0v9y6] .quickgrid[theme=grid-info] {
    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-8g62k0v9y6] .quickgrid[theme=grid-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

        [b-8g62k0v9y6] .quickgrid[theme=grid-info] td:nth-of-type(2)::before {
            content: "Warehouse:";
        }

        [b-8g62k0v9y6] .quickgrid[theme=grid-info] td:nth-of-type(3)::before {
            content: "Description:";
        }

        [b-8g62k0v9y6] .quickgrid[theme=grid-info] td:nth-of-type(4)::before {
            content: "Capacity:";
        }

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

        [b-8g62k0v9y6] .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-8g62k0v9y6] .quickgrid[theme=grid-info] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-8g62k0v9y6] .quickgrid[theme=grid-info] td:empty {
        display: none;
    }
}
/* /Components/Features/Inventory/Pages/Detail.razor.rz.scp.css */
 /* INFO THEME*/
::deep .quickgrid[theme=grid-info][b-sga24r1j4w] {
    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-sga24r1j4w] .quickgrid[theme=grid-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

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

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

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

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

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

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

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

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

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

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

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

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

        [b-sga24r1j4w] .quickgrid[theme=grid-info] td:nth-of-type(1)::before {
            content: "Warehouse:";
        }

        [b-sga24r1j4w] .quickgrid[theme=grid-info] td:nth-of-type(2)::before {
            content: "Bin:";
        }

        [b-sga24r1j4w] .quickgrid[theme=grid-info] td:nth-of-type(3)::before {
            content: "Current:";
        }

        [b-sga24r1j4w] .quickgrid[theme=grid-info] td:nth-of-type(4)::before {
            content: "Available:";
        }

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

        [b-sga24r1j4w] .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-sga24r1j4w] .quickgrid[theme=grid-info] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-sga24r1j4w] .quickgrid[theme=grid-info] td:empty {
        display: none;
    }
}
/* /Components/Features/Inventory/Pages/History.razor.rz.scp.css */
 /* INFO THEME*/
::deep .quickgrid[theme=grid-info][b-u49vz8d344] {
    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-u49vz8d344] .quickgrid[theme=grid-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

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

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

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

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

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

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

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

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

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

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

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

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

        [b-u49vz8d344] .quickgrid[theme=grid-info] td:nth-of-type(1)::before {
            content: "Warehouse:";
        }

        [b-u49vz8d344] .quickgrid[theme=grid-info] td:nth-of-type(2)::before {
            content: "Bin:";
        }

        [b-u49vz8d344] .quickgrid[theme=grid-info] td:nth-of-type(3)::before {
            content: "Current:";
        }

        [b-u49vz8d344] .quickgrid[theme=grid-info] td:nth-of-type(4)::before {
            content: "Available:";
        }

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

        [b-u49vz8d344] .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-u49vz8d344] .quickgrid[theme=grid-info] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-u49vz8d344] .quickgrid[theme=grid-info] td:empty {
        display: none;
    }
}
/* /Components/Features/Inventory/Pages/Index.razor.rz.scp.css */
 /* INFO THEME*/
[b-rowvt7kiq9] .quickgrid[theme=grid-info] {
    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-rowvt7kiq9] .quickgrid[theme=grid-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

        [b-rowvt7kiq9] .quickgrid[theme=grid-info] td:nth-of-type(2)::before {
            content: "Variety:";
        }

        [b-rowvt7kiq9] .quickgrid[theme=grid-info] td:nth-of-type(3)::before {
            content: "Unit:";
        }

        [b-rowvt7kiq9] .quickgrid[theme=grid-info] td:nth-of-type(4)::before {
            content: "Manufacturer:";
        }

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

        [b-rowvt7kiq9] .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-rowvt7kiq9] .quickgrid[theme=grid-info] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-rowvt7kiq9] .quickgrid[theme=grid-info] td:empty {
        display: none;
    }
}
/* /Components/Features/Inventory/Pages/Lots.razor.rz.scp.css */
 /* INFO THEME*/
[b-xs2yel1pv9] .quickgrid[theme=grid-info] {
    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-xs2yel1pv9] .quickgrid[theme=grid-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

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

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

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

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

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

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

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

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

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

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

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

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

        [b-xs2yel1pv9] .quickgrid[theme=grid-info] td:nth-of-type(1)::before {
            content: "Warehouse:";
        }

        [b-xs2yel1pv9] .quickgrid[theme=grid-info] td:nth-of-type(2)::before {
            content: "Bin:";
        }

        [b-xs2yel1pv9] .quickgrid[theme=grid-info] td:nth-of-type(3)::before {
            content: "Current:";
        }

        [b-xs2yel1pv9] .quickgrid[theme=grid-info] td:nth-of-type(4)::before {
            content: "Available:";
        }

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

        [b-xs2yel1pv9] .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-xs2yel1pv9] .quickgrid[theme=grid-info] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-xs2yel1pv9] .quickgrid[theme=grid-info] td:empty {
        display: none;
    }
}
/* /Components/Features/Inventory/Pages/Units.razor.rz.scp.css */
 /* INFO THEME*/
[b-9xznn3bw4p] .quickgrid[theme=grid-info] {
    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-9xznn3bw4p] .quickgrid[theme=grid-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

        [b-9xznn3bw4p] .quickgrid[theme=grid-info] td:nth-of-type(2)::before {
            content: "Abbreviation:";
        }

        [b-9xznn3bw4p] .quickgrid[theme=grid-info] td:nth-of-type(3)::before {
            content: "Type:";
        }

        [b-9xznn3bw4p] .quickgrid[theme=grid-info] td:nth-of-type(4)::before {
            content: "Base Unit:";
        }

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

        [b-9xznn3bw4p] .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-9xznn3bw4p] .quickgrid[theme=grid-info] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-9xznn3bw4p] .quickgrid[theme=grid-info] td:empty {
        display: none;
    }
}
/* /Components/Features/Inventory/Pages/Warehouses.razor.rz.scp.css */
 /* INFO THEME*/
[b-8mkhiohnyd] .quickgrid[theme=grid-info] {
    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-8mkhiohnyd] .quickgrid[theme=grid-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

        [b-8mkhiohnyd] .quickgrid[theme=grid-info] td:nth-of-type(2)::before {
            content: "Country:";
        }

        [b-8mkhiohnyd] .quickgrid[theme=grid-info] td:nth-of-type(3)::before {
            content: "Contacts:";
        }

        [b-8mkhiohnyd] .quickgrid[theme=grid-info] td:nth-of-type(4)::before {
            content: "Active:";
            width: fit-content;
        }

        [b-8mkhiohnyd] .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-8mkhiohnyd] .quickgrid[theme=grid-info] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-8mkhiohnyd] .quickgrid[theme=grid-info] td:empty {
        display: none;
    }
}
/* /Components/Features/Livestocks/Index.razor.rz.scp.css */
 /* INFO THEME*/
[b-2q67xfyx3v] .quickgrid[theme=grid-info] {
    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-2q67xfyx3v] .quickgrid[theme=grid-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

        [b-2q67xfyx3v] .quickgrid[theme=grid-info] td:nth-of-type(2)::before {
            content: "Variety:";
        }

        [b-2q67xfyx3v] .quickgrid[theme=grid-info] td:nth-of-type(3)::before {
            content: "Unit:";
        }

        [b-2q67xfyx3v] .quickgrid[theme=grid-info] td:nth-of-type(4)::before {
            content: "Manufacturer:";
        }

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

        [b-2q67xfyx3v] .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-2q67xfyx3v] .quickgrid[theme=grid-info] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

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


.thumbnail-badge[b-2q67xfyx3v] {
    width: 36px;
    height: 36px;
    max-width: 36px;
    border-radius: 50%;
    color: #FFF;
    background: #adb5bd;
    line-height: 0px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    margin: 0 4px;
    overflow: hidden;
}
/* /Components/Features/Livestocks/Pages/AddFlock.razor.rz.scp.css */
/* INFO THEME*/
[b-gx4o2bzuhx] .quickgrid[theme=grid-info] {
    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-gx4o2bzuhx] .quickgrid[theme=grid-info] thead tr {
        background-color: #64B5F6;
        color: #ffffff;
        font-size: 1.0em;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

        [b-gx4o2bzuhx] .quickgrid[theme=grid-info] td:nth-of-type(2)::before {
            content: "Location:";
        }

        [b-gx4o2bzuhx] .quickgrid[theme=grid-info] td:nth-of-type(3)::before {
            content: "Quantity:";
        }

        [b-gx4o2bzuhx] .quickgrid[theme=grid-info] td:nth-of-type(4)::before {
            content: "Origin:";
        }

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

        [b-gx4o2bzuhx] .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-gx4o2bzuhx] .quickgrid[theme=grid-info] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-gx4o2bzuhx] .quickgrid[theme=grid-info] td:empty {
        display: none;
    }
}
/* /Components/Features/Livestocks/Pages/Detail.razor.rz.scp.css */
/*.animal-detail-container {
    display: flex;
    gap: 24px;
    padding: 24px;
    max-width: 1200px;
    margin: 0 ;
}*/

.main-content[b-ug8uvf6gl8] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.info-section h2[b-ug8uvf6gl8] {
    font-size: 16px;
    font-weight: 600;
    color: #212529;
    margin: 0 0 16px 0;
    padding-bottom: 8px;
    border-bottom: 2px solid #dee2e6;
}

.info-grid[b-ug8uvf6gl8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    font-size: 15px;
}

    .info-grid div[b-ug8uvf6gl8] {
        display: flex;
        flex-direction: column;
    }

    .info-grid strong[b-ug8uvf6gl8] {
        color: #495057;
        margin-bottom: 4px;
    }

.tag[b-ug8uvf6gl8] {
    font-family: 'Courier New', monospace;
    background: #e9ecef;
    padding: 2px 8px;
    border-radius: 4px;
    font-weight: bold;
}

.status.active[b-ug8uvf6gl8] {
    color: #198754;
    font-weight: 600;
}

.info-list[b-ug8uvf6gl8] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-size: 15px;
}

    .info-list div[b-ug8uvf6gl8] {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .info-list a[b-ug8uvf6gl8] {
        color: #0d6efd;
        text-decoration: none;
    }

        .info-list a:hover[b-ug8uvf6gl8] {
            text-decoration: underline;
        }

.sidebar[b-ug8uvf6gl8] {
    flex-shrink: 0;
}

/* Responsive */
@media (max-width: 992px) {
    .animal-detail-container[b-ug8uvf6gl8] {
        flex-direction: column;
    }

    .sidebar[b-ug8uvf6gl8] {
        width: 100%;
    }
}
/* /Components/Features/Livestocks/Pages/Flocks.razor.rz.scp.css */
 /* INFO THEME*/
[b-2j9hw96cgs] .quickgrid[theme=grid-info] {
    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-2j9hw96cgs] .quickgrid[theme=grid-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

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

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

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

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

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

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

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

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

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

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

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

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

        [b-2j9hw96cgs] .quickgrid[theme=grid-info] td:nth-of-type(1)::before {
            content: "Warehouse:";
        }

        [b-2j9hw96cgs] .quickgrid[theme=grid-info] td:nth-of-type(2)::before {
            content: "Bin:";
        }

        [b-2j9hw96cgs] .quickgrid[theme=grid-info] td:nth-of-type(3)::before {
            content: "Current:";
        }

        [b-2j9hw96cgs] .quickgrid[theme=grid-info] td:nth-of-type(4)::before {
            content: "Available:";
        }

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

        [b-2j9hw96cgs] .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-2j9hw96cgs] .quickgrid[theme=grid-info] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-2j9hw96cgs] .quickgrid[theme=grid-info] td:empty {
        display: none;
    }
}
/* /Components/Features/Livestocks/Pages/History.razor.rz.scp.css */
 /* INFO THEME*/
::deep .quickgrid[theme=grid-info][b-qmehhw447z] {
    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-qmehhw447z] .quickgrid[theme=grid-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

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

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

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

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

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

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

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

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

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

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

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

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

        [b-qmehhw447z] .quickgrid[theme=grid-info] td:nth-of-type(1)::before {
            content: "Location:";
        }

        [b-qmehhw447z] .quickgrid[theme=grid-info] td:nth-of-type(2)::before {
            content: "Housing Unit:";
        }

        [b-qmehhw447z] .quickgrid[theme=grid-info] td:nth-of-type(3)::before {
            content: "Current:";
        }

        [b-qmehhw447z] .quickgrid[theme=grid-info] td:nth-of-type(4)::before {
            content: "Available:";
        }

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

        [b-qmehhw447z] .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-qmehhw447z] .quickgrid[theme=grid-info] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-qmehhw447z] .quickgrid[theme=grid-info] td:empty {
        display: none;
    }
}
/* /Components/Features/Livestocks/Pages/HousingUnits.razor.rz.scp.css */
 /* INFO THEME*/
::deep .quickgrid[theme=grid-info][b-zpx04uzqp2] {
    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-zpx04uzqp2] .quickgrid[theme=grid-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

        [b-zpx04uzqp2] .quickgrid[theme=grid-info] td:nth-of-type(2)::before {
            content: "Details:";
        }

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

        [b-zpx04uzqp2] .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-zpx04uzqp2] .quickgrid[theme=grid-info] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-zpx04uzqp2] .quickgrid[theme=grid-info] td:empty {
        display: none;
    }
}
/* /Components/Features/Livestocks/Pages/ImportAnimal.razor.rz.scp.css */
.step-number[b-7f63vx8a2g] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 1.4rem;
    color: white;
}

.step-active[b-7f63vx8a2g] {
    background: #0d6efd;
}

.step-inactive[b-7f63vx8a2g] {
    background: #6c757d;
}

.step-line[b-7f63vx8a2g] {
    width: 100px;
    height: 4px;
    background: #dee2e6;
    margin: 0 10px;
}

@media (max-width: 768px) {
    .step-line[b-7f63vx8a2g] {
        width: 50px;
    }
}
/* /Components/Features/Livestocks/Pages/Locations.razor.rz.scp.css */
 /* INFO THEME*/
::deep .quickgrid[theme=grid-info][b-gs3ngctk3k] {
    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-gs3ngctk3k] .quickgrid[theme=grid-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

        [b-gs3ngctk3k] .quickgrid[theme=grid-info] td:nth-of-type(2)::before {
            content: "Details:";
        }

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

        [b-gs3ngctk3k] .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-gs3ngctk3k] .quickgrid[theme=grid-info] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-gs3ngctk3k] .quickgrid[theme=grid-info] td:empty {
        display: none;
    }
}
/* /Components/Features/Livestocks/Pages/Species.razor.rz.scp.css */
 /* INFO THEME*/
::deep .quickgrid[theme=grid-info][b-c0xuhszrpt] {
    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-c0xuhszrpt] .quickgrid[theme=grid-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        [b-c0xuhszrpt] .quickgrid[theme=grid-info] td:nth-of-type(3)::before {
            content: "Category:";
        }

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

        [b-c0xuhszrpt] .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-c0xuhszrpt] .quickgrid[theme=grid-info] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-c0xuhszrpt] .quickgrid[theme=grid-info] td:empty {
        display: none;
    }
}
/* /Components/Features/Livestocks/Shared/SummaryCard.razor.rz.scp.css */
/* ---- Premium Horizontal Scrollbar ---- */
.summary-block[b-uza2scvze1] {
    list-style: none;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    padding: 0;
    margin: 0 auto 10px auto;
    /* Background glass gradient */
    background: linear-gradient(135deg, rgba(255,255,255,0.85), rgba(243,244,246,0.9));
    backdrop-filter: blur(8px);
    border: 1px solid rgba(229,231,235,0.7);
   /* border-radius: 16px;*/
    box-shadow: 0 6px 18px rgba(0,0,0,0.06), inset 0 0 8px rgba(255,255,255,0.4);
    scrollbar-color: rgba(120, 144, 156, 0.5) transparent;
    scrollbar-width: thin;
    transition: background 0.3s ease, box-shadow 0.3s ease;
}

    /* WebKit Scrollbars */
    .summary-block[b-uza2scvze1]::-webkit-scrollbar {
        height: 8px;
    }

    .summary-block[b-uza2scvze1]::-webkit-scrollbar-track {
        background: linear-gradient(90deg, rgba(255,255,255,0.4), rgba(243,244,246,0.4));
        border-radius: 20px;
        margin: 4px;
    }

    /* Premium Thumb */
    .summary-block[b-uza2scvze1]::-webkit-scrollbar-thumb {
        background: linear-gradient(135deg, #9ca3af, #6b7280);
        border-radius: 20px;
        opacity: 0.6;
        transition: all 0.25s ease;
    }

        /* Hover thumb expands slightly */
        .summary-block[b-uza2scvze1]::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(135deg, #6b7280, #4b5563);
            height: 10px;
        }

    /*Green*/
    .summary-block.green[b-uza2scvze1] {
        background: linear-gradient(135deg, #f0faf3, #e8f7ed);
        border-color: #c8e9d2;
    }

        .summary-block.green[b-uza2scvze1]::-webkit-scrollbar-thumb {
            background: linear-gradient(135deg, #34d399, #10b981);
        }

    /*Blue*/
    .summary-block.blue[b-uza2scvze1] {
        background: linear-gradient(135deg, #f3f7ff, #e8efff);
        border-color: #c9d8ff;
    }

        .summary-block.blue[b-uza2scvze1]::-webkit-scrollbar-thumb {
            background: linear-gradient(135deg, #60a5fa, #3b82f6);
        }


    /*Grey*/
    .summary-block.gray[b-uza2scvze1] {
        background: linear-gradient(135deg, #f7f7f7, #efefef);
        border-color: #dadada;
    }

        .summary-block.gray[b-uza2scvze1]::-webkit-scrollbar-thumb {
            background: linear-gradient(135deg, #9ca3af, #6b7280);
        }

    /*Glass*/
    .summary-block.glass[b-uza2scvze1] {
        background: rgba(255, 255, 255, 0.35);
        backdrop-filter: blur(12px);
        border-color: rgba(255, 255, 255, 0.4);
        box-shadow: 0 8px 20px rgba(0,0,0,0.10);
    }

        .summary-block.glass[b-uza2scvze1]::-webkit-scrollbar-thumb {
            background: rgba(255,255,255,0.35);
            backdrop-filter: blur(6px);
            border: 1px solid rgba(255,255,255,0.5);
        }


/*.summary-block {
    list-style: none;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    padding: 0;
    margin: 0 auto 20px auto;
    background: linear-gradient(135deg, #fafafa, #f3f4f6);
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
    scrollbar-width: thin;
}

    .summary-block::-webkit-scrollbar {
        height: 6px;
    }

    .summary-block::-webkit-scrollbar-thumb {
        background: #d1d5db;
        border-radius: 4px;
    }
*/

/*.summary-block {
    list-style: none;
    display: block;
    overflow: hidden;
    padding: 0;
    text-align: left;
    overflow-x: auto;
    white-space: nowrap;
    background: #f5f5f5;
    margin: 0 auto 16px auto;
    border: 1px solid #dee2e6;
    border-radius: 4px;
}
*/
/* /Components/Features/Livestocks/Shared/SummaryCardItem.razor.rz.scp.css */
.summary-item[b-88gn3pk44d] {
    display: inline-block;
    text-align: center;
    min-width: 90px;
    padding: 12px 14px;
    border-right: 1px solid #e5e7eb;
    cursor: pointer;
    background: linear-gradient(180deg, #ffffff, #f8fafc);
    /*border-radius: 8px;*/
    transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

    .summary-item:last-child[b-88gn3pk44d] {
        border-right: none;
    }

    .summary-item:hover[b-88gn3pk44d] {
        transform: translateY(-4px) scale(1.04);
        background: linear-gradient(180deg, #f9fafb, #eef2ff);
        box-shadow: 0px 6px 14px rgba(0, 0, 0, 0.08);
    }

    .summary-item .summary-title[b-88gn3pk44d] {
        font-size: 12px;
        font-weight: 600;
        color: #6b7280;
        margin-bottom: 4px;
    }

    .summary-item .summary-total[b-88gn3pk44d] {
        font-size: 26px;
        font-weight: 700;
        color: #111827;
        margin-bottom: 4px;
    }

    .summary-item .summary-subtext[b-88gn3pk44d] {
        font-size: 11px;
        color: #6c757d;
    }

        .summary-item .summary-subtext a[b-88gn3pk44d] {
            color: #3b82f6;
            text-decoration: underline;
        }

    /* Optional – highlighted item variant */
    .summary-item.glow[b-88gn3pk44d] {
        background: linear-gradient(145deg, #f0f9ff, #e0f2fe);
        border: 1px solid #bae6fd;
        box-shadow: 0 0 10px rgba(56, 189, 248, 0.3);
    }

    /*🌿 Green (Success)*/
    .summary-item.green[b-88gn3pk44d] {
        background: linear-gradient(135deg, #e6f4ea, #d1f2d6);
        border: 1px solid #b7e5c9;
    }

        .summary-item.green:hover[b-88gn3pk44d] {
            background: linear-gradient(135deg, #dff7e7, #c8f1d3);
            box-shadow: 0 6px 14px rgba(52, 211, 153, 0.25);
        }

    /*Blue (Info)*/
    .summary-item.blue[b-88gn3pk44d] {
        background: linear-gradient(135deg, #e8f0fe, #dbe8ff);
        border: 1px solid #c7d7ff;
    }

        .summary-item.blue:hover[b-88gn3pk44d] {
            background: linear-gradient(135deg, #e3edff, #d1e0ff);
            box-shadow: 0 6px 14px rgba(59, 130, 246, 0.25);
        }

    /*Gray (Neutral Panel)*/
    .summary-item.gray[b-88gn3pk44d] {
        background: linear-gradient(135deg, #f2f2f2, #e9e9e9);
        border: 1px solid #dadada;
    }

        .summary-item.gray:hover[b-88gn3pk44d] {
            background: linear-gradient(135deg, #f7f7f7, #efefef);
            box-shadow: 0 6px 14px rgba(107, 114, 128, 0.2);
        }
/* /Components/Features/Notes/NoteView.razor.rz.scp.css */
/* Wrapper uses your pastel background from .note-* */
.note-card-wrapper[b-0alrq5u41k] {
    border-radius: 14px;
    padding: 1.1rem 1.2rem;
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
    border: 1px solid rgba(0,0,0,0.06);
    transition: transform 0.1s ease, box-shadow 0.1s ease;
    margin-bottom: 0.8rem;
}

    .note-card-wrapper:hover[b-0alrq5u41k] {
        transform: translateY(-2px);
        box-shadow: 0 4px 10px rgba(0,0,0,0.09);
    }

/* Header */
.note-card-header[b-0alrq5u41k] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.note-date[b-0alrq5u41k] {
    font-weight: 600;
    color: #2c2c2c;
    font-size: 0.95rem;
}

    .note-date .time-ago[b-0alrq5u41k] {
        color: #6c757d;
        margin-left: 3px;
        font-size: 0.7em;
    }

/* Action Buttons */
.icon-btn[b-0alrq5u41k] {
    background: transparent;
    border: none;
    padding: 4px 6px;
    cursor: pointer;
    border-radius: 6px;
}

    .icon-btn:hover[b-0alrq5u41k] {
        background: rgba(255,255,255,0.5);
    }

/* Description */
.note-description[b-0alrq5u41k] {
    margin: 0.6rem 0 0.8rem 0;
    font-size: 0.93rem;
    color: #444;
    line-height: 1.4;
}

/* Footer Badges */
.note-footer[b-0alrq5u41k] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.note-badge[b-0alrq5u41k] {
    background: #333 !important;
    color: #fff !important;
    font-size: 0.75rem;
    padding: 0.35em 0.55em;
    border-radius: 6px;
}

.tag-badge[b-0alrq5u41k] {
    background: rgba(0,0,0,0.05);
    color: #333;
    font-size: 0.75rem;
    padding: 0.35em 0.55em;
    border-radius: 6px;
}

    .tag-badge i[b-0alrq5u41k] {
        color: #888;
        font-size: 0.8em;
    }


/* =============================== */
/*     NOTE CATEGORY BACKGROUNDS   */
/* =============================== */

/* General – Soft Gray Mist */
.note-general[b-0alrq5u41k] {
    background: #f7f8fa;
    color: #3f4550;
}

/* Breeding – Pastel Blush Rose */
.note-breeding[b-0alrq5u41k] {
    background: #fff5f7; /* very light rose */
    color: #5a2d34;
}

/* Deworming – Mint Ice */
.note-deworming[b-0alrq5u41k] {
    background: #f3fdf8; /* soft mint */
    color: #24553a;
}

/* Grooming – Lavender Breeze */
.note-grooming[b-0alrq5u41k] {
    background: #faf7ff; /* lilac tint */
    color: #4c3c6a;
}

/* Injury – Warm Apricot Tint */
.note-injury[b-0alrq5u41k] {
    background: #fff7f2; /* peach cream */
    color: #6a3a1f;
}

/* Medication – Baby Blue Powder */
.note-medication[b-0alrq5u41k] {
    background: #f2f8ff;
    color: #244a74;
}

/* Moved – Pale Sand Neutral */
.note-moved[b-0alrq5u41k] {
    background: #fbf9f3;
    color: #4e432d;
}

/* Pregnancy Check – Soft Pink Cream */
.note-pregnancy[b-0alrq5u41k] {
    background: #fff6fa;
    color: #6a2f53;
}

/* Supplement – Light Spring Green */
.note-supplement[b-0alrq5u41k] {
    background: #f4fdf6;
    color: #245533;
}

/* Vaccination – Cool Ice Blue */
.note-vaccination[b-0alrq5u41k] {
    background: #f3faff;
    color: #2b4d69;
}

/* Veterinarian – Warm Beige Eggshell */
.note-vet[b-0alrq5u41k] {
    background: #fdf8f2;
    color: #4b3c2f;
}

/* Shared base class for consistency */
.note-card[b-0alrq5u41k] {
    border-radius: 10px;
    padding: 1rem;
    border: 1px solid #e5e5e5;
    box-shadow: 0 1px 3px rgba(0,0,0,.05);
}


/* -----------------------------
   NOTE BADGE COLORS (Gentle Pastel Pop)
   ----------------------------- */

/* General */
.badge-note-general[b-0alrq5u41k] {
    background: #e0e0e0; /* soft gray, slightly stronger */
    color: #333;
}

/* Breeding */
.badge-note-breeding[b-0alrq5u41k] {
    background: #ffe6cc; /* light warm peach */
    color: #8a5a2e;
}

/* Deworming */
.badge-note-deworming[b-0alrq5u41k] {
    background: #ccf7e6; /* minty soft green */
    color: #2a5a4a;
}

/* Grooming */
.badge-note-grooming[b-0alrq5u41k] {
    background: #e8e0ff; /* soft lilac */
    color: #4a3569;
}

/* Injury */
.badge-note-injury[b-0alrq5u41k] {
    background: #ffe6ea; /* gentle rose */
    color: #7a2c35;
}

/* Medication */
.badge-note-medication[b-0alrq5u41k] {
    background: #cce6ff; /* soft powder blue */
    color: #2b4e7a;
}

/* Moved */
.badge-note-moved[b-0alrq5u41k] {
    background: #d6d6ff; /* light lavender */
    color: #3d3d7a;
}

/* Pregnancy Check */ 
.badge-note-pregnancycheck[b-0alrq5u41k] {
    background: #fff0e0; /* creamy apricot */
    color: #754c26;
}


/* Supplement */
.badge-note-supplement[b-0alrq5u41k] {
    background: #e6fff0; /* mint-lime soft */
    color: #375a2b;
}

/* Vaccination */
.badge-note-vaccination[b-0alrq5u41k] {
    background: #d9f0ff; /* icy blue */
    color: #155a6e;
}

/* Veterinarian */
.badge-note-veterinarian[b-0alrq5u41k] {
    background: #ffe6ff; /* soft pink-lavender */
    color: #6a2e7a;
}

/* Tags (neutral) */
.badge-tag[b-0alrq5u41k] {
    background: #f0f0f0;
    color: #444;
}

 
/* /Components/Features/PageNotFound.razor.rz.scp.css */
/*--------------------------------------------------------------
# Error 404
--------------------------------------------------------------*/
.error-404[b-hvped45ucl] {
    padding: 30px;
}

    .error-404 h1[b-hvped45ucl] {
        font-size: 180px;
        font-weight: 700;
        color: #4154f1;
        margin-bottom: 0;
        line-height: 150px;
    }

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

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

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

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

.credits[b-hvped45ucl] {
    padding-top: 5px;
    text-align: center;
    font-size: 13px;
    color: #012970;
}
/* /Components/Features/Treatments/Pages/AddEdit.razor.rz.scp.css */
/* INFO THEME*/
[b-6bf2heudsf] .quickgrid[theme=grid-info] {
    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-6bf2heudsf] .quickgrid[theme=grid-info] thead tr {
        background-color: #64B5F6;
        color: #ffffff;
        font-size: 1.0em;
    }

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

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

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

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

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

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

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

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

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

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

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

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

        [b-6bf2heudsf] .quickgrid[theme=grid-info] td:nth-of-type(1)::before {
            content: "Name/Batch:";
        }

        [b-6bf2heudsf] .quickgrid[theme=grid-info] td:nth-of-type(2)::before {
            content: "Type:";
        }

        [b-6bf2heudsf] .quickgrid[theme=grid-info] td:nth-of-type(3)::before {
            content: "Qty:";
        }

        [b-6bf2heudsf] .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-6bf2heudsf] .quickgrid[theme=grid-info] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

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


/* /Components/Features/Treatments/Pages/Detail.razor.rz.scp.css */
/*Action Card Body Background*/
/* 100–199 Medication / Vaccination (Calm Baby Blue) */
.bg-treat-blue[b-ii6xgk85c0] {
    background: #f2f8ff; /* extra soft powder-blue */
    color: #244a74;
}

/* 200–299 Parasite Control (Soft Aqua Mint) */
.bg-treat-teal[b-ii6xgk85c0] {
    background: #f0fcfa; /* very light aqua */
    color: #1e4e46;
}

/* 300–399 Diagnostic (Elegant Lilac Tint) */
.bg-treat-purple[b-ii6xgk85c0] {
    background: #faf7ff; /* subtle lilac */
    color: #3e2d5d;
}

/* 400–499 Reproductive (Warm Creamy Apricot) */
.bg-treat-orange[b-ii6xgk85c0] {
    background: #fff7f0; /* almost-white peach */
    color: #5a3a1c;
}

/* 500–599 Surgical / Procedures (Gentle Rose Tint) */
.bg-treat-red[b-ii6xgk85c0] {
    background: #fff5f5; /* soft blush */
    color: #5a2323;
}

/* 600–699 Supportive Care (Light Mint Green) */
.bg-treat-green[b-ii6xgk85c0] {
    background: #f4fdf6; /* soft pale mint */
    color: #245533;
}

/* 700–799 Emergency (Soft Sand / Beige) */
.bg-treat-brown[b-ii6xgk85c0] {
    background: #fbf7f2; /* creamy neutral sand */
    color: #4d3c2b;
}

/* 900–999 Other (Neutral Gray Tint) */
.bg-treat-gray[b-ii6xgk85c0] {
    background: #f7f7f7; /* soft light-gray */
    color: #333;
}
/* /Components/Features/Treatments/Pages/Index.razor.rz.scp.css */
/* INFO THEME*/
[b-he72nnusp3] .quickgrid[theme=grid-info] {
    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-he72nnusp3] .quickgrid[theme=grid-info] thead tr {
        background-color: #64B5F6;
        color: #ffffff;
        font-size: 1.0em;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

        [b-he72nnusp3] .quickgrid[theme=grid-info] td:nth-of-type(2)::before {
            content: "Variety:";
        }

        [b-he72nnusp3] .quickgrid[theme=grid-info] td:nth-of-type(3)::before {
            content: "Unit:";
        }

        [b-he72nnusp3] .quickgrid[theme=grid-info] td:nth-of-type(4)::before {
            content: "Manufacturer:";
        }

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

        [b-he72nnusp3] .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-he72nnusp3] .quickgrid[theme=grid-info] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-he72nnusp3] .quickgrid[theme=grid-info] td:empty {
        display: none;
    }
}
/* /Components/Features/Treatments/Pages/Medicines.razor.rz.scp.css */
/* INFO THEME*/
[b-w3jc34vx7h] .quickgrid[theme=grid-info] {
    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-w3jc34vx7h] .quickgrid[theme=grid-info] thead tr {
        background-color: #64B5F6;
        color: #ffffff;
        font-size: 1.0em;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

        [b-w3jc34vx7h] .quickgrid[theme=grid-info] td:nth-of-type(2)::before {
            content: "Variety:";
        }

        [b-w3jc34vx7h] .quickgrid[theme=grid-info] td:nth-of-type(3)::before {
            content: "Unit:";
        }

        [b-w3jc34vx7h] .quickgrid[theme=grid-info] td:nth-of-type(4)::before {
            content: "Manufacturer:";
        }

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

        [b-w3jc34vx7h] .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-w3jc34vx7h] .quickgrid[theme=grid-info] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-w3jc34vx7h] .quickgrid[theme=grid-info] td:empty {
        display: none;
    }
}
/* /Components/Features/Treatments/Shared/TreatmentActionCard.razor.rz.scp.css */
.accordion-button[b-kfo7ug6t5m] {
    background-color: #f0f4ff !important; /* collapsed */
}

    .accordion-button:not(.collapsed)[b-kfo7ug6t5m] {
        background-color: #cfe2ff !important; /* expanded */
        color: #000 !important;
    }


/*Action Card Header Background*/

/* 100–199 Medication / Vaccination (Deeper Powder Blue) */
.header-treat-blue[b-kfo7ug6t5m] {
    background: #e3f0ff; /* one step darker than body */
    color: #1e3d63;
}

/* 200–299 Parasite Control (Calm Aqua Mint) */
.header-treat-teal[b-kfo7ug6t5m] {
    background: #dff7f3;
    color: #18433c;
}

/* 300–399 Diagnostic (Soft Lilac Smoke) */
.header-treat-purple[b-kfo7ug6t5m] {
    background: #f0eaff;
    color: #2f2252;
}

/* 400–499 Reproductive (Warm Light Apricot) */
.header-treat-orange[b-kfo7ug6t5m] {
    background: #ffeede;
    color: #4c2f14;
}

/* 500–599 Surgical / Procedures (Soft Blush Rose) */
.header-treat-red[b-kfo7ug6t5m] {
    background: #ffecec;
    color: #4a1d1d;
}

/* 600–699 Supportive Therapy (Subtle Mint Green) */
.header-treat-green[b-kfo7ug6t5m] {
    background: #e7f9ec;
    color: #1f442b;
}

/* 700–799 Emergency / End-of-life (Neutral Sandstone) */
.header-treat-brown[b-kfo7ug6t5m] {
    background: #f4ede3;
    color: #3d3021;
}

/* 900–999 Other (Neutral Cool Gray) */
.header-treat-gray[b-kfo7ug6t5m] {
    background: #ededed;
    color: #222;
}




/*Action Card Body Background*/
/* 100–199 Medication / Vaccination (Calm Baby Blue) */
.bg-treat-blue[b-kfo7ug6t5m] {
    background: #f2f8ff; /* extra soft powder-blue */
    color: #244a74;
}

/* 200–299 Parasite Control (Soft Aqua Mint) */
.bg-treat-teal[b-kfo7ug6t5m] {
    background: #f0fcfa; /* very light aqua */
    color: #1e4e46;
}

/* 300–399 Diagnostic (Elegant Lilac Tint) */
.bg-treat-purple[b-kfo7ug6t5m] {
    background: #faf7ff; /* subtle lilac */
    color: #3e2d5d;
}

/* 400–499 Reproductive (Warm Creamy Apricot) */
.bg-treat-orange[b-kfo7ug6t5m] {
    background: #fff7f0; /* almost-white peach */
    color: #5a3a1c;
}

/* 500–599 Surgical / Procedures (Gentle Rose Tint) */
.bg-treat-red[b-kfo7ug6t5m] {
    background: #fff5f5; /* soft blush */
    color: #5a2323;
}

/* 600–699 Supportive Care (Light Mint Green) */
.bg-treat-green[b-kfo7ug6t5m] {
    background: #f4fdf6; /* soft pale mint */
    color: #245533;
}

/* 700–799 Emergency (Soft Sand / Beige) */
.bg-treat-brown[b-kfo7ug6t5m] {
    background: #fbf7f2; /* creamy neutral sand */
    color: #4d3c2b;
}

/* 900–999 Other (Neutral Gray Tint) */
.bg-treat-gray[b-kfo7ug6t5m] {
    background: #f7f7f7; /* soft light-gray */
    color: #333;
}
/* /Components/Layout/AdminLayout.razor.rz.scp.css */
.page[b-b8v56agwd0] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

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

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

/* Sidebar Overlay */
.sidebar-overlay[b-b8v56agwd0] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 995; /* Just below the sidebar (1040) */
    display: block;
}

@media (max-width: 768px) {
    .main[b-b8v56agwd0] {
        margin-left: 0;
    }

    .sidebar-overlay[b-b8v56agwd0] {
        display: block;
    }
}
/* /Components/Layout/MainLayoutContent.razor.rz.scp.css */
.page[b-prqkujcv8n] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

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

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

#blazor-error-ui[b-prqkujcv8n] {
    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-prqkujcv8n] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

/* Sidebar Overlay */
.sidebar-overlay[b-prqkujcv8n] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 995; /* Just below the sidebar (1040) */
    display: block;
}

@media (max-width: 768px) {
    .main[b-prqkujcv8n] {
        margin-left: 0;
    }

    .sidebar-overlay[b-prqkujcv8n] {
        display: block;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-4vq8fjjl8k] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-4vq8fjjl8k] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-4vq8fjjl8k] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-4vq8fjjl8k] {
    font-size: 1.1rem;
}

.bi[b-4vq8fjjl8k] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-4vq8fjjl8k] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-4vq8fjjl8k] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-4vq8fjjl8k] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-4vq8fjjl8k] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-4vq8fjjl8k] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-4vq8fjjl8k] {
        padding-bottom: 1rem;
    }

    .nav-item[b-4vq8fjjl8k]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-4vq8fjjl8k]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-4vq8fjjl8k]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-4vq8fjjl8k] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-4vq8fjjl8k] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-4vq8fjjl8k] {
        display: none;
    }

    .nav-scrollable[b-4vq8fjjl8k] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Shared/Appbars/Appbar.razor.rz.scp.css */
.logo[b-1n186ojtr5] {
    line-height: 1;
}

@media (min-width: 1200px) {
    .logo[b-1n186ojtr5] {
        width: 280px;
    }
}

.logo img[b-1n186ojtr5] {
    max-height: 26px;
    margin-right: 6px;
}

.logo span[b-1n186ojtr5] {
    font-size: 26px;
    font-weight: 700;
    color: #012970;
    font-family: "Nunito", sans-serif;
}

.gradient-text[b-1n186ojtr5] {
    background-image: linear-gradient(45deg, #6b9df1, #6557ed);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

.header[b-1n186ojtr5] {
    transition: all 0.5s;
    z-index: 997;
    height: 55px;
    box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1);
    background-color: #fff;
    padding-left: 20px;
    /* Toggle Sidebar Button */
    /* Search Bar */
}

    .header .toggle-sidebar-btn[b-1n186ojtr5] {
        font-size: 32px;
        padding-left: 10px;
        cursor: pointer;
        color: #012970;
    }

    .header .search-bar[b-1n186ojtr5] {
        min-width: 360px;
        padding: 0 20px;
    }

@media (max-width: 1199px) {
    .header .search-bar[b-1n186ojtr5] {
        position: fixed;
        top: 50px;
        left: 0;
        right: 0;
        padding: 20px;
        box-shadow: 0px 0px 15px 0px rgba(1, 41, 112, 0.1);
        background: white;
        z-index: 9999;
        transition: 0.3s;
        visibility: hidden;
        opacity: 0;
    }

    .header .search-bar-show[b-1n186ojtr5] {
        top: 60px;
        visibility: visible;
        opacity: 1;
    }
}

.header .search-form[b-1n186ojtr5] {
    width: 100%;
}

    .header .search-form input[b-1n186ojtr5] {
        border: 0;
        font-size: 14px;
        color: #012970;
        border: 1px solid rgba(1, 41, 112, 0.2);
        padding: 7px 38px 7px 8px;
        border-radius: 3px;
        transition: 0.3s;
        width: 100%;
    }

        .header .search-form input:focus[b-1n186ojtr5],
        .header .search-form input:hover[b-1n186ojtr5] {
            outline: none;
            box-shadow: 0 0 10px 0 rgba(1, 41, 112, 0.15);
            border: 1px solid rgba(1, 41, 112, 0.3);
        }

    .header .search-form button[b-1n186ojtr5] {
        border: 0;
        padding: 0;
        margin-left: -30px;
        background: none;
    }

        .header .search-form button i[b-1n186ojtr5] {
            color: #012970;
        }


/*--------------------------------------------------------------
# Header Nav
--------------------------------------------------------------*/
.header-nav ul[b-1n186ojtr5] {
    list-style: none;
}

.header-nav > ul[b-1n186ojtr5] {
    margin: 0;
    padding: 0;
}

.header-nav .nav-icon[b-1n186ojtr5] {
    font-size: 22px;
    color: #012970;
    margin-right: 25px;
    position: relative;
}

.header-nav .nav-profile[b-1n186ojtr5] {
    color: #012970;
}

    .header-nav .nav-profile img[b-1n186ojtr5] {
        max-height: 36px;
    }

    .header-nav .nav-profile span[b-1n186ojtr5] {
        font-size: 14px;
        font-weight: 600;
    }

.header-nav .badge-number[b-1n186ojtr5] {
    position: absolute;
    inset: -2px -5px auto auto;
    font-weight: normal;
    font-size: 12px;
    padding: 3px 6px;
}

.sidebar-toggle-btn[b-1n186ojtr5] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 12px;
    background-color: #212529; /* Dark base */
    border: none;
    border-radius: 0px;
    transition: background-color 0.2s ease, transform 0.1s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    height: 53px;
}

    .sidebar-toggle-btn:hover[b-1n186ojtr5] {
        background-color: #343a40; /* Slightly lighter on hover */
        cursor: pointer;
    }

    .sidebar-toggle-btn:active[b-1n186ojtr5] {
        background-color: #495057;
        transform: scale(0.96);
    }

    .sidebar-toggle-btn:focus[b-1n186ojtr5] {
        outline: none;
        box-shadow: none;
    }


/* AppBar Styling */
.appbar[b-1n186ojtr5] {
    height: 55px;
}

/*--------------------------------------------------
# Profile
--------------------------------------------------*/

/* Profile Image */
.profile-img[b-1n186ojtr5] {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border: 2px solid #fff;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .profile-img:hover[b-1n186ojtr5] {
        transform: scale(1.1);
        box-shadow: 0 0 8px rgba(255, 255, 255, 0.7);
    }

/* Dropdown Menu */
.animated-dropdown[b-1n186ojtr5] {
    animation: fadeInDown-b-1n186ojtr5 0.3s ease both;
    border-radius: 10px;
    min-width: 220px;
    overflow: hidden;
}

.dropdown-menu .dropdown-item:hover[b-1n186ojtr5] {
    background-color: #f8f9fa;
    color: #212529;
}

.dropdown-menu .dropdown-header[b-1n186ojtr5] {
    padding: 0.25rem;
    /* background: #f1f1f1; */
    /*  border-bottom: 1px solid #ddd; */
}

    .dropdown-menu .dropdown-header strong[b-1n186ojtr5] {
        font-size: 1rem;
    }

    .dropdown-menu .dropdown-header small[b-1n186ojtr5] {
        font-size: 0.85rem;
        color: #6c757d;
    }

/* Smooth Dropdown Animation */
@keyframes fadeInDown-b-1n186ojtr5 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/Shared/Appbars/AppbarAdmin.razor.rz.scp.css */
.logo[b-j767d9x0w3] {
    line-height: 1;
}

@media (min-width: 1200px) {
    .logo[b-j767d9x0w3] {
        width: 280px;
    }
}

.logo img[b-j767d9x0w3] {
    max-height: 26px;
    margin-right: 6px;
}

.logo span[b-j767d9x0w3] {
    font-size: 26px;
    font-weight: 700;
    color: #012970;
    font-family: "Nunito", sans-serif;
}

.gradient-text[b-j767d9x0w3] {
    background-image: linear-gradient(45deg, #6b9df1, #6557ed);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

.header[b-j767d9x0w3] {
    transition: all 0.5s;
    z-index: 997;
    height: 55px;
    box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1);
    background-color: #fff;
    padding-left: 20px;
    /* Toggle Sidebar Button */
    /* Search Bar */
}

    .header .toggle-sidebar-btn[b-j767d9x0w3] {
        font-size: 32px;
        padding-left: 10px;
        cursor: pointer;
        color: #012970;
    }

    .header .search-bar[b-j767d9x0w3] {
        min-width: 360px;
        padding: 0 20px;
    }

@media (max-width: 1199px) {
    .header .search-bar[b-j767d9x0w3] {
        position: fixed;
        top: 50px;
        left: 0;
        right: 0;
        padding: 20px;
        box-shadow: 0px 0px 15px 0px rgba(1, 41, 112, 0.1);
        background: white;
        z-index: 9999;
        transition: 0.3s;
        visibility: hidden;
        opacity: 0;
    }

    .header .search-bar-show[b-j767d9x0w3] {
        top: 60px;
        visibility: visible;
        opacity: 1;
    }
}

.header .search-form[b-j767d9x0w3] {
    width: 100%;
}

    .header .search-form input[b-j767d9x0w3] {
        border: 0;
        font-size: 14px;
        color: #012970;
        border: 1px solid rgba(1, 41, 112, 0.2);
        padding: 7px 38px 7px 8px;
        border-radius: 3px;
        transition: 0.3s;
        width: 100%;
    }

        .header .search-form input:focus[b-j767d9x0w3],
        .header .search-form input:hover[b-j767d9x0w3] {
            outline: none;
            box-shadow: 0 0 10px 0 rgba(1, 41, 112, 0.15);
            border: 1px solid rgba(1, 41, 112, 0.3);
        }

    .header .search-form button[b-j767d9x0w3] {
        border: 0;
        padding: 0;
        margin-left: -30px;
        background: none;
    }

        .header .search-form button i[b-j767d9x0w3] {
            color: #012970;
        }


/*--------------------------------------------------------------
# Header Nav
--------------------------------------------------------------*/
.header-nav ul[b-j767d9x0w3] {
    list-style: none;
}

.header-nav > ul[b-j767d9x0w3] {
    margin: 0;
    padding: 0;
}

.header-nav .nav-icon[b-j767d9x0w3] {
    font-size: 22px;
    color: #012970;
    margin-right: 25px;
    position: relative;
}

.header-nav .nav-profile[b-j767d9x0w3] {
    color: #012970;
}

    .header-nav .nav-profile img[b-j767d9x0w3] {
        max-height: 36px;
    }

    .header-nav .nav-profile span[b-j767d9x0w3] {
        font-size: 14px;
        font-weight: 600;
    }

.header-nav .badge-number[b-j767d9x0w3] {
    position: absolute;
    inset: -2px -5px auto auto;
    font-weight: normal;
    font-size: 12px;
    padding: 3px 6px;
}

.sidebar-toggle-btn[b-j767d9x0w3] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 12px;
    background-color: #212529; /* Dark base */
    border: none;
    border-radius: 0px;
    transition: background-color 0.2s ease, transform 0.1s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    height: 53px;
}

    .sidebar-toggle-btn:hover[b-j767d9x0w3] {
        background-color: #343a40; /* Slightly lighter on hover */
        cursor: pointer;
    }

    .sidebar-toggle-btn:active[b-j767d9x0w3] {
        background-color: #495057;
        transform: scale(0.96);
    }

    .sidebar-toggle-btn:focus[b-j767d9x0w3] {
        outline: none;
        box-shadow: none;
    }


/* AppBar Styling */
.appbar[b-j767d9x0w3] {
    height: 55px;
}

/*--------------------------------------------------
# Profile
--------------------------------------------------*/

/* Profile Image */
.profile-img[b-j767d9x0w3] {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border: 2px solid #fff;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .profile-img:hover[b-j767d9x0w3] {
        transform: scale(1.1);
        box-shadow: 0 0 8px rgba(255, 255, 255, 0.7);
    }

/* Dropdown Menu */
.animated-dropdown[b-j767d9x0w3] {
    animation: fadeInDown-b-j767d9x0w3 0.3s ease both;
    border-radius: 10px;
    min-width: 220px;
    overflow: hidden;
}

.dropdown-menu .dropdown-item:hover[b-j767d9x0w3] {
    background-color: #f8f9fa;
    color: #212529;
}

.dropdown-menu .dropdown-header[b-j767d9x0w3] {
    padding: 0.25rem;
    /* background: #f1f1f1; */
    /*  border-bottom: 1px solid #ddd; */
}

    .dropdown-menu .dropdown-header strong[b-j767d9x0w3] {
        font-size: 1rem;
    }

    .dropdown-menu .dropdown-header small[b-j767d9x0w3] {
        font-size: 0.85rem;
        color: #6c757d;
    }

/* Smooth Dropdown Animation */
@keyframes fadeInDown-b-j767d9x0w3 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/Shared/Appbars/AppbarHome.razor.rz.scp.css */
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header[b-pl2t87spqw] {
    transition: all 0.5s;
    z-index: 997;
    padding: 15px 0;
}

    #header.header-scrolled[b-pl2t87spqw],
    #header.header-inner-pages[b-pl2t87spqw] {
        background: rgba(40, 58, 90, 0.9);
    }

    #header .logo[b-pl2t87spqw] {
        font-size: 30px;
        margin: 0;
        padding: 0;
        line-height: 1;
        font-weight: 500;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

        #header .logo a[b-pl2t87spqw] {
            color: #fff;
        }

        #header .logo img[b-pl2t87spqw] {
            max-height: 40px;
        }


/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar[b-pl2t87spqw] {
    padding: 0;
}

    .navbar ul[b-pl2t87spqw] {
        margin: 0;
        padding: 0;
        display: flex;
        list-style: none;
        align-items: center;
    }

    .navbar li[b-pl2t87spqw] {
        position: relative;
    }

    .navbar a[b-pl2t87spqw],
    .navbar a:focus[b-pl2t87spqw] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 0 10px 30px;
        font-size: 15px;
        font-weight: 500;
        color: #fff;
        white-space: nowrap;
        transition: 0.3s;
    }

        .navbar a i[b-pl2t87spqw],
        .navbar a:focus i[b-pl2t87spqw] {
            font-size: 12px;
            line-height: 0;
            margin-left: 5px;
        }

        .navbar a:hover[b-pl2t87spqw],
        .navbar .active[b-pl2t87spqw],
        .navbar .active:focus[b-pl2t87spqw],
        .navbar li:hover > a[b-pl2t87spqw] {
            color: #47b2e4;
        }

    .navbar .getstarted[b-pl2t87spqw],
    .navbar .getstarted:focus[b-pl2t87spqw] {
        padding: 8px 20px;
        margin-left: 30px;
        border-radius: 50px;
        color: #fff;
        font-size: 14px;
        border: 2px solid #47b2e4;
        font-weight: 600;
    }

        .navbar .getstarted:hover[b-pl2t87spqw],
        .navbar .getstarted:focus:hover[b-pl2t87spqw] {
            color: #fff;
            background: #31a9e1;
        }

    .navbar .dropdown ul[b-pl2t87spqw] {
        display: block;
        position: absolute;
        left: 14px;
        top: calc(100% + 30px);
        margin: 0;
        padding: 10px 0;
        z-index: 99;
        opacity: 0;
        visibility: hidden;
        background: #fff;
        box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
        transition: 0.3s;
        border-radius: 4px;
    }

        .navbar .dropdown ul li[b-pl2t87spqw] {
            min-width: 200px;
        }

        .navbar .dropdown ul a[b-pl2t87spqw] {
            padding: 10px 20px;
            font-size: 14px;
            text-transform: none;
            font-weight: 500;
            color: #0c3c53;
        }

            .navbar .dropdown ul a i[b-pl2t87spqw] {
                font-size: 12px;
            }

            .navbar .dropdown ul a:hover[b-pl2t87spqw],
            .navbar .dropdown ul .active:hover[b-pl2t87spqw],
            .navbar .dropdown ul li:hover > a[b-pl2t87spqw] {
                color: #47b2e4;
            }

    .navbar .dropdown:hover > ul[b-pl2t87spqw] {
        opacity: 1;
        top: 100%;
        visibility: visible;
    }

    .navbar .dropdown .dropdown ul[b-pl2t87spqw] {
        top: 0;
        left: calc(100% - 30px);
        visibility: hidden;
    }

    .navbar .dropdown .dropdown:hover > ul[b-pl2t87spqw] {
        opacity: 1;
        top: 0;
        left: 100%;
        visibility: visible;
    }

@media (max-width: 1366px) {
    .navbar .dropdown .dropdown ul[b-pl2t87spqw] {
        left: -90%;
    }

    .navbar .dropdown .dropdown:hover > ul[b-pl2t87spqw] {
        left: -100%;
    }
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle[b-pl2t87spqw] {
    color: #fff;
    font-size: 28px;
    cursor: pointer;
    display: none;
    line-height: 0;
    transition: 0.5s;
}

    .mobile-nav-toggle.bi-x[b-pl2t87spqw] {
        color: #fff;
    }

@media (max-width: 991px) {
    .mobile-nav-toggle[b-pl2t87spqw] {
        display: block;
    }

    .navbar ul[b-pl2t87spqw] {
        display: none;
    }
}

.navbar-mobile[b-pl2t87spqw] {
    position: fixed;
    overflow: hidden;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(40, 58, 90, 0.9);
    transition: 0.3s;
    z-index: 999;
}

    .navbar-mobile .mobile-nav-toggle[b-pl2t87spqw] {
        position: absolute;
        top: 15px;
        right: 15px;
    }

    .navbar-mobile ul[b-pl2t87spqw] {
        display: block;
        position: absolute;
        top: 55px;
        right: 15px;
        bottom: 15px;
        left: 15px;
        padding: 10px 0;
        border-radius: 10px;
        background-color: #fff;
        overflow-y: auto;
        transition: 0.3s;
    }

    .navbar-mobile a[b-pl2t87spqw],
    .navbar-mobile a:focus[b-pl2t87spqw] {
        padding: 10px 20px;
        font-size: 15px;
        color: #37517e;
    }

        .navbar-mobile a:hover[b-pl2t87spqw],
        .navbar-mobile .active[b-pl2t87spqw],
        .navbar-mobile li:hover > a[b-pl2t87spqw] {
            color: #47b2e4;
        }

    .navbar-mobile .getstarted[b-pl2t87spqw],
    .navbar-mobile .getstarted:focus[b-pl2t87spqw] {
        margin: 15px;
        color: #37517e;
    }

    .navbar-mobile .dropdown ul[b-pl2t87spqw] {
        position: static;
        display: none;
        margin: 10px 20px;
        padding: 10px 0;
        z-index: 99;
        opacity: 1;
        visibility: visible;
        background: #fff;
        box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    }

        .navbar-mobile .dropdown ul li[b-pl2t87spqw] {
            min-width: 200px;
        }

        .navbar-mobile .dropdown ul a[b-pl2t87spqw] {
            padding: 10px 20px;
        }

            .navbar-mobile .dropdown ul a i[b-pl2t87spqw] {
                font-size: 12px;
            }

            .navbar-mobile .dropdown ul a:hover[b-pl2t87spqw],
            .navbar-mobile .dropdown ul .active:hover[b-pl2t87spqw],
            .navbar-mobile .dropdown ul li:hover > a[b-pl2t87spqw] {
                color: #47b2e4;
            }

    .navbar-mobile .dropdown > .dropdown-active[b-pl2t87spqw] {
        display: block;
    }
/* /Components/Shared/Avatar.razor.rz.scp.css */
.avatar-container[b-wksy76appr] {
    overflow: hidden;
    border-radius: 1rem;
    position: relative;
}

.avatar-image[b-wksy76appr] {
    width: 100%;
    height: 100%;    
    object-position: center;
    transition: filter 0.3s ease;
}

.avatar-container:hover .avatar-image[b-wksy76appr] {
    filter: brightness(0.7);
}

.avatar-hover-btn[b-wksy76appr] {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.avatar-container:hover .avatar-hover-btn[b-wksy76appr] {
    opacity: 1;
}
/* /Components/Shared/Cards/FormActionBar.razor.rz.scp.css */
/* Stcky Action*/
.sticky-bottom[b-yx6bbyvzo3] {
    border-radius: 50px !important;
    backdrop-filter: blur(10px);
}

.btn-success.submit[b-yx6bbyvzo3] {
    background: linear-gradient(135deg, #16a085, #27ae60);
    border: none;
    font-weight: 600;
    letter-spacing: 0.5px;
}

    .btn-success.submit:hover[b-yx6bbyvzo3] {
        transform: translateY(-2px);
        box-shadow: 0 8px 25px rgba(22, 160, 133, 0.3);
    }

.btn-lg[b-yx6bbyvzo3] {
    border-radius: 50px;
}
/* /Components/Shared/Cards/RecentActivity.razor.rz.scp.css */
.recent-activity-timeline[b-4kel277cdl] {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 20px;
    min-width: 300px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.section-title[b-4kel277cdl] {
    font-size: 15px;
    font-weight: 600;
    color: #343a40;
    margin: 0 0 20px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #e9ecef;
}

.timeline-container[b-4kel277cdl] {
    max-height: 400px; /* Adjust height as needed */
    overflow-y: auto;
    padding-right: 8px; /* For scrollbar spacing */
}

    /* Optional: hide scrollbar in some browsers for cleaner look */
    .timeline-container[b-4kel277cdl]::-webkit-scrollbar {
        width: 6px;
    }

    .timeline-container[b-4kel277cdl]::-webkit-scrollbar-thumb {
        background-color: rgba(0,0,0,0.2);
        border-radius: 3px;
    }

    .timeline-container[b-4kel277cdl]::-webkit-scrollbar-track {
        background: transparent;
    }


.timeline[b-4kel277cdl] {
    position: relative;
    padding-left: 4px;
}

    .timeline[b-4kel277cdl]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 21px;
        width: 2px;
        height: 100%;
        background: #dee2e6;
        z-index: 0;
    }

.timeline-item[b-4kel277cdl] {
    display: flex;
    gap: 16px;
    margin-bottom: 20px;
    position: relative;
}

.timeline-marker[b-4kel277cdl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 36px;
    flex-shrink: 0;
}

.dot[b-4kel277cdl] {
    width: 14px;
    height: 14px;
    background: #6c757d;
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 3px #dee2e6;
    z-index: 2;
}

    .dot.latest[b-4kel277cdl] {
        background: #198754;
        box-shadow: 0 0 0 4px #d1e7dd;
        animation: pulse-b-4kel277cdl 2s infinite;
    }

.line[b-4kel277cdl] {
    width: 2px;
    background: #dee2e6;
    flex-grow: 2;
    margin: 4px 0;
}

.timeline-content[b-4kel277cdl] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.top-row[b-4kel277cdl] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    align-items: center;
}

.date[b-4kel277cdl] {
    font-size: 13px;
    color: #6c757d;
    font-weight: 500;
}

.title[b-4kel277cdl] {
    font-size: 13px;
    font-weight: 600;
    color: #212529;
}

.message[b-4kel277cdl] {
    font-size: 14px;
    color: #495057;
    margin-top: 2px;
}

.messsage .icon[b-4kel277cdl] {
    font-size: 18px;
}

.message strong[b-4kel277cdl] {
    color: #198754;
    font-weight: 700;
    font-size: 16px;
}

.no-data[b-4kel277cdl] {
    color: #adb5bd;
    font-style: italic;
    text-align: center;
    padding: 20px 0;
}

/* Pulse animation for latest activity */
@keyframes pulse-b-4kel277cdl {
    0% {
        box-shadow: 0 0 0 0 rgba(25, 135, 84, 0.4);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(25, 135, 84, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(25, 135, 84, 0);
    }
}
/* /Components/Shared/Cards/SectionCard.razor.rz.scp.css */
.secton-card[b-yt4cqyhkxr] {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 20px;
    min-width: 300px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.section-card-title[b-yt4cqyhkxr] {
    font-size: 15px;
    font-weight: 600;    
    margin: 0 0 20px 0;
    padding-bottom: 10px;    
}
/* /Components/Shared/Editors/Captcha.razor.rz.scp.css */
.captcha-wrapper[b-9056v6lndu] {
    max-width: 400px;
    margin: 30px auto;
}

.captcha-card[b-9056v6lndu] {
    border-radius: 12px;
}

.captcha-text[b-9056v6lndu] {
    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-9056v6lndu] {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-linecap: round;
    animation: stroke-b-9056v6lndu 0.6s ease-out forwards;
}

.checkmark-check[b-9056v6lndu] {
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    stroke-linecap: round;
    animation: stroke-b-9056v6lndu 0.3s 0.6s ease-out forwards;
}

@keyframes stroke-b-9056v6lndu {
    to {
        stroke-dashoffset: 0;
    }
}
/* /Components/Shared/Editors/InputMultiSelect.razor.rz.scp.css */
.multi-select-dropdown .dropdown-menu[b-b2lto2ze4m] {
    min-width: 100%;
    max-height: 240px;
    overflow-y: auto;
    border-radius: 0.5rem;
    z-index: 1051;
}

.multi-select-dropdown .selected-text[b-b2lto2ze4m] {
    display: inline-block;
    max-width: calc(100% - 20px); /* Leave space for caret icon */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* Shows “...” when too long */
    vertical-align: middle;
}

.dropdown-backdrop[b-b2lto2ze4m] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1050;
}

.multi-select-menu .dropdown-item:hover[b-b2lto2ze4m] {
    background-color: #f0f0f0;
    cursor: pointer;
}

.multi-select-menu input[type="checkbox"][b-b2lto2ze4m] {
    cursor: pointer;
}
/* /Components/Shared/Landing/AboutSection.razor.rz.scp.css */
/*--------------------------------------------------------------
# About Us
--------------------------------------------------------------*/
.about .content h3[b-y762di968q] {
    font-weight: 600;
    font-size: 26px;
}

.about .content ul[b-y762di968q] {
    list-style: none;
    padding: 0;
}

    .about .content ul li[b-y762di968q] {
        padding-left: 28px;
        position: relative;
    }

        .about .content ul li + li[b-y762di968q] {
            margin-top: 10px;
        }

    .about .content ul i[b-y762di968q] {
        position: absolute;
        left: 0;
        top: 2px;
        font-size: 20px;
        color: #47b2e4;
        line-height: 1;
    }

.about .content p:last-child[b-y762di968q] {
    margin-bottom: 0;
}

.about .content .btn-learn-more[b-y762di968q] {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 12px 32px;
    border-radius: 4px;
    transition: 0.3s;
    line-height: 1;
    color: #47b2e4;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    margin-top: 6px;
    border: 2px solid #47b2e4;
}

    .about .content .btn-learn-more:hover[b-y762di968q] {
        background: #47b2e4;
        color: #fff;
        text-decoration: none;
    }
/* /Components/Shared/Landing/ClientSection.razor.rz.scp.css */
/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/
.clients[b-vwqjiawan5] {
    padding: 12px 0;
    text-align: center;
}

    .clients img[b-vwqjiawan5] {
        max-width: 45%;
        transition: all 0.4s ease-in-out;
        display: inline-block;
        padding: 15px 0;
        filter: grayscale(100);
    }

        .clients img:hover[b-vwqjiawan5] {
            filter: none;
            transform: scale(1.1);
        }

@media (max-width: 768px) {
    .clients img[b-vwqjiawan5] {
        max-width: 40%;
    }
}
/* /Components/Shared/Landing/ContactSection.razor.rz.scp.css */
/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info[b-ty03z1zx8s] {
    border-top: 3px solid #47b2e4;
    border-bottom: 3px solid #47b2e4;
    padding: 30px;
    background: #fff;
    width: 100%;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.1);
}

    .contact .info i[b-ty03z1zx8s] {
        font-size: 20px;
        color: #47b2e4;
        float: left;
        width: 44px;
        height: 44px;
        background: #e7f5fb;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50px;
        transition: all 0.3s ease-in-out;
    }

    .contact .info h4[b-ty03z1zx8s] {
        padding: 0 0 0 60px;
        font-size: 22px;
        font-weight: 600;
        margin-bottom: 5px;
        color: #37517e;
    }

    .contact .info p[b-ty03z1zx8s] {
        padding: 0 0 10px 60px;
        margin-bottom: 20px;
        font-size: 14px;
        color: #6182ba;
    }

    .contact .info .email p[b-ty03z1zx8s] {
        padding-top: 5px;
    }

    .contact .info .social-links[b-ty03z1zx8s] {
        padding-left: 60px;
    }

        .contact .info .social-links a[b-ty03z1zx8s] {
            font-size: 18px;
            display: inline-block;
            background: #333;
            color: #fff;
            line-height: 1;
            padding: 8px 0;
            border-radius: 50%;
            text-align: center;
            width: 36px;
            height: 36px;
            transition: 0.3s;
            margin-right: 10px;
        }

            .contact .info .social-links a:hover[b-ty03z1zx8s] {
                background: #47b2e4;
                color: #fff;
            }

    .contact .info .email:hover i[b-ty03z1zx8s],
    .contact .info .address:hover i[b-ty03z1zx8s],
    .contact .info .phone:hover i[b-ty03z1zx8s] {
        background: #47b2e4;
        color: #fff;
    }

.contact .php-email-form[b-ty03z1zx8s] {
    width: 100%;
    border-top: 3px solid #47b2e4;
    border-bottom: 3px solid #47b2e4;
    padding: 30px;
    background: #fff;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);
}

    .contact .php-email-form .form-group[b-ty03z1zx8s] {
        padding-bottom: 8px;
    }

    .contact .php-email-form .validate[b-ty03z1zx8s] {
        display: none;
        color: red;
        margin: 0 0 15px 0;
        font-weight: 400;
        font-size: 13px;
    }

    .contact .php-email-form .error-message[b-ty03z1zx8s] {
        display: none;
        color: #fff;
        background: #ed3c0d;
        text-align: left;
        padding: 15px;
        font-weight: 600;
    }

        .contact .php-email-form .error-message br + br[b-ty03z1zx8s] {
            margin-top: 25px;
        }

    .contact .php-email-form .sent-message[b-ty03z1zx8s] {
        display: none;
        color: #fff;
        background: #18d26e;
        text-align: center;
        padding: 15px;
        font-weight: 600;
    }

    .contact .php-email-form .loading[b-ty03z1zx8s] {
        display: none;
        background: #fff;
        text-align: center;
        padding: 15px;
    }

        .contact .php-email-form .loading[b-ty03z1zx8s]:before {
            content: "";
            display: inline-block;
            border-radius: 50%;
            width: 24px;
            height: 24px;
            margin: 0 10px -6px 0;
            border: 3px solid #18d26e;
            border-top-color: #eee;
            -webkit-animation: animate-loading 1s linear infinite;
            animation: animate-loading-b-ty03z1zx8s 1s linear infinite;
        }

    .contact .php-email-form .form-group[b-ty03z1zx8s] {
        margin-bottom: 20px;
    }

    .contact .php-email-form label[b-ty03z1zx8s] {
        padding-bottom: 8px;
    }

    .contact .php-email-form input[b-ty03z1zx8s],
    .contact .php-email-form textarea[b-ty03z1zx8s] {
        border-radius: 0;
        box-shadow: none;
        font-size: 14px;
        border-radius: 4px;
    }

        .contact .php-email-form input:focus[b-ty03z1zx8s],
        .contact .php-email-form textarea:focus[b-ty03z1zx8s] {
            border-color: #47b2e4;
        }

    .contact .php-email-form input[b-ty03z1zx8s] {
        height: 44px;
    }

    .contact .php-email-form textarea[b-ty03z1zx8s] {
        padding: 10px 12px;
    }

    .contact .php-email-form button[type=submit][b-ty03z1zx8s] {
        background: #47b2e4;
        border: 0;
        padding: 12px 34px;
        color: #fff;
        transition: 0.4s;
        border-radius: 50px;
    }

        .contact .php-email-form button[type=submit]:hover[b-ty03z1zx8s] {
            background: #209dd8;
        }

@-webkit-keyframes animate-loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes animate-loading-b-ty03z1zx8s {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* /Components/Shared/Landing/CtaSection.razor.rz.scp.css */
/*--------------------------------------------------------------
# Cta
--------------------------------------------------------------*/
.cta[b-kjllnm80tw] {
    background: linear-gradient(rgba(40, 58, 90, 0.9), rgba(40, 58, 90, 0.9)), url("../img/cta-bg.jpg") fixed center center;
    background-size: cover;
    padding: 120px 0;
}

    .cta h3[b-kjllnm80tw] {
        color: #fff;
        font-size: 28px;
        font-weight: 700;
    }

    .cta p[b-kjllnm80tw] {
        color: #fff;
    }

    .cta .cta-btn[b-kjllnm80tw] {
        font-family: "Jost", sans-serif;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 1px;
        display: inline-block;
        padding: 12px 40px;
        border-radius: 50px;
        transition: 0.5s;
        margin: 10px;
        border: 2px solid #fff;
        color: #fff;
    }

        .cta .cta-btn:hover[b-kjllnm80tw] {
            background: #47b2e4;
            border: 2px solid #47b2e4;
        }

@media (max-width: 1024px) {
    .cta[b-kjllnm80tw] {
        background-attachment: scroll;
    }
}

@media (min-width: 769px) {
    .cta .cta-btn-container[b-kjllnm80tw] {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
}
/* /Components/Shared/Landing/FaqSection.razor.rz.scp.css */
/*--------------------------------------------------------------
# Frequently Asked Questions
--------------------------------------------------------------*/
.faq .faq-list[b-u03ndl8w8w] {
    padding: 0 100px;
}

    .faq .faq-list ul[b-u03ndl8w8w] {
        padding: 0;
        list-style: none;
    }

    .faq .faq-list li + li[b-u03ndl8w8w] {
        margin-top: 15px;
    }

    .faq .faq-list li[b-u03ndl8w8w] {
        padding: 20px;
        background: #fff;
        border-radius: 4px;
        position: relative;
    }

    .faq .faq-list a[b-u03ndl8w8w] {
        display: block;
        position: relative;
        font-family: "Poppins", sans-serif;
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        padding: 0 30px;
        outline: none;
        cursor: pointer;
    }

    .faq .faq-list .icon-help[b-u03ndl8w8w] {
        font-size: 24px;
        position: absolute;
        right: 0;
        left: 20px;
        color: #47b2e4;
    }

    .faq .faq-list .icon-show[b-u03ndl8w8w],
    .faq .faq-list .icon-close[b-u03ndl8w8w] {
        font-size: 24px;
        position: absolute;
        right: 0;
        top: 0;
    }

    .faq .faq-list p[b-u03ndl8w8w] {
        margin-bottom: 0;
        padding: 10px 0 0 0;
    }

    .faq .faq-list .icon-show[b-u03ndl8w8w] {
        display: none;
    }

    .faq .faq-list a.collapsed[b-u03ndl8w8w] {
        color: #37517e;
        transition: 0.3s;
    }

        .faq .faq-list a.collapsed:hover[b-u03ndl8w8w] {
            color: #47b2e4;
        }

        .faq .faq-list a.collapsed .icon-show[b-u03ndl8w8w] {
            display: inline-block;
        }

        .faq .faq-list a.collapsed .icon-close[b-u03ndl8w8w] {
            display: none;
        }

@media (max-width: 1200px) {
    .faq .faq-list[b-u03ndl8w8w] {
        padding: 0;
    }
}
/* /Components/Shared/Landing/FooterHome.razor.rz.scp.css */
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer[b-md8uz5hqni] {
    font-size: 14px;
    background: #37517e;
}

    #footer .footer-newsletter[b-md8uz5hqni] {
        padding: 50px 0;
        background: #f3f5fa;
        text-align: center;
        font-size: 15px;
        color: #444444;
    }

        #footer .footer-newsletter h4[b-md8uz5hqni] {
            font-size: 24px;
            margin: 0 0 20px 0;
            padding: 0;
            line-height: 1;
            font-weight: 600;
            color: #37517e;
        }

        #footer .footer-newsletter form[b-md8uz5hqni] {
            margin-top: 30px;
            background: #fff;
            padding: 6px 10px;
            position: relative;
            border-radius: 50px;
            box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.06);
            text-align: left;
        }

            #footer .footer-newsletter form input[type=email][b-md8uz5hqni] {
                border: 0;
                padding: 4px 8px;
                width: calc(100% - 100px);
            }

            #footer .footer-newsletter form input[type=submit][b-md8uz5hqni] {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                border: 0;
                background: none;
                font-size: 16px;
                padding: 0 20px;
                background: #47b2e4;
                color: #fff;
                transition: 0.3s;
                border-radius: 50px;
                box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
            }

                #footer .footer-newsletter form input[type=submit]:hover[b-md8uz5hqni] {
                    background: #209dd8;
                }

    #footer .footer-top[b-md8uz5hqni] {
        padding: 60px 0 30px 0;
        background: #fff;
    }

        #footer .footer-top .footer-contact[b-md8uz5hqni] {
            margin-bottom: 30px;
        }

            #footer .footer-top .footer-contact h3[b-md8uz5hqni] {
                font-size: 28px;
                margin: 0 0 10px 0;
                padding: 2px 0 2px 0;
                line-height: 1;
                text-transform: uppercase;
                font-weight: 600;
                color: #37517e;
            }

            #footer .footer-top .footer-contact p[b-md8uz5hqni] {
                font-size: 14px;
                line-height: 24px;
                margin-bottom: 0;
                font-family: "Jost", sans-serif;
                color: #5e5e5e;
            }

        #footer .footer-top h4[b-md8uz5hqni] {
            font-size: 16px;
            font-weight: bold;
            color: #37517e;
            position: relative;
            padding-bottom: 12px;
        }

        #footer .footer-top .footer-links[b-md8uz5hqni] {
            margin-bottom: 30px;
        }

            #footer .footer-top .footer-links ul[b-md8uz5hqni] {
                list-style: none;
                padding: 0;
                margin: 0;
            }

                #footer .footer-top .footer-links ul i[b-md8uz5hqni] {
                    padding-right: 2px;
                    color: #47b2e4;
                    font-size: 18px;
                    line-height: 1;
                }

                #footer .footer-top .footer-links ul li[b-md8uz5hqni] {
                    padding: 10px 0;
                    display: flex;
                    align-items: center;
                }

                    #footer .footer-top .footer-links ul li:first-child[b-md8uz5hqni] {
                        padding-top: 0;
                    }

                #footer .footer-top .footer-links ul a[b-md8uz5hqni] {
                    color: #777777;
                    transition: 0.3s;
                    display: inline-block;
                    line-height: 1;
                }

                    #footer .footer-top .footer-links ul a:hover[b-md8uz5hqni] {
                        text-decoration: none;
                        color: #47b2e4;
                    }

        #footer .footer-top .social-links a[b-md8uz5hqni] {
            font-size: 18px;
            display: inline-block;
            background: #47b2e4;
            color: #fff;
            line-height: 1;
            padding: 8px 0;
            margin-right: 4px;
            border-radius: 50%;
            text-align: center;
            width: 36px;
            height: 36px;
            transition: 0.3s;
        }

            #footer .footer-top .social-links a:hover[b-md8uz5hqni] {
                background: #209dd8;
                color: #fff;
                text-decoration: none;
            }

    #footer .footer-bottom[b-md8uz5hqni] {
        padding-top: 30px;
        padding-bottom: 30px;
        color: #fff;
    }

    #footer .copyright[b-md8uz5hqni] {
        float: left;
    }

    #footer .credits[b-md8uz5hqni] {
        float: right;
        font-size: 13px;
    }

        #footer .credits a[b-md8uz5hqni] {
            transition: 0.3s;
        }

@media (max-width: 768px) {
    #footer .footer-bottom[b-md8uz5hqni] {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #footer .copyright[b-md8uz5hqni],
    #footer .credits[b-md8uz5hqni] {
        text-align: center;
        float: none;
    }

    #footer .credits[b-md8uz5hqni] {
        padding-top: 4px;
    }
}
/* /Components/Shared/Landing/HeroSection.razor.rz.scp.css */
/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero[b-38a4mb8ohz] {
    width: 100%;
    height: 80vh;
    background: #37517e;
}

    #hero .container[b-38a4mb8ohz] {
        padding-top: 72px;
    }

    #hero h1[b-38a4mb8ohz] {
        margin: 0 0 10px 0;
        font-size: 48px;
        font-weight: 700;
        line-height: 56px;
        color: #fff;
    }

    #hero h2[b-38a4mb8ohz] {
        color: rgba(255, 255, 255, 0.6);
        margin-bottom: 50px;
        font-size: 24px;
    }

    #hero .btn-get-started[b-38a4mb8ohz] {
        font-family: "Jost", sans-serif;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 1px;
        display: inline-block;
        padding: 10px 28px 11px 28px;
        border-radius: 50px;
        transition: 0.5s;
        margin: 10px 0 0 0;
        color: #fff;
        background: #47b2e4;
    }

        #hero .btn-get-started:hover[b-38a4mb8ohz] {
            background: #209dd8;
        }

    #hero .btn-watch-video[b-38a4mb8ohz] {
        font-size: 16px;
        display: flex;
        align-items: center;
        transition: 0.5s;
        margin: 10px 0 0 25px;
        color: #fff;
        line-height: 1;
    }

        #hero .btn-watch-video i[b-38a4mb8ohz] {
            line-height: 0;
            color: #fff;
            font-size: 32px;
            transition: 0.3s;
            margin-right: 8px;
        }

        #hero .btn-watch-video:hover i[b-38a4mb8ohz] {
            color: #47b2e4;
        }

    #hero .animated[b-38a4mb8ohz] {
        animation: up-down-b-38a4mb8ohz 2s ease-in-out infinite alternate-reverse both;
    }

@media (max-width: 991px) {
    #hero[b-38a4mb8ohz] {
        height: 100vh;
        text-align: center;
    }

        #hero .animated[b-38a4mb8ohz] {
            -webkit-animation: none;
            animation: none;
        }

        #hero .hero-img[b-38a4mb8ohz] {
            text-align: center;
        }

            #hero .hero-img img[b-38a4mb8ohz] {
                width: 50%;
            }
}

@media (max-width: 768px) {
    #hero h1[b-38a4mb8ohz] {
        font-size: 28px;
        line-height: 36px;
    }

    #hero h2[b-38a4mb8ohz] {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 30px;
    }

    #hero .hero-img img[b-38a4mb8ohz] {
        width: 70%;
    }
}

@media (max-width: 575px) {
    #hero .hero-img img[b-38a4mb8ohz] {
        width: 80%;
    }

    #hero .btn-get-started[b-38a4mb8ohz] {
        font-size: 16px;
        padding: 10px 24px 11px 24px;
    }
}

@-webkit-keyframes up-down {
    0% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(-10px);
    }
}

@keyframes up-down-b-38a4mb8ohz {
    0% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(-10px);
    }
}

.video-btn[b-38a4mb8ohz] {
    margin-left: 50px;
}

.video-btn[b-38a4mb8ohz] {
    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;
}

    .video-btn[b-38a4mb8ohz]::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-38a4mb8ohz 2s linear infinite;
    }

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

    100% {
        transform: scale(1.4);
        opacity: 0;
    }
}
/* /Components/Shared/Landing/PortfolioDetailSection.razor.rz.scp.css */
/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details[b-c5lx6ugsa5] {
    padding-top: 40px;
}

    .portfolio-details .portfolio-details-slider img[b-c5lx6ugsa5] {
        width: 100%;
    }

    .portfolio-details .portfolio-details-slider .swiper-pagination[b-c5lx6ugsa5] {
        margin-top: 20px;
        position: relative;
    }

        .portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet[b-c5lx6ugsa5] {
            width: 12px;
            height: 12px;
            background-color: #fff;
            opacity: 1;
            border: 1px solid #47b2e4;
        }

        .portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active[b-c5lx6ugsa5] {
            background-color: #47b2e4;
        }

    .portfolio-details .portfolio-info[b-c5lx6ugsa5] {
        padding: 30px;
        box-shadow: 0px 0 30px rgba(55, 81, 126, 0.08);
    }

        .portfolio-details .portfolio-info h3[b-c5lx6ugsa5] {
            font-size: 22px;
            font-weight: 700;
            margin-bottom: 20px;
            padding-bottom: 20px;
            border-bottom: 1px solid #eee;
        }

        .portfolio-details .portfolio-info ul[b-c5lx6ugsa5] {
            list-style: none;
            padding: 0;
            font-size: 15px;
        }

            .portfolio-details .portfolio-info ul li + li[b-c5lx6ugsa5] {
                margin-top: 10px;
            }

    .portfolio-details .portfolio-description[b-c5lx6ugsa5] {
        padding-top: 30px;
    }

        .portfolio-details .portfolio-description h2[b-c5lx6ugsa5] {
            font-size: 26px;
            font-weight: 700;
            margin-bottom: 20px;
        }

        .portfolio-details .portfolio-description p[b-c5lx6ugsa5] {
            padding: 0;
        }
/* /Components/Shared/Landing/PortfolioSection.razor.rz.scp.css */
/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio #portfolio-flters[b-09mentcgts] {
    list-style: none;
    margin-bottom: 20px;
}

    .portfolio #portfolio-flters li[b-09mentcgts] {
        cursor: pointer;
        display: inline-block;
        margin: 10px 5px;
        font-size: 15px;
        font-weight: 500;
        line-height: 1;
        color: #444444;
        transition: all 0.3s;
        padding: 8px 20px;
        border-radius: 50px;
        font-family: "Poppins", sans-serif;
    }

        .portfolio #portfolio-flters li:hover[b-09mentcgts],
        .portfolio #portfolio-flters li.filter-active[b-09mentcgts] {
            background: #47b2e4;
            color: #fff;
        }

.portfolio .portfolio-item[b-09mentcgts] {
    margin-bottom: 30px;
}

    .portfolio .portfolio-item .portfolio-img[b-09mentcgts] {
        overflow: hidden;
    }

        .portfolio .portfolio-item .portfolio-img img[b-09mentcgts] {
            transition: all 0.6s;
        }

    .portfolio .portfolio-item .portfolio-info[b-09mentcgts] {
        opacity: 0;
        position: absolute;
        left: 15px;
        bottom: 0;
        z-index: 3;
        right: 15px;
        transition: all 0.3s;
        background: rgba(55, 81, 126, 0.8);
        padding: 10px 15px;
    }

        .portfolio .portfolio-item .portfolio-info h4[b-09mentcgts] {
            font-size: 18px;
            color: #fff;
            font-weight: 600;
            color: #fff;
            margin-bottom: 0px;
        }

        .portfolio .portfolio-item .portfolio-info p[b-09mentcgts] {
            color: #f9fcfe;
            font-size: 14px;
            margin-bottom: 0;
        }

        .portfolio .portfolio-item .portfolio-info .preview-link[b-09mentcgts],
        .portfolio .portfolio-item .portfolio-info .details-link[b-09mentcgts] {
            position: absolute;
            right: 40px;
            font-size: 24px;
            top: calc(50% - 18px);
            color: #fff;
            transition: 0.3s;
        }

            .portfolio .portfolio-item .portfolio-info .preview-link:hover[b-09mentcgts],
            .portfolio .portfolio-item .portfolio-info .details-link:hover[b-09mentcgts] {
                color: #47b2e4;
            }

        .portfolio .portfolio-item .portfolio-info .details-link[b-09mentcgts] {
            right: 10px;
        }

    .portfolio .portfolio-item:hover .portfolio-img img[b-09mentcgts] {
        transform: scale(1.15);
    }

    .portfolio .portfolio-item:hover .portfolio-info[b-09mentcgts] {
        opacity: 1;
    }


/* /Components/Shared/Landing/PricingSection.razor.rz.scp.css */
/*--------------------------------------------------------------
# Pricing
--------------------------------------------------------------*/
.pricing .row[b-y9oy57ut7f] {
    padding-top: 40px;
}

.pricing .box[b-y9oy57ut7f] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 60px 40px;
    box-shadow: 0 3px 20px -2px rgba(20, 45, 100, 0.1);
    background: #fff;
    height: 100%;
    border-top: 4px solid #fff;
    border-radius: 5px;
}

.pricing h3[b-y9oy57ut7f] {
    font-weight: 500;
    margin-bottom: 15px;
    font-size: 20px;
    color: #37517e;
}

.pricing h4[b-y9oy57ut7f] {
    font-size: 48px;
    color: #37517e;
    font-weight: 400;
    font-family: "Jost", sans-serif;
    margin-bottom: 25px;
}

    .pricing h4 sup[b-y9oy57ut7f] {
        font-size: 28px;
    }

    .pricing h4 span[b-y9oy57ut7f] {
        color: #47b2e4;
        font-size: 18px;
        display: block;
    }

.pricing ul[b-y9oy57ut7f] {
    padding: 20px 0;
    list-style: none;
    color: #999;
    text-align: left;
    line-height: 20px;
    margin-bottom: 20px; /* add some spacing below the list */
}

    .pricing ul li[b-y9oy57ut7f] {
        padding: 10px 0 10px 30px;
        position: relative;
    }

    .pricing ul i[b-y9oy57ut7f] {
        color: #28a745;
        font-size: 24px;
        position: absolute;
        left: 0;
        top: 6px;
    }

    .pricing ul .na[b-y9oy57ut7f] {
        color: #ccc;
    }

        .pricing ul .na i[b-y9oy57ut7f] {
            color: #ccc;
        }

        .pricing ul .na span[b-y9oy57ut7f] {
            text-decoration: line-through;
        }

.pricing .buy-btn[b-y9oy57ut7f] {
    align-self: center; /* centers the button horizontally */
    margin-top: auto; /* pushes button to bottom of the box */
    display: inline-block;
    padding: 12px 35px;
    border-radius: 50px;
    color: #47b2e4;
    transition: none;
    font-size: 16px;
    font-weight: 500;
    font-family: "Jost", sans-serif;
    transition: 0.3s;
    border: 1px solid #47b2e4;
}

    .pricing .buy-btn:hover[b-y9oy57ut7f] {
        background: #47b2e4;
        color: #fff;
    }

.pricing .featured[b-y9oy57ut7f] {
    border-top-color: #47b2e4;
}

    .pricing .featured .buy-btn[b-y9oy57ut7f] {
        background: #47b2e4;
        color: #fff;
    }

        .pricing .featured .buy-btn:hover[b-y9oy57ut7f] {
            background: #23a3df;
        }

@media (max-width: 992px) {
    .pricing .box[b-y9oy57ut7f] {
        max-width: 60%;
        margin: 0 auto 30px auto;
    }
}

@media (max-width: 767px) {
    .pricing .box[b-y9oy57ut7f] {
        max-width: 80%;
        margin: 0 auto 30px auto;
    }
}

@media (max-width: 420px) {
    .pricing .box[b-y9oy57ut7f] {
        max-width: 100%;
        margin: 0 auto 30px auto;
    }
}
/* /Components/Shared/Landing/ServiceSection.razor.rz.scp.css */
/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.services .icon-box[b-lms3v9v1e5] {
    box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1);
    padding: 50px 30px;
    transition: all ease-in-out 0.4s;
    background: #fff;
}

    .services .icon-box .icon[b-lms3v9v1e5] {
        margin-bottom: 10px;
    }

        .services .icon-box .icon i[b-lms3v9v1e5] {
            color: #47b2e4;
            font-size: 36px;
            transition: 0.3s;
        }

    .services .icon-box h4[b-lms3v9v1e5] {
        font-weight: 500;
        margin-bottom: 15px;
        font-size: 24px;
    }

        .services .icon-box h4 a[b-lms3v9v1e5] {
            color: #37517e;
            transition: ease-in-out 0.3s;
        }

    .services .icon-box p[b-lms3v9v1e5] {
        line-height: 24px;
        font-size: 14px;
        margin-bottom: 0;
    }

    .services .icon-box:hover[b-lms3v9v1e5] {
        transform: translateY(-10px);
    }

        .services .icon-box:hover h4 a[b-lms3v9v1e5] {
            color: #47b2e4;
        }
/* /Components/Shared/Landing/SkillSection.razor.rz.scp.css */
/*--------------------------------------------------------------
# Skills
--------------------------------------------------------------*/
.skills .content h3[b-8x237xdr5f] {
    font-weight: 700;
    font-size: 32px;
    color: #37517e;
    font-family: "Poppins", sans-serif;
}

.skills .content ul[b-8x237xdr5f] {
    list-style: none;
    padding: 0;
}

    .skills .content ul li[b-8x237xdr5f] {
        padding-bottom: 10px;
    }

    .skills .content ul i[b-8x237xdr5f] {
        font-size: 20px;
        padding-right: 4px;
        color: #47b2e4;
    }

.skills .content p:last-child[b-8x237xdr5f] {
    margin-bottom: 0;
}

.skills .progress[b-8x237xdr5f] {
    height: 60px;
    display: block;
    background: none;
    border-radius: 0;
}

    .skills .progress .skill[b-8x237xdr5f] {
        padding: 0;
        margin: 0 0 6px 0;
        text-transform: uppercase;
        display: block;
        font-weight: 600;
        font-family: "Poppins", sans-serif;
        color: #37517e;
    }

        .skills .progress .skill .val[b-8x237xdr5f] {
            float: right;
            font-style: normal;
        }

.skills .progress-bar-wrap[b-8x237xdr5f] {
    background: #e8edf5;
    height: 10px;
}

.skills .progress-bar[b-8x237xdr5f] {
    width: 1px;
    height: 10px;
    transition: 0.9s;
    background-color: #4668a2;
}
/* /Components/Shared/Landing/TestimonialSection.razor.rz.scp.css */
/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.team .member[b-hsf8e2yk2p] {
    position: relative;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
    padding: 30px;
    border-radius: 5px;
    background: #fff;
    transition: 0.5s;
}

    .team .member .pic[b-hsf8e2yk2p] {
        overflow: hidden;
        width: 180px;
        border-radius: 50%;
    }

        .team .member .pic img[b-hsf8e2yk2p] {
            transition: ease-in-out 0.3s;
        }

    .team .member:hover[b-hsf8e2yk2p] {
        transform: translateY(-10px);
    }

    .team .member .member-info[b-hsf8e2yk2p] {
        padding-left: 30px;
    }

    .team .member h4[b-hsf8e2yk2p] {
        font-weight: 700;
        margin-bottom: 5px;
        font-size: 20px;
        color: #37517e;
    }

    .team .member span[b-hsf8e2yk2p] {
        display: block;
        font-size: 15px;
        padding-bottom: 10px;
        position: relative;
        font-weight: 500;
    }

        .team .member span[b-hsf8e2yk2p]::after {
            content: "";
            position: absolute;
            display: block;
            width: 50px;
            height: 1px;
            background: #cbd6e9;
            bottom: 0;
            left: 0;
        }

    .team .member p[b-hsf8e2yk2p] {
        margin: 10px 0 0 0;
        font-size: 14px;
    }

    .team .member .social[b-hsf8e2yk2p] {
        margin-top: 12px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

        .team .member .social a[b-hsf8e2yk2p] {
            transition: ease-in-out 0.3s;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50px;
            width: 32px;
            height: 32px;
            background: #eff2f8;
        }

            .team .member .social a i[b-hsf8e2yk2p] {
                color: #37517e;
                font-size: 16px;
                margin: 0 2px;
            }

            .team .member .social a:hover[b-hsf8e2yk2p] {
                background: #47b2e4;
            }

                .team .member .social a:hover i[b-hsf8e2yk2p] {
                    color: #fff;
                }

            .team .member .social a + a[b-hsf8e2yk2p] {
                margin-left: 8px;
            }
/* /Components/Shared/Landing/WhyUsSection.razor.rz.scp.css */
/*--------------------------------------------------------------
# Why Us
--------------------------------------------------------------*/
.why-us .content[b-usoq73sylk] {
    padding: 60px 100px 0 100px;
}

    .why-us .content h3[b-usoq73sylk] {
        font-weight: 400;
        font-size: 34px;
        color: #37517e;
    }

    .why-us .content h4[b-usoq73sylk] {
        font-size: 20px;
        font-weight: 700;
        margin-top: 5px;
    }

    .why-us .content p[b-usoq73sylk] {
        font-size: 15px;
        color: #848484;
    }

.why-us .img[b-usoq73sylk] {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.why-us .accordion-list[b-usoq73sylk] {
    padding: 0 100px 60px 100px;
}

    .why-us .accordion-list ul[b-usoq73sylk] {
        padding: 0;
        list-style: none;
    }

    .why-us .accordion-list li + li[b-usoq73sylk] {
        margin-top: 15px;
    }

    .why-us .accordion-list li[b-usoq73sylk] {
        padding: 20px;
        background: #fff;
        border-radius: 4px;
    }

    .why-us .accordion-list a[b-usoq73sylk] {
        display: block;
        position: relative;
        font-family: "Poppins", sans-serif;
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        padding-right: 30px;
        outline: none;
        cursor: pointer;
    }

    .why-us .accordion-list span[b-usoq73sylk] {
        color: #47b2e4;
        font-weight: 600;
        font-size: 18px;
        padding-right: 10px;
    }

    .why-us .accordion-list i[b-usoq73sylk] {
        font-size: 24px;
        position: absolute;
        right: 0;
        top: 0;
    }

    .why-us .accordion-list p[b-usoq73sylk] {
        margin-bottom: 0;
        padding: 10px 0 0 0;
    }

    .why-us .accordion-list .icon-show[b-usoq73sylk] {
        display: none;
    }

    .why-us .accordion-list a.collapsed[b-usoq73sylk] {
        color: #343a40;
    }

        .why-us .accordion-list a.collapsed:hover[b-usoq73sylk] {
            color: #47b2e4;
        }

        .why-us .accordion-list a.collapsed .icon-show[b-usoq73sylk] {
            display: inline-block;
        }

        .why-us .accordion-list a.collapsed .icon-close[b-usoq73sylk] {
            display: none;
        }

@media (max-width: 1024px) {

    .why-us .content[b-usoq73sylk],
    .why-us .accordion-list[b-usoq73sylk] {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 992px) {
    .why-us .img[b-usoq73sylk] {
        min-height: 400px;
    }

    .why-us .content[b-usoq73sylk] {
        padding-top: 30px;
    }

    .why-us .accordion-list[b-usoq73sylk] {
        padding-bottom: 30px;
    }
}

@media (max-width: 575px) {
    .why-us .img[b-usoq73sylk] {
        min-height: 200px;
    }
}
/* /Components/Shared/Logo.razor.rz.scp.css */
@keyframes drawStroke-b-5umv7ci5eg {
    from {
        stroke-dasharray: 1000;
        stroke-dashoffset: 1000;
        opacity: 0;
    }

    to {
        stroke-dashoffset: 0;
        opacity: 1;
    }
}

.outline-green[b-5umv7ci5eg] {
    fill: none;
    stroke: #6C9519;
    stroke-width: 2;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: drawStroke-b-5umv7ci5eg 2s ease-out forwards;
}

.outline-orange[b-5umv7ci5eg] {
    fill: none;
    stroke: #D87400;
    stroke-width: 2;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: drawStroke-b-5umv7ci5eg 2s ease-out forwards;
}

@keyframes revealPlant-b-5umv7ci5eg {
    to {
        clip-path: inset(0 0 0 0);
    }
}

.plant-group[b-5umv7ci5eg] {
    clip-path: inset(100% 0 0 0);
    animation: revealPlant-b-5umv7ci5eg 2.5s ease-out 1s forwards;
}
/* /Components/Shared/Menubar/Menubar.razor.rz.scp.css */
.sidebar[b-3bqkspg0fs] {
    position: fixed;
    top: 55px;
    left: 0;
    bottom: 0;
    width: 250px;
    z-index: 996;
    /*transition: left 0.3s ease;*/
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #aab7cf transparent;
    /* box-shadow: 2px 0 10px rgba(1, 41, 112, 0.15);*/
    box-shadow: 4px 0 16px rgba(0, 0, 0, 0.25);
    background-color: #01204E;
    transition: left 0.3s ease-in-out, box-shadow 0.3s ease;
}

@media (max-width: 1199px) {
    .sidebar[b-3bqkspg0fs] {
        left: -250px;
    }

    .toggle-sidebar .sidebar[b-3bqkspg0fs] {
        left: 0;
    }
}

.sidebar[b-3bqkspg0fs]::-webkit-scrollbar {
    width: 6px;
}

.sidebar[b-3bqkspg0fs]::-webkit-scrollbar-thumb {
    background-color: #aab7cf;
    border-radius: 3px;
}

.sidebar-nav[b-3bqkspg0fs] {
    padding: 0;
    margin: 0;
    list-style: none;
}
/* /Components/Shared/Menubar/MenubarHeader.razor.rz.scp.css */
body[b-cidmxidzo2] {
}
/* /Components/Shared/Menubar/MenubarMenu.razor.rz.scp.css */
.sidebar-nav .nav-item[b-c2bio50a6t] {
    margin-bottom: 0px; /*8px;*/
}

.sidebar-nav .nav-link[b-c2bio50a6t] {
    display: flex;
    align-items: center;
    /*gap: 10px;*/
    /*justify-content: space-between;*/
    font-size: 15px;
    font-weight: 600;
    color: #00BFA6;
    background-color: #373A40;
    padding: 12px 16px;
    /*border-radius: 6px;*/
    transition: background 0.3s, color 0.3s;
}

    .sidebar-nav .nav-link:hover[b-c2bio50a6t] {
        background-color: #26355D;
        color: #00BFA6;
    }

    .sidebar-nav .nav-link.collapsed[b-c2bio50a6t] {
        color: #899bbd;
        background-color: #01204E;
    }

        .sidebar-nav .nav-link.collapsed:hover[b-c2bio50a6t] {
            background-color: #26355D;
            color: #00BFA6;
        }


    .sidebar-nav .nav-link i[b-c2bio50a6t] {
        margin-right: 12px;
        font-size: 16px;
        color: inherit;
    }

.sidebar-nav .nav-content[b-c2bio50a6t] {
    padding: 5px 0 5px 0;
    list-style: none;
    margin: 0;
}

    .sidebar-nav .nav-content.collapse[b-c2bio50a6t] {
        transition: max-height 0.3s ease-in-out;
        overflow: hidden;
    }

.transition-icon[b-c2bio50a6t] {
    transition: transform 0.3s ease;
}

.rotate-icon[b-c2bio50a6t] {
    transform: rotate(180deg);
}
/* /Components/Shared/Menubar/MenubarMenuItem.razor.rz.scp.css */
.sidebar-nav .nav-content a[b-z2i703rn5e] {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: #899bbd;
    padding: 10px 16px 10px 40px;
    border-left: 3px solid transparent;
    transition: all 0.3s;
}

    .sidebar-nav .nav-content a:hover[b-z2i703rn5e],
    .sidebar-nav .nav-content a.active[b-z2i703rn5e] {
        color: #00BFA6;
        border-left: 3px solid #1DCD9F;
        padding-left: 18px; /* adjust for border shift */
        background-color: #1a2a4e;
    }

        .sidebar-nav .nav-content a.active i[b-z2i703rn5e] {
            width: 6px;
            height: 6px;
            background-color: #1DCD9F;
        }

    .sidebar-nav .nav-content a i[b-z2i703rn5e] {
        margin-right: 10px;
        font-size: 6px;
        border-radius: 50%;
    }
/* /Components/Shared/Modals/VideoViewerModal.razor.rz.scp.css */
.modal-report[b-myjapvt7l2] {
    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-myjapvt7l2] {
    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-myjapvt7l2] {
        background: #cc0000; /* Slightly darker red for a smooth hover effect */
    }

iframe[b-myjapvt7l2] {
    width: 90%;
    height: 90%;
    border-radius: 8px;
    border: none;
}
/* /Components/Shared/PageContent/PageContentBody.razor.rz.scp.css */
 /* BLOB INFO THEME*/
::deep .quickgrid[theme=blob-info][b-3cuzh7c9j2] {
    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-3cuzh7c9j2] .quickgrid[theme=blob-info] thead tr {
    background-color: #64B5F6;
    color: #ffffff;
    font-size: 1.0em;
}

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

[b-3cuzh7c9j2] .quickgrid[theme=blob-info] th,
[b-3cuzh7c9j2] .quickgrid[theme=blob-info] td {
    padding: 4px 4px;
}

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

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

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

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

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

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

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

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

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

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

        [b-3cuzh7c9j2] .quickgrid[theme=blob-info] td:nth-of-type(1)::before {
            content: "File Name:";
        }

        [b-3cuzh7c9j2] .quickgrid[theme=blob-info] td:nth-of-type(2)::before {
            content: "Field:";
        }

        [b-3cuzh7c9j2] .quickgrid[theme=blob-info] td:nth-of-type(3)::before {
            content: "Description:";
        }

        [b-3cuzh7c9j2] .quickgrid[theme=blob-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-3cuzh7c9j2] .quickgrid[theme=blob-info] tr:has(> td:not(:empty)) > td {
        display: grid;
    }

    [b-3cuzh7c9j2] .quickgrid[theme=blob-info] td:empty {
        display: none;
    }
}
/* /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-b0oighhnjw] {
    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-b0oighhnjw 8s ease infinite;
}

.splash-screen .spinner-border[b-b0oighhnjw] {
    width: 3rem;
    height: 3rem;
}

.fade-in[b-b0oighhnjw] {
    animation: fadeIn-b-b0oighhnjw 1s ease-in-out forwards;
}

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

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes gradientShift-b-b0oighhnjw {
    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*/