@import '_content/BlazorDateRangePicker/BlazorDateRangePicker.iitr8bszy4.bundle.scp.css';
@import '_content/Tams.Pages.BudgetManagement/Tams.Pages.BudgetManagement.5edtn75jp0.bundle.scp.css';
@import '_content/Tams.Pages.InvoiceManagement/Tams.Pages.InvoiceManagement.1apr09erqb.bundle.scp.css';
@import '_content/Tams.Pages.SalesReport/Tams.Pages.SalesReport.1sz8jga42x.bundle.scp.css';

/* _content/Tams.Web/Components/Layout/MainLayout.razor.rz.scp.css */


@media (min-width: 641px) {

}

#blazor-error-ui[b-gk6pgkfbaz] {
    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-gk6pgkfbaz] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/Tams.Web/Components/Pages/IntroDialog.razor.rz.scp.css */
h1[b-13tjiqsojo] {
    margin:0;
    font-family: var(--rz-font-family);
    font-size: var(--rz-text-h1-font-size);
}

.step[b-13tjiqsojo] {
    --final-top: 0%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    animation-timing-function: ease-in-out;
}

.one[b-13tjiqsojo] {
    --final-top: 0%;
    animation: fadeMove-b-13tjiqsojo 4.5s ease-in-out forwards;
}
.two[b-13tjiqsojo] {
    --final-top: 2rem;
    animation: fadeMove-b-13tjiqsojo 4.5s ease-in-out forwards;
}
.three[b-13tjiqsojo] {
    --final-top: 4rem;
    animation: fadeMoveReverse-b-13tjiqsojo 4.5s ease-in-out forwards;
}
.four[b-13tjiqsojo] {
    --final-top: 6rem;
    animation: fadeMoveTopRight-b-13tjiqsojo 4.5s ease-in-out forwards;
    min-width:400px;
}
.five[b-13tjiqsojo] {
    --final-top: 8rem;
    animation: fadeMoveBottomRight-b-13tjiqsojo 4.5s ease-in-out forwards;
    min-width: 400px;
}

@keyframes fadeMove-b-13tjiqsojo {
    0% {
        opacity: 0;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: var(--rz-text-h1-font-size);
    }
    33% {
        opacity: 1;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: var(--rz-text-h1-font-size);
    }
    66% {
        top: 50%;
        left: 0%;
        transform: translate(0%, -50%);
        opacity: 1;
        font-size: var(--rz-text-h3-font-size);
    }
    100% {
        top: var(--final-top);
        left: 0%;
        transform: translate(0%, 0%);
        opacity: 1;
        font-size: var(--rz-text-h5-font-size);
    }
}
@keyframes fadeMoveReverse-b-13tjiqsojo {
    0% {
        opacity: 0;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: var(--rz-text-h1-font-size);
    }

    33% {
        opacity: 1;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: var(--rz-text-h1-font-size);
    }

    66% {
        top: 0%;
        left: 50%;
        transform: translate(-50%, 0%);
        opacity: 1;
        font-size: var(--rz-text-h3-font-size);
    }

    100% {
        top: var(--final-top);
        left: 0%;
        transform: translate(0%, 0%);
        opacity: 1;
        font-size: var(--rz-text-h5-font-size);
    }
}
@keyframes fadeMoveTopRight-b-13tjiqsojo {
    0% {
        opacity: 0;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        font-size: var(--rz-text-h1-font-size);
    }

    33% {
        opacity: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        font-size: var(--rz-text-h1-font-size);
    }

    66% {
        left: 100%; /* top right */
        top: 0%;
        transform: translate(-100%, 0%);
        opacity: 1;
        font-size: var(--rz-text-h5-font-size);
    }

    100% {
        top: var(--final-top);
        left: 0%; /* top left */
        transform: translate(0%, 0%);
        opacity: 1;
        font-size: var(--rz-text-h5-font-size);
    }
}
@keyframes fadeMoveBottomRight-b-13tjiqsojo {
    0% {
        opacity: 0;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        font-size: var(--rz-text-h1-font-size);
    }

    33% {
        opacity: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        font-size: var(--rz-text-h1-font-size);
    }

    66% {
        left: 100%; 
        top: 100%;
        transform: translate(-100%, -100%);
        opacity: 1;
        font-size: var(--rz-text-h5-font-size);
    }

    100% {
        top: var(--final-top);
        left: 0%; /* top left */
        transform: translate(0%, 0%);
        opacity: 1;
        font-size: var(--rz-text-h5-font-size);
    }
}
/* _content/Tams.Web/Components/Pages/Login.razor.rz.scp.css */
.login-page-shell[b-e9f4irzzzj] {
    min-height: 75vh;
    display: grid;
    place-items: center;
    padding: clamp(1rem, 4vw, 3rem);
    width:100%;
}

.login-card[b-e9f4irzzzj] {
    width: min(100%, 440px);
    overflow: hidden;
    border-radius: 1.5rem;
    background: var(--rz-base-background-color);
    border: 1px solid var(--rz-base-300);
    padding-bottom:1rem;
}

.login-card-header[b-e9f4irzzzj] {
    padding: 2rem 2rem 1.25rem;
    text-align: center;
    background: linear-gradient(135deg, var(--creative-red), #c9342d);
    color: var(--rz-white);
}

.login-icon-wrap[b-e9f4irzzzj] {
    display: inline-grid;
    place-items: center;
    width: 3.25rem;
    height: 3.25rem;
    margin-bottom: 1rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.18);
    color: var(--rz-white);
    font-size: 1.75rem;
}

.login-subtitle[b-e9f4irzzzj] {
    margin-bottom: 0;
    
}

.login-panel[b-e9f4irzzzj] {
    padding: 1rem;
}

.login-panel[b-e9f4irzzzj]  .login-form,
.login-panel[b-e9f4irzzzj]  .auth-section,
.login-panel[b-e9f4irzzzj]  .auth-field,
.login-panel[b-e9f4irzzzj]  .auth-message-stack {
    width: 100%;
}

.login-panel[b-e9f4irzzzj]  .auth-submit {
    width: 100%;
    min-height: 2.75rem;
    border-radius: 0.75rem;
    font-weight: 600;
}

.login-panel[b-e9f4irzzzj]  .auth-inline-link {
    width: fit-content;
    margin: 0 auto;
}

.login-action-link[b-e9f4irzzzj] {
    display: block;
    width: fit-content;
    margin: 0 auto 1.75rem;
}

@media (max-width: 480px) {
    .login-page-shell[b-e9f4irzzzj] {
        min-height: auto;
        padding: 1rem;
    }

    .login-card[b-e9f4irzzzj] {
        border-radius: 1rem;
    }

    .login-card-header[b-e9f4irzzzj],
    .login-panel[b-e9f4irzzzj] {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
}