/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-me63h13gwm] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    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-me63h13gwm] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Loader.razor.rz.scp.css */
html[b-dclirc7xmx] {
    height: 100%;
}

body[b-dclirc7xmx] {
    background-image: radial-gradient(circle farthest-corner at center, #3C4B57 0%, #1C262B 100%);
}

.loader[b-dclirc7xmx] {
    position: absolute;
    top: calc(50% - 32px);
    left: calc(50% - 32px);
    width: 64px;
    height: 64px;
    border-radius: 50%;
    perspective: 800px;
}
.loader1[b-dclirc7xmx] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 128px;
    height: 128px;
    border-radius: 50%;
    perspective: 800px;
}

.inner[b-dclirc7xmx] {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

    .inner.one[b-dclirc7xmx] {
        left: 0%;
        top: 0%;
        animation: rotate-one-b-dclirc7xmx 1s linear infinite;
        border-bottom: 3px solid #EFEFFA;
    }

    .inner.two[b-dclirc7xmx] {
        right: 0%;
        top: 0%;
        animation: rotate-two-b-dclirc7xmx 1s linear infinite;
        border-right: 3px solid #EFEFFA;
    }

    .inner.three[b-dclirc7xmx] {
        right: 0%;
        bottom: 0%;
        animation: rotate-three-b-dclirc7xmx 1s linear infinite;
        border-top: 3px solid #EFEFFA;
    }

@keyframes rotate-one-b-dclirc7xmx {
    0% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }

    100% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@keyframes rotate-two-b-dclirc7xmx {
    0% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }

    100% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@keyframes rotate-three-b-dclirc7xmx {
    0% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }

    100% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}
/* /Components/LoaderRipple.razor.rz.scp.css */
    #pre-load[b-onledz0r8y] {
        background: #000;
        position: fixed;
        inset: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 999999
    }

        #pre-load .loader-inner[b-onledz0r8y] {
            --loader-background: linear-gradient(0deg,rgba(50,50,50,.2) 0%,rgba(100,100,100,.2) 100%);
            position: relative;
            height: 250px;
            aspect-ratio: 1;
            display: flex;
            align-items: center;
            justify-content: center
        }

            #pre-load .loader-inner .loader-logo[b-onledz0r8y] {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                width: 60px;
                height: 60px;
                display: flex;
                align-items: center;
                justify-content: center;
                animation: color-change-b-onledz0r8y 2s infinite ease-in-out;
                z-index: 999
            }

                #pre-load .loader-inner .loader-logo svg[b-onledz0r8y] {
                    width: 100%;
                    height: 100%
                }

            #pre-load .loader-inner .box[b-onledz0r8y] {
                position: absolute;
                background: var(--loader-background);
                border-radius: 50%;
                border-top: 1px solid rgb(100,100,100);
                box-shadow: rgba(0,0,0,.3) 0 10px 10px 0;
                backdrop-filter: blur(5px);
                animation: ripple-b-onledz0r8y 2s infinite ease-in-out
            }

                #pre-load .loader-inner .box:nth-child(1)[b-onledz0r8y] {
                    width: 25%;
                    aspect-ratio: 1/1;
                    z-index: 99
                }

                #pre-load .loader-inner .box:nth-child(2)[b-onledz0r8y] {
                    inset: 30%;
                    z-index: 98;
                    border-color: rgba(100,100,100,.8);
                    animation-delay: .2s
                }

                #pre-load .loader-inner .box:nth-child(3)[b-onledz0r8y] {
                    inset: 20%;
                    z-index: 97;
                    border-color: rgba(100,100,100,.6);
                    animation-delay: .4s
                }

                #pre-load .loader-inner .box:nth-child(4)[b-onledz0r8y] {
                    inset: 10%;
                    z-index: 96;
                    border-color: rgba(100,100,100,.4);
                    animation-delay: .6s
                }

                #pre-load .loader-inner .box:nth-child(5)[b-onledz0r8y] {
                    inset: 0;
                    z-index: 95;
                    border-color: rgba(100,100,100,.2);
                    animation-delay: .8s
                }

    @keyframes ripple-b-onledz0r8y {
        0% {
            transform: scale(1);
            box-shadow: rgba(0,0,0,.3) 0 10px 10px 0
        }

        50% {
            transform: scale(1.3);
            box-shadow: rgba(0,0,0,.3) 0 30px 20px 0
        }

        100% {
            transform: scale(1);
            box-shadow: rgba(0,0,0,.3) 0 10px 10px 0
        }
    }

    @keyframes color-change-b-onledz0r8y {
        0% {
            opacity: .7
        }

        50% {
            opacity: 1
        }

        100% {
            opacity: .7
        }
    }
/* /Components/LoaderXBubbles.razor.rz.scp.css */
@keyframes dropAndShift-b-bkyq5pv24s {
    0% {
        transform: translate(0px, 15px);
    }

    16.67% {
        transform: translate(80px, 13px);
    }

    33.34% {
        transform: translate(40px, 10px);
    }

    50.01% {
        transform: translate(40px, -30px);
    }

    66.68% {
        transform: translate(40px, 55px);
    }

    83.35% {
        transform: translate(40px, 10px);
    }

    100% {
        transform: translate(0px, 15px);
    }
}

@keyframes bubbleGlint-b-bkyq5pv24s {
    0% {
        top: 3px;
        left: 4px;
        opacity: 0;
    }

    8.335% {
        top: 6px;
        left: 6px;
        opacity: 0.5;
    }

    16.67% {
        top: 3px;
        left: 4px;
        opacity: 0;
    }

    33.34% {
        top: 3px;
        left: 4px;
        opacity: 0.5;
    }

    50.01% {
        top: 3px;
        left: 4px;
        opacity: 0;
    }

    58.345% {
        top: 6px;
        left: 6px;
        opacity: 0.5;
    }

    66.68% {
        top: 3px;
        left: 4px;
        opacity: 0;
    }

    83.35% {
        top: 6px;
        left: 6px;
        opacity: 0.5;
    }

    100% {
        top: 3px;
        left: 4px;
        opacity: 0;
    }
}

.Strich1[b-bkyq5pv24s] {
    position: absolute;
    width: 130px;
    height: 50px;
    background: #000;
    border-radius: 25px;
    transform: rotate(45deg);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
    z-index: 0;
}

.Strich2[b-bkyq5pv24s] {
    position: absolute;
    width: 130px;
    height: 50px;
    background: #000;
    border-radius: 25px;
    transform: rotate(-90deg);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
    z-index: 0;
}

.bubble[b-bkyq5pv24s] {
    position: absolute;
    top: 0;
    left: 15px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: radial-gradient(circle at 30% 30%, #ffb3c1, #e64980, #ff8787);
    animation: dropAndShift-b-bkyq5pv24s 5s ease-in-out infinite;
    z-index: 1;
}

.bubble1[b-bkyq5pv24s] {
    position: absolute;
    top: 0;
    width: 20px;
    height: 20px;
    background: radial-gradient(circle at 30% 30%, #edb3ff, #ac49e6, #fb87ff);
    border-radius: 50%;
    left: 8px;
    animation: dropAndShift-b-bkyq5pv24s 6s ease-in-out infinite;
    z-index: 2;
}

.bubble2[b-bkyq5pv24s] {
    position: absolute;
    top: 0;
    width: 20px;
    height: 20px;
    background: radial-gradient(circle at 30% 30%, #b3d8ff, #4963e6, #87a7ff);
    border-radius: 50%;
    left: 12px;
    animation: dropAndShift-b-bkyq5pv24s 4s ease-in-out infinite;
    z-index: 3;
}

.bubble3[b-bkyq5pv24s] {
    position: absolute;
    top: 0;
    width: 20px;
    height: 20px;
    background: radial-gradient(circle at 30% 30%, #b3ffbc, #35a32f, #75ba61);
    border-radius: 50%;
    left: 10px;
    animation: dropAndShift-b-bkyq5pv24s 7s ease-in-out infinite;
    z-index: 4;
}
/* /Components/Pages/EmployeeIds.razor.rz.scp.css */
body[b-6j1tp2kkef] {
    .div {
        .employeeId {
            padding: 18px;
            color: black;
        }
    }
}
print[b-6j1tp2kkef] {
    page :footer {
        display: none
    }

    page :header[b-6j1tp2kkef] {
        display: none
    }
}
card[b-6j1tp2kkef] {
    height:540px;
    width:340px
}
employeeId[b-6j1tp2kkef] {
    padding: 18px;
    color: black;
}