@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.boiwgh0w5b.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-4nq5beecqz] {
    position: relative;
    display: flex;
    flex-direction: column;
    /*height: 100vh;*/
}

main[b-4nq5beecqz] {
    flex: 1;
}

/*.app-body {
    flex: 1;
    overflow-y: auto;
}*/

.sidebar[b-4nq5beecqz] {
    /*background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);*/
    background-image: var(--side-bar-background-image) !important;

    /*background-color: rgb(10,10,10);*/
    /*background-color: var(--side-bar-background-color) !important;*/
}

.navbar[b-4nq5beecqz] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}

.top-row[b-4nq5beecqz] {
    /*background-color: #f7f7f7;*/
    background-color: aqua;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

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

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

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

@media (max-width: 640.98px) {
    .top-row[b-4nq5beecqz] {
        justify-content: space-between;
    }

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

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

    .sidebar[b-4nq5beecqz] {
        /*width: 250px;*/
        width: 220px;
        height: 100vh;
        position: sticky;
        top: 0;
        scroll-behavior: auto;
    }

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

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

    .top-row[b-4nq5beecqz], article[b-4nq5beecqz] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-4nq5beecqz] {
    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-4nq5beecqz] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-5qcxqi4jrb] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid white;
    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-5qcxqi4jrb] {
        background-color: rgba(255, 255, 255, 0.5);
    }

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

.navbar-brand[b-5qcxqi4jrb] {
    font-size: 1.1rem;
}

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

.fa-house-nav-menu[b-5qcxqi4jrb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='white' d='M304 70.1C313.1 61.9 326.9 61.9 336 70.1L568 278.1C577.9 286.9 578.7 302.1 569.8 312C560.9 321.9 545.8 322.7 535.9 313.8L527.9 306.6L527.9 511.9C527.9 547.2 499.2 575.9 463.9 575.9L175.9 575.9C140.6 575.9 111.9 547.2 111.9 511.9L111.9 306.6L103.9 313.8C94 322.6 78.9 321.8 70 312C61.1 302.2 62 287 71.8 278.1L304 70.1zM320 120.2L160 263.7L160 512C160 520.8 167.2 528 176 528L224 528L224 424C224 384.2 256.2 352 296 352L344 352C383.8 352 416 384.2 416 424L416 528L464 528C472.8 528 480 520.8 480 512L480 263.7L320 120.3zM272 528L368 528L368 424C368 410.7 357.3 400 344 400L296 400C282.7 400 272 410.7 272 424L272 528z'/%3E%3C/svg%3E");
}

.fa-id-card-nav-menu[b-5qcxqi4jrb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='white' d='M80 480L80 224L560 224L560 480C560 488.8 552.8 496 544 496L352 496C352 451.8 316.2 416 272 416L208 416C163.8 416 128 451.8 128 496L96 496C87.2 496 80 488.8 80 480zM96 96C60.7 96 32 124.7 32 160L32 480C32 515.3 60.7 544 96 544L544 544C579.3 544 608 515.3 608 480L608 160C608 124.7 579.3 96 544 96L96 96zM240 376C270.9 376 296 350.9 296 320C296 289.1 270.9 264 240 264C209.1 264 184 289.1 184 320C184 350.9 209.1 376 240 376zM408 272C394.7 272 384 282.7 384 296C384 309.3 394.7 320 408 320L488 320C501.3 320 512 309.3 512 296C512 282.7 501.3 272 488 272L408 272zM408 368C394.7 368 384 378.7 384 392C384 405.3 394.7 416 408 416L488 416C501.3 416 512 405.3 512 392C512 378.7 501.3 368 488 368L408 368z'/%3E%3C/svg%3E");
}

.fa-chart-mixed-nav-menu[b-5qcxqi4jrb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='white' d='M440 64C426.7 64 416 74.7 416 88C416 101.3 426.7 112 440 112L492.5 112L352.2 232.3L239.8 134C231.6 126.9 219.7 126.1 210.7 132.1L42.7 244C31.7 251.4 28.7 266.3 36 277.3C43.3 288.3 58.3 291.3 69.3 284L222 182.2L336.2 282.1C345.2 290 358.6 290 367.6 282.3L528 144.8L528 200C528 213.3 538.7 224 552 224C565.3 224 576 213.3 576 200L576 88C576 74.7 565.3 64 552 64L440 64zM224 288C210.7 288 200 298.7 200 312L200 520C200 533.3 210.7 544 224 544C237.3 544 248 533.3 248 520L248 312C248 298.7 237.3 288 224 288zM88 384C74.7 384 64 394.7 64 408L64 520C64 533.3 74.7 544 88 544C101.3 544 112 533.3 112 520L112 408C112 394.7 101.3 384 88 384zM464 608C543.5 608 608 543.5 608 464C608 384.5 543.5 320 464 320C384.5 320 320 384.5 320 464C320 543.5 384.5 608 464 608zM519.1 431.5C524.7 441 528 452.1 528 464C528 475.9 524.8 487 519.1 496.5L539.3 516.7C545.5 522.9 545.5 533.1 539.3 539.3C533.1 545.5 522.9 545.5 516.7 539.3L496.5 519.1C487 524.7 475.9 528 464 528C452.1 528 441 524.8 431.5 519.1L411.3 539.3C405.1 545.5 394.9 545.5 388.7 539.3C382.5 533.1 382.5 522.9 388.7 516.7L408.9 496.5C403.3 487 400 475.9 400 464C400 452.1 403.2 441 408.9 431.5L388.7 411.3C382.5 405.1 382.5 394.9 388.7 388.7C394.9 382.5 405.1 382.5 411.3 388.7L431.5 408.9C441 403.3 452.1 400 464 400C475.9 400 487 403.2 496.5 408.9L516.7 388.7C522.9 382.5 533.1 382.5 539.3 388.7C545.5 394.9 545.5 405.1 539.3 411.3L519.1 431.5zM496 464C496 446.3 481.7 432 464 432C446.3 432 432 446.3 432 464C432 481.7 446.3 496 464 496C481.7 496 496 481.7 496 464z'/%3E%3C/svg%3E");
}

.fa-inbox-in-nav-menu[b-5qcxqi4jrb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='white' d='M155.2 144C147.2 144 140.4 150 139.3 158L114.3 352L199.5 352C212.9 352 225.4 358.7 232.8 369.8L252.9 400L387.2 400L407.3 369.8C414.7 358.7 427.2 352 440.6 352L525.8 352L500.8 158C499.8 150 493 144 484.9 144L155.2 144zM112 480C112 488.8 119.2 496 128 496L512 496C520.8 496 528 488.8 528 480L528 400L444.8 400L424.7 430.2C417.3 441.3 404.8 448 391.4 448L248.5 448C235.1 448 222.6 441.3 215.2 430.2L195.1 400L111.9 400L111.9 480zM91.7 151.8C95.8 119.9 123 96 155.2 96L484.9 96C517.1 96 544.3 119.9 548.4 151.8L575.9 364.9L576.1 366.4L576.1 479.9C576.1 515.2 547.4 543.9 512.1 543.9L128 544C92.7 544 64 515.3 64 480L64 366.5L64.2 365L91.7 151.9zM401 297L337 361C327.6 370.4 312.4 370.4 303.1 361L239.1 297C229.7 287.6 229.7 272.4 239.1 263.1C248.5 253.8 263.7 253.7 273 263.1L296 286.1L296 200C296 186.7 306.7 176 320 176C333.3 176 344 186.7 344 200L344 286.1L367 263.1C376.4 253.7 391.6 253.7 400.9 263.1C410.2 272.5 410.3 287.7 400.9 297z'/%3E%3C/svg%3E");
}

.fa-people-group-nav-menu[b-5qcxqi4jrb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='white' d='M320 64C355.3 64 384 92.7 384 128C384 163.3 355.3 192 320 192C284.7 192 256 163.3 256 128C256 92.7 284.7 64 320 64zM104 152C104 121.1 129.1 96 160 96C190.9 96 216 121.1 216 152C216 182.9 190.9 208 160 208C129.1 208 104 182.9 104 152zM167.1 304.6C135.9 308.9 112 335.7 112 368C112 387.9 121 405.6 135.3 417.4C140.8 422 144 428.7 144 435.9L144 520C144 533.3 133.3 544 120 544C106.7 544 96 533.3 96 520L96 446.4C76.2 426.2 64 398.5 64 368C64 306.1 114.1 256 176 256C181.2 256 186.2 256.3 191.2 257C180.7 271.2 172.5 287.3 167.1 304.6zM472.8 304.6C467.4 287.3 459.2 271.3 448.7 257C453.7 256.3 458.8 256 463.9 256C525.8 256 575.9 306.1 575.9 368C575.9 398.5 563.7 426.2 543.9 446.4L543.9 520C543.9 533.3 533.2 544 519.9 544C506.6 544 495.9 533.3 495.9 520L495.9 435.9C495.9 428.7 499.1 422 504.6 417.4C518.9 405.6 527.9 387.9 527.9 368C527.9 335.7 503.9 308.9 472.8 304.6zM536 152C536 182.9 510.9 208 480 208C449.1 208 424 182.9 424 152C424 121.1 449.1 96 480 96C510.9 96 536 121.1 536 152zM320 288C284.7 288 256 316.7 256 352L256 368C256 387.9 265 405.6 279.3 417.4C284.8 422 288 428.7 288 435.9L288 520C288 524.4 291.6 528 296 528L344 528C348.4 528 352 524.4 352 520L352 435.9C352 428.7 355.2 422 360.7 417.4C375 405.6 384 387.9 384 368L384 352C384 316.7 355.3 288 320 288zM208 352C208 290.1 258.1 240 320 240C381.9 240 432 290.1 432 352L432 368C432 398.5 419.8 426.2 400 446.4L400 520C400 550.9 374.9 576 344 576L296 576C265.1 576 240 550.9 240 520L240 446.4C220.2 426.2 208 398.5 208 368L208 352z'/%3E%3C/svg%3E");
}

.fa-clock-three-nav-menu[b-5qcxqi4jrb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='white' d='M528 320C528 434.9 434.9 528 320 528C205.1 528 112 434.9 112 320C112 205.1 205.1 112 320 112C434.9 112 528 205.1 528 320zM64 320C64 461.4 178.6 576 320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320zM296 184L296 320C296 333.3 306.7 344 320 344L424 344C437.3 344 448 333.3 448 320C448 306.7 437.3 296 424 296L344 296L344 184C344 170.7 333.3 160 320 160C306.7 160 296 170.7 296 184z'/%3E%3C/svg%3E");
}

.fa-list-check-nav-mennu[b-5qcxqi4jrb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='white' d='M203.7 133.8C211.3 122.9 208.7 108 197.8 100.4C186.9 92.8 172 95.4 164.4 106.3L124.7 162.8L105 143C95.6 133.7 80.4 133.7 71 143C61.6 152.3 61.7 167.6 71 177L111 217C116 222 123 224.6 130.1 223.9C137.2 223.2 143.6 219.6 147.7 213.8L203.7 133.8zM203.7 293.8C211.3 282.9 208.7 268 197.8 260.4C186.9 252.8 172 255.4 164.4 266.3L124.7 322.8L105 303C95.6 293.6 80.4 293.6 71.1 303C61.8 312.4 61.7 327.6 71 337L111 377C116 382 123 384.6 130.1 383.9C137.2 383.2 143.6 379.6 147.7 373.8L203.7 293.8zM256 160C256 173.3 266.7 184 280 184L552 184C565.3 184 576 173.3 576 160C576 146.7 565.3 136 552 136L280 136C266.7 136 256 146.7 256 160zM256 320C256 333.3 266.7 344 280 344L552 344C565.3 344 576 333.3 576 320C576 306.7 565.3 296 552 296L280 296C266.7 296 256 306.7 256 320zM224 480C224 493.3 234.7 504 248 504L552 504C565.3 504 576 493.3 576 480C576 466.7 565.3 456 552 456L248 456C234.7 456 224 466.7 224 480zM160 480C160 462.3 145.7 448 128 448C110.3 448 96 462.3 96 480C96 497.7 110.3 512 128 512C145.7 512 160 497.7 160 480z'/%3E%3C/svg%3E");
}

.fa-gear-nav-menu[b-5qcxqi4jrb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='white' d='M269.5 156.7L283.2 96L356.8 96L370.5 156.7C372.2 164.1 377.3 170.3 384.3 173.4C395.1 178.2 405.3 184.1 414.7 191C420.8 195.5 428.8 196.9 436.1 194.6L495.6 176.1L532.4 239.9L486.6 282.2C481 287.4 478.2 294.9 479 302.4C480.3 313.9 480.3 326.1 479 337.6C478.2 345.2 481 352.7 486.6 357.8L532.4 400.1L495.6 463.9L436.1 445.4C428.8 443.1 420.9 444.5 414.7 449C405.3 455.9 395.1 461.9 384.3 466.6C377.3 469.7 372.2 475.9 370.5 483.3L356.8 544L283.2 544L269.5 483.3C267.8 475.9 262.7 469.7 255.7 466.6C244.9 461.8 234.7 455.9 225.3 449C219.2 444.5 211.2 443.1 203.9 445.4L144.4 463.9L107.6 400.1L153.4 357.8C159 352.6 161.8 345.1 161 337.6C159.7 326.1 159.7 313.9 161 302.4C161.8 294.8 159 287.3 153.4 282.2L107.6 239.9L144.4 176.1L203.9 194.6C211.2 196.9 219.1 195.5 225.3 191C234.7 184.1 244.9 178.1 255.7 173.4C262.7 170.3 267.8 164.1 269.5 156.7zM276.8 48C258.1 48 241.9 61 237.8 79.2L225.2 134.8C218.9 138 212.9 141.5 207 145.3L152.6 128.4C134.7 122.8 115.4 130.4 106.1 146.6L62.9 221.4C53.6 237.6 56.7 258.1 70.4 270.8L112.3 309.5C112 316.4 112 323.5 112.3 330.5L70.4 369.2C56.7 381.9 53.5 402.4 62.9 418.6L106.1 493.4C115.4 509.6 134.8 517.1 152.6 511.6L207.1 494.7C213 498.5 219 502 225.3 505.2L237.9 560.8C242 579 258.2 592 276.9 592L363.3 592C382 592 398.2 579 402.3 560.8L414.9 505.2C421.2 502 427.2 498.5 433.1 494.7L487.6 511.6C505.5 517.2 524.8 509.6 534.1 493.4L577.3 418.6C586.6 402.4 583.5 381.9 569.8 369.2L527.9 330.5C528.2 323.6 528.2 316.5 527.9 309.5L569.8 270.8C583.5 258.1 586.6 237.6 577.3 221.4L534 146.6C524.6 130.4 505.3 122.9 487.5 128.4L433 145.3C427.1 141.5 421.1 138 414.8 134.8L402.3 79.2C398.1 61 381.9 48 363.2 48L276.8 48zM368 320C368 346.5 346.5 368 320 368C293.5 368 272 346.5 272 320C272 293.5 293.5 272 320 272C346.5 272 368 293.5 368 320zM320 224C267 224 224 267 224 320C224 373 267 416 320 416C373 416 416 373 416 320C416 267 373 224 320 224z'/%3E%3C/svg%3E");
}

.fa-door-closed-nav-menu[b-5qcxqi4jrb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='white' d='M448 112C456.8 112 464 119.2 464 128L464 528L176 528L176 128C176 119.2 183.2 112 192 112L448 112zM512 528L512 128C512 92.7 483.3 64 448 64L192 64C156.7 64 128 92.7 128 128L128 528L120 528C106.7 528 96 538.7 96 552C96 565.3 106.7 576 120 576L520 576C533.3 576 544 565.3 544 552C544 538.7 533.3 528 520 528L512 528zM400 288C382.3 288 368 302.3 368 320C368 337.7 382.3 352 400 352C417.7 352 432 337.7 432 320C432 302.3 417.7 288 400 288z'/%3E%3C/svg%3E");
}

.fa-pen-nib-nav-menu[b-5qcxqi4jrb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='white' d='M432.5 82.3C454.4 60.4 489.8 60.4 511.7 82.3L557.8 128.4C579.7 150.3 579.7 185.7 557.8 207.6L486.8 278.6L476.4 289L435.7 438.1C430.9 455.9 417.6 470.1 400.2 476.2L136 569C117.5 575.5 96.9 570.8 83.1 557C69.3 543.2 64.5 522.5 71 504L163.8 239.9C169.9 222.5 184.1 209.3 201.9 204.4L351 163.7L361.4 153.3L432.4 82.3zM360.9 210.8L214.6 250.7C212.1 251.4 210 253.3 209.2 255.8L129.6 482.2L227 384.7C225.1 379.5 224 373.9 224 368C224 341.5 245.5 320 272 320C298.5 320 320 341.5 320 368C320 394.5 298.5 416 272 416C266.1 416 260.5 414.9 255.3 413L157.8 510.5L384.2 431C386.7 430.1 388.6 428.1 389.3 425.6L429.2 279.2L360.9 210.9z'/%3E%3C/svg%3E");
}

.fa-door-open-fill-nav-menu[b-5qcxqi4jrb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='white' d='M192 112L352 112C360.8 112 368 119.2 368 128L368 528L176 528L176 128C176 119.2 183.2 112 192 112zM176 576L392 576C405.3 576 416 565.3 416 552L416 128C416 122.5 415.3 117.1 414 112L448 112C456.8 112 464 119.2 464 128L464 552C464 565.3 474.7 576 488 576L520 576C533.3 576 544 565.3 544 552C544 538.7 533.3 528 520 528L512 528L512 128C512 92.7 483.3 64 448 64L360 64L360 64.5C357.4 64.2 354.7 64 352 64L192 64C156.7 64 128 92.7 128 128L128 528L120 528C106.7 528 96 538.7 96 552C96 565.3 106.7 576 120 576L176 576zM272 320C272 337.7 286.3 352 304 352C321.7 352 336 337.7 336 320C336 302.3 321.7 288 304 288C286.3 288 272 302.3 272 320z'/%3E%3C/svg%3E");
}

/*.fa-key-fill-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-key-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 11.5a3.5 3.5 0 1 1 3.163-5H14L15.5 8 14 9.5l-1-1-1 1-1-1-1 1-1-1-1 1H6.663a3.5 3.5 0 0 1-3.163 2M2.5 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2'/%3E%3C/svg%3E");
}*/

/*.fa-list-timeline-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='white' d='M272 550.6C278 556.6 286.1 560 294.6 560L480 560C497.7 560 512 545.7 512 528L512 464C512 446.3 497.7 432 480 432L294.6 432C286.1 432 278 435.4 272 441.4L228.7 484.7C222.5 490.9 222.5 501.1 228.7 507.3L272 550.6zM285.3 144L301.3 128L464 128L464 160L301.3 160L285.3 144zM285.3 320L301.3 304L528 304L528 336L301.3 336L285.3 320zM285.3 496L301.3 480L464 480L464 512L301.3 512L285.3 496zM272 89.4L228.7 132.7C222.5 138.9 222.5 149.1 228.7 155.3L272 198.6C278 204.6 286.1 208 294.6 208L480 208C497.7 208 512 193.7 512 176L512 112C512 94.3 497.7 80 480 80L294.6 80C286.1 80 278 83.4 272 89.4zM294.6 256C286.1 256 278 259.4 272 265.4L228.7 308.7C222.5 314.9 222.5 325.1 228.7 331.3L272 374.6C278 380.6 286.1 384 294.6 384L544 384C561.7 384 576 369.7 576 352L576 288C576 270.3 561.7 256 544 256L294.6 256zM128 112C110.3 112 96 126.3 96 144C96 161.7 110.3 176 128 176C145.7 176 160 161.7 160 144C160 126.3 145.7 112 128 112zM128 288C110.3 288 96 302.3 96 320C96 337.7 110.3 352 128 352C145.7 352 160 337.7 160 320C160 302.3 145.7 288 128 288zM160 496C160 478.3 145.7 464 128 464C110.3 464 96 478.3 96 496C96 513.7 110.3 528 128 528C145.7 528 160 513.7 160 496z'/%3E%3C/svg%3E")
}*/

/*.bi-person-circle-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-circle' viewBox='0 0 16 16'%3E%3Cpath d='M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0'/%3E%3Cpath fill-rule='evenodd' d='M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1'/%3E%3C/svg%3E");
}*/

/*.bi-house-door-fill-nav-menu {
    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-bar-chart-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-bar-chart' viewBox='0 0 16 16'%3E%3Cpath d='M4 11H2v3h2zm5-4H7v7h2zm5-5v12h-2V2zm-2-1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM6 7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1zm-5 4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1z'/%3E%3C/svg%3E");
}*/

/*.bi-send-plus-fill-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-send-plus-fill' viewBox='0 0 16 16'%3E%3Cpath d='M15.964.686a.5.5 0 0 0-.65-.65L.767 5.855H.766l-.452.18a.5.5 0 0 0-.082.887l.41.26.001.002 4.995 3.178 1.59 2.498C8 14 8 13 8 12.5a4.5 4.5 0 0 1 5.026-4.47zm-1.833 1.89L6.637 10.07l-.215-.338a.5.5 0 0 0-.154-.154l-.338-.215 7.494-7.494 1.178-.471z'/%3E%3Cpath d='M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0m-3.5-2a.5.5 0 0 0-.5.5v1h-1a.5.5 0 0 0 0 1h1v1a.5.5 0 0 0 1 0v-1h1a.5.5 0 0 0 0-1h-1v-1a.5.5 0 0 0-.5-.5'/%3E%3C/svg%3E");
}*/

/*.bi-inboxes-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-inboxes' viewBox='0 0 16 16'%3E %3Cpath d='M4.98 1a.5.5 0 0 0-.39.188L1.54 5H6a.5.5 0 0 1 .5.5 1.5 1.5 0 0 0 3 0A.5.5 0 0 1 10 5h4.46l-3.05-3.812A.5.5 0 0 0 11.02 1zm9.954 5H10.45a2.5 2.5 0 0 1-4.9 0H1.066l.32 2.562A.5.5 0 0 0 1.884 9h12.234a.5.5 0 0 0 .496-.438zM3.809.563A1.5 1.5 0 0 1 4.981 0h6.038a1.5 1.5 0 0 1 1.172.563l3.7 4.625a.5.5 0 0 1 .105.374l-.39 3.124A1.5 1.5 0 0 1 14.117 10H1.883A1.5 1.5 0 0 1 .394 8.686l-.39-3.124a.5.5 0 0 1 .106-.374zM.125 11.17A.5.5 0 0 1 .5 11H6a.5.5 0 0 1 .5.5 1.5 1.5 0 0 0 3 0 .5.5 0 0 1 .5-.5h5.5a.5.5 0 0 1 .496.562l-.39 3.124A1.5 1.5 0 0 1 14.117 16H1.883a1.5 1.5 0 0 1-1.489-1.314l-.39-3.124a.5.5 0 0 1 .121-.393zm.941.83.32 2.562a.5.5 0 0 0 .497.438h12.234a.5.5 0 0 0 .496-.438l.32-2.562H10.45a2.5 2.5 0 0 1-4.9 0z'/%3E %3C/svg%3E");
}

.bi-key-fill-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-key-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 11.5a3.5 3.5 0 1 1 3.163-5H14L15.5 8 14 9.5l-1-1-1 1-1-1-1 1-1-1-1 1H6.663a3.5 3.5 0 0 1-3.163 2M2.5 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2'/%3E%3C/svg%3E");
}

.bi-inboxes-fill-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-inboxes-fill' viewBox='0 0 16 16'%3E%3Cpath d='M4.98 1a.5.5 0 0 0-.39.188L1.54 5H6a.5.5 0 0 1 .5.5 1.5 1.5 0 0 0 3 0A.5.5 0 0 1 10 5h4.46l-3.05-3.812A.5.5 0 0 0 11.02 1zM3.81.563A1.5 1.5 0 0 1 4.98 0h6.04a1.5 1.5 0 0 1 1.17.563l3.7 4.625a.5.5 0 0 1 .106.374l-.39 3.124A1.5 1.5 0 0 1 14.117 10H1.883A1.5 1.5 0 0 1 .394 8.686l-.39-3.124a.5.5 0 0 1 .106-.374zM.125 11.17A.5.5 0 0 1 .5 11H6a.5.5 0 0 1 .5.5 1.5 1.5 0 0 0 3 0 .5.5 0 0 1 .5-.5h5.5a.5.5 0 0 1 .496.562l-.39 3.124A1.5 1.5 0 0 1 14.117 16H1.883a1.5 1.5 0 0 1-1.489-1.314l-.39-3.124a.5.5 0 0 1 .121-.393z'/%3E%3C/svg%3E");
}*/

/*.bi-person-hearts-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-hearts' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M11.5 1.246c.832-.855 2.913.642 0 2.566-2.913-1.924-.832-3.421 0-2.566M9 5a3 3 0 1 1-6 0 3 3 0 0 1 6 0m-9 8c0 1 1 1 1 1h10s1 0 1-1-1-4-6-4-6 3-6 4m13.5-8.09c1.387-1.425 4.855 1.07 0 4.277-4.854-3.207-1.387-5.702 0-4.276ZM15 2.165c.555-.57 1.942.428 0 1.711-1.942-1.283-.555-2.281 0-1.71Z'/%3E%3C/svg%3E");
}*/

/*.bi-list-columns-reverse-nav-mennu {
    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-columns-reverse' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M0 .5A.5.5 0 0 1 .5 0h2a.5.5 0 0 1 0 1h-2A.5.5 0 0 1 0 .5m4 0a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1h-10A.5.5 0 0 1 4 .5m-4 2A.5.5 0 0 1 .5 2h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m4 0a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m-4 2A.5.5 0 0 1 .5 4h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m4 0a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m-4 2A.5.5 0 0 1 .5 6h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m4 0a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 0 1h-8a.5.5 0 0 1-.5-.5m-4 2A.5.5 0 0 1 .5 8h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m4 0a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 0 1h-8a.5.5 0 0 1-.5-.5m-4 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m4 0a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1h-10a.5.5 0 0 1-.5-.5m-4 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m4 0a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5m-4 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m4 0a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E");
}*/

/*.bi-person-vcard-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-vcard' viewBox='0 0 16 16'%3E%3Cpath d='M5 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4m4-2.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5M9 8a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4A.5.5 0 0 1 9 8m1 2.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5'/%3E%3Cpath d='M2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2zM1 4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H8.96q.04-.245.04-.5C9 10.567 7.21 9 5 9c-2.086 0-3.8 1.398-3.984 3.181A1 1 0 0 1 1 12z'/%3E%3C/svg%3E");
}*/

/*.bi-wrench-adjustable-circle-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-wrench-adjustable-circle' viewBox='0 0 16 16'%3E%3Cpath d='M12.496 8a4.5 4.5 0 0 1-1.703 3.526L9.497 8.5l2.959-1.11q.04.3.04.61'/%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-1 0a7 7 0 1 0-13.202 3.249l1.988-1.657a4.5 4.5 0 0 1 7.537-4.623L7.497 6.5l1 2.5 1.333 3.11c-.56.251-1.18.39-1.833.39a4.5 4.5 0 0 1-1.592-.29L4.747 14.2A7 7 0 0 0 15 8m-8.295.139a.25.25 0 0 0-.288-.376l-1.5.5.159.474.808-.27-.595.894a.25.25 0 0 0 .287.376l.808-.27-.595.894a.25.25 0 0 0 .287.376l1.5-.5-.159-.474-.808.27.596-.894a.25.25 0 0 0-.288-.376l-.808.27z'/%3E%3C/svg%3E");
}*/

/*.bi-x-diamond-fill-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-x-diamond-fill' viewBox='0 0 16 16'%3E%3Cpath d='M9.05.435c-.58-.58-1.52-.58-2.1 0L4.047 3.339 8 7.293l3.954-3.954L9.049.435zm3.61 3.611L8.708 8l3.954 3.954 2.904-2.905c.58-.58.58-1.519 0-2.098l-2.904-2.905zm-.706 8.614L8 8.708l-3.954 3.954 2.905 2.904c.58.58 1.519.58 2.098 0l2.905-2.904zm-8.614-.706L7.292 8 3.339 4.046.435 6.951c-.58.58-.58 1.519 0 2.098z'/%3E%3C/svg%3E");
}*/

/*.bi-vector-pen-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-vector-pen' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M10.646.646a.5.5 0 0 1 .708 0l4 4a.5.5 0 0 1 0 .708l-1.902 1.902-.829 3.313a1.5 1.5 0 0 1-1.024 1.073L1.254 14.746 4.358 4.4A1.5 1.5 0 0 1 5.43 3.377l3.313-.828zm-1.8 2.908-3.173.793a.5.5 0 0 0-.358.342l-2.57 8.565 8.567-2.57a.5.5 0 0 0 .34-.357l.794-3.174-3.6-3.6z'/%3E%3Cpath fill-rule='evenodd' d='M2.832 13.228 8 9a1 1 0 1 0-1-1l-4.228 5.168-.026.086z'/%3E%3C/svg%3E");
}*/

/*.bi-door-open-fill-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-door-open-fill' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 15a.5.5 0 0 0 0 1h13a.5.5 0 0 0 0-1H13V2.5A1.5 1.5 0 0 0 11.5 1H11V.5a.5.5 0 0 0-.57-.495l-7 1A.5.5 0 0 0 3 1.5V15zM11 2h.5a.5.5 0 0 1 .5.5V15h-1zm-2.5 8c-.276 0-.5-.448-.5-1s.224-1 .5-1 .5.448.5 1-.224 1-.5 1'/%3E%3C/svg%3E");
}*/

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

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

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

    .nav-item[b-5qcxqi4jrb]  .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-5qcxqi4jrb]  a.active {
        background-color: rgba(255,255,255,0.37);
        /*background-color: dodgerblue;*/
        border-left: 4px solid #0d6efd;
        color: white;
    }

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

.nav-scrollable[b-5qcxqi4jrb] {
    display: none;
}

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

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

    .nav-scrollable[b-5qcxqi4jrb] {
        /* 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/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-7uly4wo3l5],
.components-reconnect-repeated-attempt-visible[b-7uly4wo3l5],
.components-reconnect-failed-visible[b-7uly4wo3l5],
.components-pause-visible[b-7uly4wo3l5],
.components-resume-failed-visible[b-7uly4wo3l5],
.components-rejoining-animation[b-7uly4wo3l5] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-7uly4wo3l5],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-7uly4wo3l5],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-7uly4wo3l5],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-7uly4wo3l5],
#components-reconnect-modal.components-reconnect-retrying[b-7uly4wo3l5],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-7uly4wo3l5],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-7uly4wo3l5],
#components-reconnect-modal.components-reconnect-failed[b-7uly4wo3l5],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-7uly4wo3l5] {
    display: block;
}


#components-reconnect-modal[b-7uly4wo3l5] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-7uly4wo3l5 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-7uly4wo3l5 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-7uly4wo3l5 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-7uly4wo3l5]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-7uly4wo3l5 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-7uly4wo3l5 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

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

@keyframes components-reconnect-modal-fadeInOpacity-b-7uly4wo3l5 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-7uly4wo3l5 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-7uly4wo3l5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-7uly4wo3l5] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-7uly4wo3l5] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-7uly4wo3l5] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-7uly4wo3l5] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-7uly4wo3l5] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-7uly4wo3l5] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-7uly4wo3l5 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-7uly4wo3l5] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-7uly4wo3l5 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Account/Manage/AllInOnePage.razor.rz.scp.css */
body[b-oo2e89yqaj] {
}

.ss-div[b-oo2e89yqaj] {
    overflow-y: auto;
}

.description-text[b-oo2e89yqaj] {
    height: 100px;
    text-align: justify;
    color: dimgray;
    font-size: 0.9rem;
}
/* /Components/Pages/AddOn/HistoryComponent.razor.rz.scp.css */
body[b-g9tdpunb4k] {
}

.pointer[b-g9tdpunb4k] {
    cursor: pointer;
}

/* Fix height and enable scrolling */
.grid[b-g9tdpunb4k] {
    width: 100%;
    height: 13.5rem;
    overflow-y: auto;
    border-width: 1px;
    border-color: silver;
    padding: 2px;
    margin: 2px;
}

/* Sticky header while scrolling */
[b-g9tdpunb4k] table {
    min-width: 100%;
}

[b-g9tdpunb4k] thead {
    position: sticky;
    top: 0;
    background-color: #d8d8d8;
    outline: 1px solid gray;
    font-size: 12px;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-g9tdpunb4k] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-g9tdpunb4k] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* max-width: 0; */
    text-overflow: ellipsis;
}

/* Stripe effect */
[b-g9tdpunb4k] tbody tr {
    background-color: #000000;
    background-color: rgba(0,0,0,0.04);
    /* Don't collapse rows even if they are empty */
    /* height: 1.8rem; */
}

    [b-g9tdpunb4k] tbody tr:nth-child(odd) {
        background: #ffffff;
        background: rgba(255,255,255,0.4);
    }

/* Magnifying glass */
.grid[b-g9tdpunb4k]  .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}

/* grid Button styles */
.grid-button[b-g9tdpunb4k] {
    border-width: 0;
    background-color: transparent;
    color: #0d6efd;
    font-size: 11px;
}

    .grid-button:hover[b-g9tdpunb4k] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button:active[b-g9tdpunb4k] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

img[b-g9tdpunb4k] {
    height: 25px;
    width: 25px;
}

/* Container for the input and icon */
.input-container[b-g9tdpunb4k] {
    position: relative;
    display: inline-block;
    width: 200px;
}

/* Input field styling */
.input-field[b-g9tdpunb4k] {
    width: 100%;
    padding: 10px 30px 10px 10px; /* Add padding to make space for the icon */
    /*font-size: 16px;*/
    border: 1px solid #ccc;
    border-radius: 10px;
}

/* Magnifier icon styling */
.magnifier-icon[b-g9tdpunb4k] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-info-section[b-g9tdpunb4k] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    direction: ltr;
    margin: auto;
    color: #888;
    font-size: 12px;
    font-weight: 400;
}

.filter-info[b-g9tdpunb4k] {
    font-size: 10px;
    color: dimgray;
    font-weight: lighter;
}

.i-button[b-g9tdpunb4k] {
    font-size: 1.4rem;
    color: #0d6efd;
    padding: 2px 10px;
    cursor: pointer;
}

    .i-button:hover[b-g9tdpunb4k] {
        color: black;
        /*background-color: dimgray;*/
    }

.latin-button[b-g9tdpunb4k] {
    direction: ltr;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    border-width: 0;
    background-color: transparent;
    font-size: 11px;
    cursor: default;
}

/* user */
.my-grid thead tr th:nth-child(2) > *[b-g9tdpunb4k],
.my-grid tbody tr td:nth-child(2) > *[b-g9tdpunb4k] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

/* client_file_name */
.my-grid thead tr th:nth-child(3) > *[b-g9tdpunb4k],
.my-grid tbody tr td:nth-child(3) > *[b-g9tdpunb4k] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    direction: ltr;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* file_size */
.my-grid thead tr th:nth-child(4) > *[b-g9tdpunb4k],
.my-grid tbody tr td:nth-child(4) > *[b-g9tdpunb4k] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    direction: ltr;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* summary */
.my-grid thead tr th:nth-child(5) > *[b-g9tdpunb4k],
.my-grid tbody tr td:nth-child(5) > *[b-g9tdpunb4k] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

/* operation */
.my-grid thead tr th:nth-child(6) > *[b-g9tdpunb4k],
.my-grid tbody tr td:nth-child(6) > *[b-g9tdpunb4k] {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}
/* /Components/Pages/AddOn/ListComponent.razor.rz.scp.css */
body[b-pyf2slxulb] {
}

.pointer[b-pyf2slxulb] {
    cursor: pointer;
}

/* Fix height and enable scrolling */
.grid[b-pyf2slxulb] {
    width: 100%;
    height: 16.5rem;
    overflow-y: auto;
    border-width: 1px;
    border-color: silver;
    padding: 2px;
    margin: 2px;
}

/* Sticky header while scrolling */
[b-pyf2slxulb] table {
    min-width: 100%;
}

[b-pyf2slxulb] thead {
    position: sticky;
    top: 0;
    background-color: #d8d8d8;
    outline: 1px solid gray;
    font-size: 12px;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-pyf2slxulb] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-pyf2slxulb] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* max-width: 0; */
    text-overflow: ellipsis;
}

/* Stripe effect */
[b-pyf2slxulb] tbody tr {
    background-color: #000000;
    background-color: rgba(0,0,0,0.04);
    /* Don't collapse rows even if they are empty */
    /* height: 1.8rem; */
}

    [b-pyf2slxulb] tbody tr:nth-child(odd) {
        background: #ffffff;
        background: rgba(255,255,255,0.4);
    }

/* Magnifying glass */
.grid[b-pyf2slxulb]  .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}

/* grid Button styles */
.grid-button[b-pyf2slxulb] {
    border-width: 0;
    background-color: transparent;
    /* color: dimgray; */
    color: #0d6efd;
    font-size: 11px;
    /* font: 200 11px verdana; */
}

    .grid-button:hover[b-pyf2slxulb] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button:active[b-pyf2slxulb] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

img[b-pyf2slxulb] {
    height: 25px;
    width: 25px;
}

/* Container for the input and icon */
.input-container[b-pyf2slxulb] {
    position: relative;
    display: inline-block;
    width: 300px;
}

/* Input field styling */
.input-field[b-pyf2slxulb] {
    width: 100%;
    padding: 10px 30px 10px 10px; /* Add padding to make space for the icon */
    /*font-size: 16px;*/
    border: 1px solid #ccc;
    border-radius: 10px;
}

.magnifier-icon[b-pyf2slxulb] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-input-container[b-pyf2slxulb] {
    position: relative;
    display: inline-block;
    width: 200px;
    direction: ltr;
}

.latin-input-field[b-pyf2slxulb] {
    width: 100%;
    padding: 10px 10px 10px 40px; /* Add padding to make space for the icon */
    border: 1px solid #ccc;
    border-radius: 10px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-transform: uppercase;
}

.latin-magnifier-icon[b-pyf2slxulb] {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-info-section[b-pyf2slxulb] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    direction: ltr;
    margin: auto;
    color: #888;
    font-size: 12px;
    font-weight: 400;
}

.filter-info[b-pyf2slxulb] {
    font-size: 10px;
    color: dimgray;
    font-weight: lighter;
}

.i-button[b-pyf2slxulb] {
    font-size: 1.4rem;
    color: #0d6efd;
    padding: 2px 10px;
    cursor: pointer;
}

    .i-button:hover[b-pyf2slxulb] {
        color: black;
        /*background-color: dimgray;*/
    }

.latin-button[b-pyf2slxulb] {
    direction: ltr;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    border-width: 0;
    background-color: transparent;
    font-size: 11px;
    cursor: default;
}

/* chain-code */
.my-grid thead tr th:nth-child(1) > *[b-pyf2slxulb],
.my-grid tbody tr td:nth-child(1) > *[b-pyf2slxulb] {
    display: flex;
    justify-content: center;
    width: 100%;
    direction: ltr;
    font-size: 12px;
    font-family: monospace;
    text-spacing: auto;
    font-weight: 500;
}

/* summary */
.my-grid thead tr th:nth-child(3) > *[b-pyf2slxulb],
.my-grid tbody tr td:nth-child(3) > *[b-pyf2slxulb] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

/* client_file_name */
.my-grid thead tr th:nth-child(4) > *[b-pyf2slxulb],
.my-grid tbody tr td:nth-child(4) > *[b-pyf2slxulb] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    direction: ltr;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* file_size */
.my-grid thead tr th:nth-child(5) > *[b-pyf2slxulb],
.my-grid tbody tr td:nth-child(5) > *[b-pyf2slxulb] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    direction: ltr;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* summary */
.my-grid thead tr th:nth-child(6) > *[b-pyf2slxulb],
.my-grid tbody tr td:nth-child(6) > *[b-pyf2slxulb] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

/* operation */
.my-grid thead tr th:nth-child(7) > *[b-pyf2slxulb],
.my-grid tbody tr td:nth-child(7) > *[b-pyf2slxulb] {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}
/* /Components/Pages/Chore/FreshPage.razor.rz.scp.css */
body[b-1hgmjd2l8n] {
}

.scrollable-div[b-1hgmjd2l8n] {
    height: 100vh;
    width: 100%;
    overflow-y: auto; /* enables vertical scrolling */
    overflow-x: hidden; /* prevents horizontal scrolling */
    /*border: 1px solid #ccc;*/
    padding: 10px 0;
}
/* /Components/Pages/Chore/FreshSingleComponent.razor.rz.scp.css */
body[b-1j91nbfp25] {
}

/* grid Button styles */
.grid-button[b-1j91nbfp25] {
    border-width: 0;
    background-color: transparent;
    color: #0d6efd;
    font-size: 11px;
}

    .grid-button:hover[b-1j91nbfp25] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button:active[b-1j91nbfp25] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

.i-button[b-1j91nbfp25] {
    font-size: 1.4rem;
    /*font-family: 'myisans' !important;*/
    /*font-weight: 100;*/
    color: #0d6efd;
    padding: 2px 10px;
    cursor: pointer;
}

    .i-button:hover[b-1j91nbfp25] {
        color: black;
    }

.i-button-text[b-1j91nbfp25] {
    font-size: 11px;
    font-style: normal;
    color: #0d6efd;
    padding: 2px 2px;
    cursor: pointer;
}

    .i-button-text:hover[b-1j91nbfp25] {
        color: black;
    }
/* /Components/Pages/Chore/InfoComponent.razor.rz.scp.css */
body[b-t961qoae80] {
}

.latin-info-label[b-t961qoae80] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    direction: ltr;
    margin: auto;
    /*color: wheat;
    background-color: black;*/
    font-size: 14px;
    font-weight: 700;
    padding: 0 4px;
    border: 1px solid silver;
}

.eye-catching-label[b-t961qoae80] {
    margin: auto;
    padding: 0 4px;
    color: whitesmoke;
    background-color: crimson;
}
/* /Components/Pages/Chore/OverviewPage.razor.rz.scp.css */
body[b-t5ny7y1qiy] {
}

.scrollable-div[b-t5ny7y1qiy] {
    height: 100vh;
    width: 100%;
    overflow-y: auto; /* enables vertical scrolling */
    overflow-x: hidden; /* prevents horizontal scrolling */
    /*border: 1px solid #ccc;*/
    padding: 0 20px 0 20px;
    /*margin: 0 10px 0 10px;*/
}
/* /Components/Pages/Chore/ToolkitPage.razor.rz.scp.css */
body[b-b3h12h3ovh] {
}

.scrollable-div[b-b3h12h3ovh] {
    height: 100vh;
    width: 100%;
    overflow-y: auto; /* enables vertical scrolling */
    overflow-x: hidden; /* prevents horizontal scrolling */
    /*border: 1px solid #ccc;*/
    padding: 0 20px 0 20px;
    /*margin: 0 10px 0 10px;*/
}
/* /Components/Pages/Chronicle/AdminPage.razor.rz.scp.css */
body[b-db743y0awl] {
}

.pointer[b-db743y0awl] {
    cursor: pointer;
}

.scrollable-div[b-db743y0awl] {
    height: 100vh;
    width: 100%;
    overflow-y: auto; /* enables vertical scrolling */
    overflow-x: hidden; /* prevents horizontal scrolling */
    /*border: 1px solid #ccc;*/
    padding: 10px 0;
}

/* Fix height and enable scrolling */
.grid[b-db743y0awl] {
    width: 100%;
    height: 40rem;
    overflow-y: auto;
    border-width: 1px;
    border-color: silver;
    padding: 2px;
    margin: 2px;
}

/* Sticky header while scrolling */
[b-db743y0awl] table {
    min-width: 100%;
}

[b-db743y0awl] thead {
    position: sticky;
    top: 0;
    background-color: #d8d8d8;
    outline: 1px solid gray;
    font-size: 12px;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-db743y0awl] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-db743y0awl] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* max-width: 0; */
    text-overflow: ellipsis;
}

/* Stripe effect */
[b-db743y0awl] tbody tr {
    background-color: #000000;
    background-color: rgba(0,0,0,0.04);
    /* Don't collapse rows even if they are empty */
    /* height: 1.8rem; */
}

    [b-db743y0awl] tbody tr:nth-child(odd) {
        background: #ffffff;
        background: rgba(255,255,255,0.4);
    }

/* Magnifying glass */
.grid[b-db743y0awl]  .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}

/* grid Button styles */
.grid-button[b-db743y0awl] {
    border-width: 0;
    background-color: transparent;
    /* color: dimgray; */
    color: #0d6efd;
    font-size: 11px;
    /* font: 200 11px verdana; */
}

    .grid-button:hover[b-db743y0awl] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button:active[b-db743y0awl] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

img[b-db743y0awl] {
    height: 25px;
    width: 25px;
}

/* Container for the input and icon */
.input-container[b-db743y0awl] {
    position: relative;
    display: inline-block;
    width: 300px;
}

.select-container[b-db743y0awl] {
    position: relative;
    display: inline-block;
    width: 200px;
}

/* Input field styling */
.input-field[b-db743y0awl] {
    width: 100%;
    padding: 10px 30px 10px 10px; /* Add padding to make space for the icon */
    /*font-size: 16px;*/
    border: 1px solid #ccc;
    border-radius: 10px;
}

.magnifier-icon[b-db743y0awl] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-input-container[b-db743y0awl] {
    position: relative;
    display: inline-block;
    width: 200px;
    direction: ltr;
}

.latin-input-field[b-db743y0awl] {
    width: 100%;
    padding: 10px 10px 10px 40px; /* Add padding to make space for the icon */
    border: 1px solid #ccc;
    border-radius: 10px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-transform: uppercase;
}

.latin-magnifier-icon[b-db743y0awl] {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-info-section[b-db743y0awl] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    direction: ltr;
    margin: auto;
    color: #888;
    font-size: 12px;
    font-weight: 400;
}

.filter-info[b-db743y0awl] {
    font-size: 10px;
    color: dimgray;
    font-weight: lighter;
}

.i-button[b-db743y0awl] {
    font-size: 1.4rem;
    color: #0d6efd;
    padding: 2px 10px;
    cursor: pointer;
}

    .i-button:hover[b-db743y0awl] {
        color: black;
        /*background-color: dimgray;*/
    }

/* chain-code */
.my-grid thead tr th:nth-child(1) > *[b-db743y0awl],
.my-grid tbody tr td:nth-child(1) > *[b-db743y0awl] {
    display: flex;
    justify-content: center;
    width: auto;
    direction: ltr;
    font-size: 12px;
    font-family: monospace;
    text-spacing: auto;
    font-weight: 500;
}

/* customer */
.my-grid thead tr th:nth-child(6) > *[b-db743y0awl],
.my-grid tbody tr td:nth-child(6) > *[b-db743y0awl] {
    display: flex;
    justify-content: flex-start;
    width: 20%;
}

/* user */
.my-grid thead tr th:nth-child(7) > *[b-db743y0awl],
.my-grid tbody tr td:nth-child(7) > *[b-db743y0awl] {
    display: flex;
    justify-content: flex-start;
    width: 20%;
}

/* note */
.my-grid thead tr th:nth-child(8) > *[b-db743y0awl],
.my-grid tbody tr td:nth-child(8) > *[b-db743y0awl] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}
/* /Components/Pages/Chronicle/HistoryComponent.razor.rz.scp.css */
body[b-kjvvf5u9nv] {
}

.pointer[b-kjvvf5u9nv] {
    cursor: pointer;
}

/* Fix height and enable scrolling */
.grid[b-kjvvf5u9nv] {
    width: 100%;
    height: 13.5rem;
    overflow-y: auto;
    border-width: 1px;
    border-color: silver;
    padding: 2px;
    margin: 2px;
}

/* Sticky header while scrolling */
[b-kjvvf5u9nv] table {
    min-width: 100%;
}

[b-kjvvf5u9nv] thead {
    position: sticky;
    top: 0;
    background-color: #d8d8d8;
    outline: 1px solid gray;
    font-size: 12px;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-kjvvf5u9nv] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-kjvvf5u9nv] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* max-width: 0; */
    text-overflow: ellipsis;
}

/* Stripe effect */
[b-kjvvf5u9nv] tbody tr {
    background-color: #000000;
    background-color: rgba(0,0,0,0.04);
    /* Don't collapse rows even if they are empty */
    /* height: 1.8rem; */
}

    [b-kjvvf5u9nv] tbody tr:nth-child(odd) {
        background: #ffffff;
        background: rgba(255,255,255,0.4);
    }

/* Magnifying glass */
.grid[b-kjvvf5u9nv]  .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}

/* grid Button styles */
.grid-button[b-kjvvf5u9nv] {
    border-width: 0;
    background-color: transparent;
    /* color: dimgray; */
    color: #0d6efd;
    font-size: 11px;
    /* font: 200 11px verdana; */
}

    .grid-button:hover[b-kjvvf5u9nv] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button:active[b-kjvvf5u9nv] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

img[b-kjvvf5u9nv] {
    height: 25px;
    width: 25px;
}

/* Container for the input and icon */
.input-container[b-kjvvf5u9nv] {
    position: relative;
    display: inline-block;
    width: 200px;
}

/* Input field styling */
.input-field[b-kjvvf5u9nv] {
    width: 100%;
    padding: 10px 30px 10px 10px; /* Add padding to make space for the icon */
    /*font-size: 16px;*/
    border: 1px solid #ccc;
    border-radius: 10px;
}

/* Magnifier icon styling */
.magnifier-icon[b-kjvvf5u9nv] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-info-section[b-kjvvf5u9nv] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    direction: ltr;
    margin: auto;
    color: #888;
    font-size: 12px;
    font-weight: 400;
}

.i-button[b-kjvvf5u9nv] {
    font-size: 1.4rem;
    color: #0d6efd;
    padding: 2px 10px;
    cursor: pointer;
}

    .i-button:hover[b-kjvvf5u9nv] {
        color: black;
        /*background-color: dimgray;*/
    }

/* user */
.my-grid thead tr th:nth-child(3) > *[b-kjvvf5u9nv],
.my-grid tbody tr td:nth-child(3) > *[b-kjvvf5u9nv] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

/* summary */
.my-grid thead tr th:nth-child(5) > *[b-kjvvf5u9nv],
.my-grid tbody tr td:nth-child(5) > *[b-kjvvf5u9nv] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

/* operations */
.my-grid thead tr th:nth-child(6) > *[b-kjvvf5u9nv],
.my-grid tbody tr td:nth-child(6) > *[b-kjvvf5u9nv] {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}
/* /Components/Pages/Chronicle/InteractionPage.razor.rz.scp.css */
body[b-6gfald2joy] {
}

.pointer[b-6gfald2joy] {
    cursor: pointer;
}

.scrollable-div[b-6gfald2joy] {
    height: 100vh;
    width: 100%;
    overflow-y: auto; /* enables vertical scrolling */
    overflow-x: hidden; /* prevents horizontal scrolling */
    /*border: 1px solid #ccc;*/
    padding: 10px 0;
}

/* Fix height and enable scrolling */
.grid[b-6gfald2joy] {
    width: 100%;
    height: 40rem;
    overflow-y: auto;
    border-width: 1px;
    border-color: silver;
    padding: 2px;
    margin: 2px;
}

/* Sticky header while scrolling */
[b-6gfald2joy] table {
    min-width: 100%;
}

[b-6gfald2joy] thead {
    position: sticky;
    top: 0;
    background-color: #d8d8d8;
    outline: 1px solid gray;
    font-size: 12px;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-6gfald2joy] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-6gfald2joy] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* max-width: 0; */
    text-overflow: ellipsis;
}

/* Stripe effect */
[b-6gfald2joy] tbody tr {
    background-color: #000000;
    background-color: rgba(0,0,0,0.04);
    /* Don't collapse rows even if they are empty */
    /* height: 1.8rem; */
}

    [b-6gfald2joy] tbody tr:nth-child(odd) {
        background: #ffffff;
        background: rgba(255,255,255,0.4);
    }

/* Magnifying glass */
.grid[b-6gfald2joy]  .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}

/* grid Button styles */
.grid-button[b-6gfald2joy] {
    border-width: 0;
    background-color: transparent;
    /* color: dimgray; */
    color: #0d6efd;
    font-size: 11px;
    /* font: 200 11px verdana; */
}

    .grid-button:hover[b-6gfald2joy] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button:active[b-6gfald2joy] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

img[b-6gfald2joy] {
    height: 25px;
    width: 25px;
}

/* Container for the input and icon */
.input-container[b-6gfald2joy] {
    position: relative;
    display: inline-block;
    width: 300px;
}

.select-container[b-6gfald2joy] {
    position: relative;
    display: inline-block;
    width: 150px;
}

/* Input field styling */
.input-field[b-6gfald2joy] {
    width: 100%;
    padding: 10px 30px 10px 10px; /* Add padding to make space for the icon */
    /*font-size: 16px;*/
    border: 1px solid #ccc;
    border-radius: 10px;
}

.magnifier-icon[b-6gfald2joy] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-input-container[b-6gfald2joy] {
    position: relative;
    display: inline-block;
    width: 200px;
    direction: ltr;
}

.latin-input-field[b-6gfald2joy] {
    width: 100%;
    padding: 10px 10px 10px 40px; /* Add padding to make space for the icon */
    border: 1px solid #ccc;
    border-radius: 10px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-transform: uppercase;
}

.latin-magnifier-icon[b-6gfald2joy] {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-info-section[b-6gfald2joy] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    direction: ltr;
    margin: auto;
    color: #888;
    font-size: 12px;
    font-weight: 400;
}

.filter-info[b-6gfald2joy] {
    font-size: 10px;
    color: dimgray;
    font-weight: lighter;
}

.i-button[b-6gfald2joy] {
    font-size: 1.4rem;
    color: #0d6efd;
    padding: 2px 10px;
    cursor: pointer;
}

    .i-button:hover[b-6gfald2joy] {
        color: black;
        /*background-color: dimgray;*/
    }

/* chain-code */
.my-grid thead tr th:nth-child(4) > *[b-6gfald2joy],
.my-grid tbody tr td:nth-child(4) > *[b-6gfald2joy] {
    display: flex;
    justify-content: center;
    width: auto;
    direction: ltr;
    font-size: 12px;
    font-family: monospace;
    text-spacing: auto;
    font-weight: 500;
}

/* user */
.my-grid thead tr th:nth-child(5) > *[b-6gfald2joy],
.my-grid tbody tr td:nth-child(5) > *[b-6gfald2joy] {
    display: flex;
    justify-content: flex-start;
    width: 30%;
}

/* affected user */
/*.my-grid thead tr th:nth-child(5) > *,
.my-grid tbody tr td:nth-child(5) > * {
    display: flex;
    justify-content: flex-start;
    width: 30%;
}*/

/* customer */
/*.my-grid thead tr th:nth-child(6) > *,
.my-grid tbody tr td:nth-child(6) > * {
    display: flex;
    justify-content: flex-start;
    width: 30%;
}*/

/* description */
.my-grid thead tr th:nth-child(6) > *[b-6gfald2joy],
.my-grid tbody tr td:nth-child(6) > *[b-6gfald2joy] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}
/* /Components/Pages/Chronicle/UserPage.razor.rz.scp.css */
body[b-m1rljtj4fl] {
}

.pointer[b-m1rljtj4fl] {
    cursor: pointer;
}

.scrollable-div[b-m1rljtj4fl] {
    height: 100vh;
    width: 100%;
    overflow-y: auto; /* enables vertical scrolling */
    overflow-x: hidden; /* prevents horizontal scrolling */
    /*border: 1px solid #ccc;*/
    padding: 10px 0;
}

/* Fix height and enable scrolling */
.grid[b-m1rljtj4fl] {
    width: 100%;
    height: 40rem;
    overflow-y: auto;
    border-width: 1px;
    border-color: silver;
    padding: 2px;
    margin: 2px;
}

/* Sticky header while scrolling */
[b-m1rljtj4fl] table {
    min-width: 100%;
}

[b-m1rljtj4fl] thead {
    position: sticky;
    top: 0;
    background-color: #d8d8d8;
    outline: 1px solid gray;
    font-size: 12px;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-m1rljtj4fl] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-m1rljtj4fl] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* max-width: 0; */
    text-overflow: ellipsis;
}

/* Stripe effect */
[b-m1rljtj4fl] tbody tr {
    background-color: #000000;
    background-color: rgba(0,0,0,0.04);
    /* Don't collapse rows even if they are empty */
    /* height: 1.8rem; */
}

    [b-m1rljtj4fl] tbody tr:nth-child(odd) {
        background: #ffffff;
        background: rgba(255,255,255,0.4);
    }

/* Magnifying glass */
.grid[b-m1rljtj4fl]  .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}

/* grid Button styles */
.grid-button[b-m1rljtj4fl] {
    border-width: 0;
    background-color: transparent;
    /* color: dimgray; */
    color: #0d6efd;
    font-size: 11px;
    /* font: 200 11px verdana; */
}

    .grid-button:hover[b-m1rljtj4fl] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button:active[b-m1rljtj4fl] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

img[b-m1rljtj4fl] {
    height: 25px;
    width: 25px;
}

/* Container for the input and icon */
.select-container[b-m1rljtj4fl] {
    position: relative;
    display: inline-block;
    width: 150px;
}

.input-container[b-m1rljtj4fl] {
    position: relative;
    display: inline-block;
    width: 300px;
}

/* Input field styling */
.input-field[b-m1rljtj4fl] {
    width: 100%;
    padding: 10px 30px 10px 10px; /* Add padding to make space for the icon */
    /*font-size: 16px;*/
    border: 1px solid #ccc;
    border-radius: 10px;
}

.magnifier-icon[b-m1rljtj4fl] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-input-container[b-m1rljtj4fl] {
    position: relative;
    display: inline-block;
    width: 200px;
    direction: ltr;
}

.latin-input-field[b-m1rljtj4fl] {
    width: 100%;
    padding: 10px 10px 10px 40px; /* Add padding to make space for the icon */
    border: 1px solid #ccc;
    border-radius: 10px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-transform: uppercase;
}

.latin-magnifier-icon[b-m1rljtj4fl] {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-info-section[b-m1rljtj4fl] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    direction: ltr;
    margin: auto;
    color: #888;
    font-size: 12px;
    font-weight: 400;
}

.filter-info[b-m1rljtj4fl] {
    font-size: 10px;
    color: dimgray;
    font-weight: lighter;
}

/* chain-code */
.my-grid thead tr th:nth-child(1) > *[b-m1rljtj4fl],
.my-grid tbody tr td:nth-child(1) > *[b-m1rljtj4fl] {
    display: flex;
    justify-content: center;
    width: 100%;
    direction: ltr;
    font-size: 12px;
    font-family: monospace;
    text-spacing: auto;
    font-weight: 500;
}

/* customer */
.my-grid thead tr th:nth-child(6) > *[b-m1rljtj4fl],
.my-grid tbody tr td:nth-child(6) > *[b-m1rljtj4fl] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

/* note */
.my-grid thead tr th:nth-child(7) > *[b-m1rljtj4fl],
.my-grid tbody tr td:nth-child(7) > *[b-m1rljtj4fl] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}
/* /Components/Pages/Clientele/AllInOnePage.razor.rz.scp.css */
body[b-wbs4o3wcmo] {
}

.ss-div[b-wbs4o3wcmo] {
    overflow-y: auto;
}

.description-text[b-wbs4o3wcmo] {
    height: 100px;
    text-align: justify;
    color: dimgray;
    font-size: 0.9rem;
}
/* /Components/Pages/Clientele/Customer/SemiListPage.razor.rz.scp.css */
body[b-kmiu9app9f] {
}

.pointer[b-kmiu9app9f] {
    cursor: pointer;
}

/* Fix height and enable scrolling */
.grid[b-kmiu9app9f] {
    width: 100%;
    height: 35rem;
    overflow-y: auto;
    border-width: 2px;
    border-color: black;
    padding: 2px;
    margin: 2px;
}

/* Sticky header while scrolling */
[b-kmiu9app9f] table {
    min-width: 100%;
}

[b-kmiu9app9f] thead {
    position: sticky;
    top: 0;
    /* background-color: #eee; */
    background-color: #d8d8d8;
    outline: 1px solid gray;
    font-size: 12px;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-kmiu9app9f] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-kmiu9app9f] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* max-width: 0; */
    text-overflow: ellipsis;
}

/* Stripe effect */
[b-kmiu9app9f] tbody tr {
    background-color: #000000;
    background-color: rgba(0,0,0,0.04);
    /* Don't collapse rows even if they are empty */
    /* height: 1.8rem; */
}

    [b-kmiu9app9f] tbody tr:nth-child(odd) {
        background: #ffffff;
        background: rgba(255,255,255,0.4);
    }

/* Magnifying glass */
.grid[b-kmiu9app9f]  .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}

/* grid Button styles */
.grid-button[b-kmiu9app9f] {
    border-width: 0;
    background-color: transparent;
    /* color: dimgray; */
    color: #0d6efd;
    font-size: 11px;
    /* font: 200 11px verdana; */
}

    .grid-button:hover[b-kmiu9app9f] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button:active[b-kmiu9app9f] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

img[b-kmiu9app9f] {
    height: 25px;
    width: 25px;
}

/* Container for the input and icon */
.select-container[b-kmiu9app9f] {
    position: relative;
    display: inline-block;
    width: 150px;
}

.input-container[b-kmiu9app9f] {
    position: relative;
    display: inline-block;
    width: 200px;
}

/* Input field styling */
.input-field[b-kmiu9app9f] {
    width: 100%;
    padding: 10px 30px 10px 10px; /* Add padding to make space for the icon */
    /*font-size: 16px;*/
    border: 1px solid #ccc;
    border-radius: 10px;
}

/* Magnifier icon styling */
.magnifier-icon[b-kmiu9app9f] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-input-container[b-kmiu9app9f] {
    position: relative;
    display: inline-block;
    width: 200px;
    direction: ltr;
}

.latin-input-field[b-kmiu9app9f] {
    width: 100%;
    padding: 10px 10px 10px 40px; /* Add padding to make space for the icon */
    border: 1px solid #ccc;
    border-radius: 10px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-transform: uppercase;
}

.latin-magnifier-icon[b-kmiu9app9f] {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-info-section[b-kmiu9app9f] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    direction: ltr;
    margin: auto;
    color: #888;
    font-size: 12px;
    font-weight: 400;
}

.filter-info[b-kmiu9app9f] {
    font-size: 10px;
    color: dimgray;
    font-weight: lighter;
}

.i-button[b-kmiu9app9f] {
    font-size: 1.4rem;
    color: #0d6efd;
    padding: 2px 10px;
    cursor: pointer;
}

    .i-button:hover[b-kmiu9app9f] {
        color: black;
        /*background-color: dimgray;*/
    }

/* lock-serial */
.my-grid thead tr th:nth-child(2) > *[b-kmiu9app9f],
.my-grid tbody tr td:nth-child(2) > *[b-kmiu9app9f] {
    display: flex;
    justify-content: center;
    width: 100%;
    direction: ltr;
    font-size: 12px;
    font-family: monospace;
    text-spacing: auto;
    font-weight: 500;
}

/* full-name */
.my-grid thead tr th:nth-child(3) > *[b-kmiu9app9f],
.my-grid tbody tr td:nth-child(3) > *[b-kmiu9app9f] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

/* company */
.my-grid thead tr th:nth-child(4) > *[b-kmiu9app9f],
.my-grid tbody tr td:nth-child(4) > *[b-kmiu9app9f] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

/* description */
.my-grid thead tr th:nth-child(6) > *[b-kmiu9app9f],
.my-grid tbody tr td:nth-child(6) > *[b-kmiu9app9f] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    font-size: 11px;
}
/* /Components/Pages/Clientele/Proxy/SemiListPage.razor.rz.scp.css */
body[b-klxgejca2y] {
}

.pointer[b-klxgejca2y] {
    cursor: pointer;
}

/* Fix height and enable scrolling */
.grid[b-klxgejca2y] {
    width: 100%;
    height: 35rem;
    overflow-y: auto;
    border-width: 2px;
    border-color: black;
    padding: 2px;
    margin: 2px;
}

/* Sticky header while scrolling */
[b-klxgejca2y] table {
    min-width: 100%;
}

[b-klxgejca2y] thead {
    position: sticky;
    top: 0;
    /* background-color: #eee; */
    background-color: #d8d8d8;
    outline: 1px solid gray;
    font-size: 12px;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-klxgejca2y] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-klxgejca2y] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* max-width: 0; */
    text-overflow: ellipsis;
}

/* Stripe effect */
[b-klxgejca2y] tbody tr {
    background-color: #000000;
    background-color: rgba(0,0,0,0.04);
    /* Don't collapse rows even if they are empty */
    /* height: 1.8rem; */
}

    [b-klxgejca2y] tbody tr:nth-child(odd) {
        background: #ffffff;
        background: rgba(255,255,255,0.4);
    }

/* Magnifying glass */
.grid[b-klxgejca2y]  .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}

/* grid Button styles */
.grid-button[b-klxgejca2y] {
    border-width: 0;
    background-color: transparent;
    /* color: dimgray; */
    color: #0d6efd;
    font-size: 11px;
    /* font: 200 11px verdana; */
}

    .grid-button:hover[b-klxgejca2y] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button:active[b-klxgejca2y] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

img[b-klxgejca2y] {
    height: 25px;
    width: 25px;
}

/* Container for the input and icon */
.select-container[b-klxgejca2y] {
    position: relative;
    display: inline-block;
    width: 150px;
}

.input-container[b-klxgejca2y] {
    position: relative;
    display: inline-block;
    width: 200px;
}

/* Input field styling */
.input-field[b-klxgejca2y] {
    width: 100%;
    padding: 10px 30px 10px 10px; /* Add padding to make space for the icon */
    /*font-size: 16px;*/
    border: 1px solid #ccc;
    border-radius: 10px;
}

/* Magnifier icon styling */
.magnifier-icon[b-klxgejca2y] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-input-container[b-klxgejca2y] {
    position: relative;
    display: inline-block;
    width: 200px;
    direction: ltr;
}

.latin-input-field[b-klxgejca2y] {
    width: 100%;
    padding: 10px 10px 10px 40px; /* Add padding to make space for the icon */
    border: 1px solid #ccc;
    border-radius: 10px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-transform: uppercase;
}

.latin-magnifier-icon[b-klxgejca2y] {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-info-section[b-klxgejca2y] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    direction: ltr;
    margin: auto;
    color: #888;
    font-size: 12px;
    font-weight: 400;
}

.filter-info[b-klxgejca2y] {
    font-size: 10px;
    color: dimgray;
    font-weight: lighter;
}

.i-button[b-klxgejca2y] {
    font-size: 1.4rem;
    color: #0d6efd;
    padding: 2px 10px;
    cursor: pointer;
}

    .i-button:hover[b-klxgejca2y] {
        color: black;
        /*background-color: dimgray;*/
    }

/* full-name */
.my-grid thead tr th:nth-child(2) > *[b-klxgejca2y],
.my-grid tbody tr td:nth-child(2) > *[b-klxgejca2y] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

/* description */
.my-grid thead tr th:nth-child(4) > *[b-klxgejca2y],
.my-grid tbody tr td:nth-child(4) > *[b-klxgejca2y] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}
/* /Components/Pages/DashboardPage.razor.rz.scp.css */
body[b-668xjgaduv] {
}

.scrollable-div[b-668xjgaduv] {
    height: 100vh;
    width: 100%;
    overflow-y: auto; /* enables vertical scrolling */
    overflow-x: hidden; /* prevents horizontal scrolling */
    /*border: 1px solid #ccc;*/
    padding: 10px 0;
    scrollbar-width: none;
}
/* /Components/Pages/FlavorBacklog/ListComponent.razor.rz.scp.css */
body[b-9m8r1dv4na] {
}

.pointer[b-9m8r1dv4na] {
    cursor: pointer;
}

/* Fix height and enable scrolling */
.grid[b-9m8r1dv4na] {
    width: 100%;
    /*height: 35rem;*/
    /*height: 100%;*/
    height: 70vh;
    /* top: 60px; */
    overflow-y: auto;
    border-width: 1px;
    border-color: silver;
    padding: 2px;
    margin: 2px;
    font-size: 12px;
}

/* Sticky header while scrolling */
[b-9m8r1dv4na] table {
    min-width: 100%;
}

[b-9m8r1dv4na] thead {
    position: sticky;
    top: 0;
    /* background-color: #eee; */
    background-color: #d8d8d8;
    outline: 1px solid gray;
    font-size: 12px;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-9m8r1dv4na] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-9m8r1dv4na] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* max-width: 0; */
    text-overflow: ellipsis;
}

/* Stripe effect */
[b-9m8r1dv4na] tbody tr {
    background-color: #000000;
    background-color: rgba(0,0,0,0.04);
    /* Don't collapse rows even if they are empty */
    /* height: 1.8rem; */
}

    [b-9m8r1dv4na] tbody tr:nth-child(odd) {
        background: #ffffff;
        background: rgba(255,255,255,0.4);
    }

/* Magnifying glass */
.grid[b-9m8r1dv4na]  .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}

/* grid Button styles */
.grid-button[b-9m8r1dv4na] {
    border-width: 0;
    background-color: transparent;
    /* color: dimgray; */
    color: #0d6efd;
    font-size: 11px;
    /* font: 200 11px verdana; */
}

    .grid-button:hover[b-9m8r1dv4na] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button:active[b-9m8r1dv4na] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

img[b-9m8r1dv4na] {
    height: 25px;
    width: 25px;
}

/* Container for the input and icon */
.input-container[b-9m8r1dv4na] {
    position: relative;
    display: inline-block;
    width: 200px;
}

/* Input field styling */
.input-field[b-9m8r1dv4na] {
    width: 100%;
    padding: 10px 30px 10px 10px; /* Add padding to make space for the icon */
    /*font-size: 16px;*/
    border: 1px solid #ccc;
    border-radius: 10px;
}

/* Magnifier icon styling */
.magnifier-icon[b-9m8r1dv4na] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-info-section[b-9m8r1dv4na] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    direction: ltr;
    margin: auto;
    color: #888;
    font-size: 12px;
    font-weight: 400;
}

.i-button[b-9m8r1dv4na] {
    font-size: 1.4rem;
    color: #0d6efd;
    padding: 2px 10px;
    cursor: pointer;
}

    .i-button:hover[b-9m8r1dv4na] {
        color: black;
        /*background-color: dimgray;*/
    }

.my-grid thead tr th:nth-child(2) > *[b-9m8r1dv4na],
.my-grid tbody tr td:nth-child(2) > *[b-9m8r1dv4na] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}
/* /Components/Pages/Herald/ChitchatPage.razor.rz.scp.css */
body[b-nqtnzc4gw0] {
}

.pointer[b-nqtnzc4gw0] {
    cursor: pointer;
}

/* Fix height and enable scrolling */
.grid[b-nqtnzc4gw0] {
    width: 100%;
    height: 40rem;
    overflow-y: auto;
    border-width: 1px;
    border-color: silver;
    padding: 2px;
    margin: 2px;
}

/* Sticky header while scrolling */
[b-nqtnzc4gw0] table {
    min-width: 100%;
}

[b-nqtnzc4gw0] thead {
    position: sticky;
    top: 0;
    background-color: #d8d8d8;
    outline: 1px solid gray;
    font-size: 12px;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-nqtnzc4gw0] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-nqtnzc4gw0] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* max-width: 0; */
    text-overflow: ellipsis;
}

/* Stripe effect */
[b-nqtnzc4gw0] tbody tr {
    background-color: #000000;
    background-color: rgba(0,0,0,0.04);
    /* Don't collapse rows even if they are empty */
    /* height: 1.8rem; */
}

    [b-nqtnzc4gw0] tbody tr:nth-child(odd) {
        background: #ffffff;
        background: rgba(255,255,255,0.4);
    }

/* Magnifying glass */
.grid[b-nqtnzc4gw0]  .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}

/* grid Button styles */
.grid-button[b-nqtnzc4gw0] {
    border-width: 0;
    background-color: transparent;
    /* color: dimgray; */
    color: #0d6efd;
    font-size: 11px;
    /* font: 200 11px verdana; */
}

    .grid-button:hover[b-nqtnzc4gw0] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button:active[b-nqtnzc4gw0] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

img[b-nqtnzc4gw0] {
    height: 25px;
    width: 25px;
}

/* Container for the input and icon */
.input-container[b-nqtnzc4gw0] {
    position: relative;
    display: inline-block;
    width: 200px;
}

/* Input field styling */
.input-field[b-nqtnzc4gw0] {
    width: 100%;
    padding: 10px 30px 10px 10px; /* Add padding to make space for the icon */
    /*font-size: 16px;*/
    border: 1px solid #ccc;
    border-radius: 10px;
}

/* Magnifier icon styling */
.magnifier-icon[b-nqtnzc4gw0] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-info-section[b-nqtnzc4gw0] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    direction: ltr;
    margin: auto;
    color: #888;
    font-size: 12px;
    font-weight: 400;
}

.filter-info[b-nqtnzc4gw0] {
    font-size: 10px;
    color: dimgray;
    font-weight: lighter;
}

.i-button[b-nqtnzc4gw0] {
    font-size: 1.4rem;
    color: #0d6efd;
    padding: 2px 10px;
    cursor: pointer;
}

    .i-button:hover[b-nqtnzc4gw0] {
        color: black;
        /*background-color: dimgray;*/
    }

/* seen-unseen */
.my-grid thead tr th:nth-child(2) > *[b-nqtnzc4gw0],
.my-grid tbody tr td:nth-child(2) > *[b-nqtnzc4gw0] {
    width: 30px;
}

/* delineation */
.my-grid thead tr th:nth-child(3) > *[b-nqtnzc4gw0],
.my-grid tbody tr td:nth-child(3) > *[b-nqtnzc4gw0] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

/* operation */
.my-grid thead tr th:nth-child(4) > *[b-nqtnzc4gw0],
.my-grid tbody tr td:nth-child(4) > *[b-nqtnzc4gw0] {
    display: flex;
    justify-content: flex-end;
}
/* /Components/Pages/Herald/EditPage.razor.rz.scp.css */
body[b-mi3rpqftmm] {
}

.scrollable-div[b-mi3rpqftmm] {
    height: 100vh;
    width: 100%;
    overflow-y: auto; /* enables vertical scrolling */
    overflow-x: hidden; /* prevents horizontal scrolling */
    /*border: 1px solid #ccc;*/
    padding: 10px 0;
}
/* /Components/Pages/HumanResource/AllInOnePage.razor.rz.scp.css */
body[b-b3ul4k0vgy] {
}

.ss-div[b-b3ul4k0vgy] {
    overflow-y: auto;
}

.description-text[b-b3ul4k0vgy] {
    height: 100px;
    text-align: justify;
    color: dimgray;
    font-size: 0.9rem;
}
/* /Components/Pages/HumanResource/Attendance/ListPage.razor.rz.scp.css */
body[b-19yu1w39at] {
}

.pointer[b-19yu1w39at] {
    cursor: pointer;
}

/* Fix height and enable scrolling */
.grid[b-19yu1w39at] {
    width: 100%;
    height: 38rem;
    /* top: 60px; */
    overflow-y: auto;
    border-width: 1px;
    border-color: silver;
    padding: 2px;
    margin: 2px;
    /*font-size: 12px;*/
}

/* Sticky header while scrolling */
[b-19yu1w39at] table {
    min-width: 100%;
}

[b-19yu1w39at] thead {
    position: sticky;
    top: 0;
    /* background-color: #eee; */
    background-color: #d8d8d8;
    outline: 1px solid gray;
    font-size: 12px;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-19yu1w39at] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-19yu1w39at] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* max-width: 0; */
    text-overflow: ellipsis;
}

/* Stripe effect */
[b-19yu1w39at] tbody tr {
    background-color: #000000;
    background-color: rgba(0,0,0,0.04);
    /* Don't collapse rows even if they are empty */
    /* height: 1.8rem; */
}

    [b-19yu1w39at] tbody tr:nth-child(odd) {
        background: #ffffff;
        background: rgba(255,255,255,0.4);
    }

/* Magnifying glass */
.grid[b-19yu1w39at]  .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}

/* grid Button styles */
.grid-button[b-19yu1w39at] {
    border-width: 0;
    background-color: transparent;
    /* color: dimgray; */
    color: #0d6efd;
    font-size: 13px;
    /* font: 200 11px verdana; */
}

    .grid-button:hover[b-19yu1w39at] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button:active[b-19yu1w39at] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

img[b-19yu1w39at] {
    height: 25px;
    width: 25px;
}

/* Container for the input and icon */
.select-container[b-19yu1w39at] {
    position: relative;
    display: inline-block;
    width: 150px;
}

/* Container for the input and icon */
.input-container[b-19yu1w39at] {
    position: relative;
    display: inline-block;
    width: 200px;
}

/* Input field styling */
.input-field[b-19yu1w39at] {
    width: 100%;
    padding: 10px 30px 10px 10px; /* Add padding to make space for the icon */
    /*font-size: 16px;*/
    border: 1px solid #ccc;
    border-radius: 10px;
}

/* Magnifier icon styling */
.magnifier-icon[b-19yu1w39at] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-info-section[b-19yu1w39at] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    direction: ltr;
    margin: auto;
    color: #888;
    font-size: 12px;
    font-weight: 400;
}

.filter-info[b-19yu1w39at] {
    font-size: 10px;
    color: dimgray;
    font-weight: lighter;
}

.i-button[b-19yu1w39at] {
    font-size: 1.4rem;
    color: #0d6efd;
    padding: 2px 10px;
    cursor: pointer;
}

    .i-button:hover[b-19yu1w39at] {
        color: black;
        /*background-color: dimgray;*/
    }

.eye-catching-label[b-19yu1w39at] {
    /*margin: auto;*/
    padding: 0 1px;
    margin: 0;
    color: whitesmoke;
    background-color: crimson;
    font-size: 10px;
    font-weight: lighter;
}

/* date */
.my-grid thead tr th:nth-child(1) > *[b-19yu1w39at],
.my-grid tbody tr td:nth-child(1) > *[b-19yu1w39at] {
    display: flex;
    justify-content: center;
    width: 100%;
}

/* alias */
.my-grid thead tr th:nth-child(3) > *[b-19yu1w39at],
.my-grid tbody tr td:nth-child(3) > *[b-19yu1w39at] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

/* 3,4,5,6,7,8,9 */
.my-grid thead tr th:nth-child(4) > *[b-19yu1w39at],
.my-grid tbody tr td:nth-child(4) > *[b-19yu1w39at],
.my-grid thead tr th:nth-child(5) > *[b-19yu1w39at],
.my-grid tbody tr td:nth-child(5) > *[b-19yu1w39at],
.my-grid thead tr th:nth-child(6) > *[b-19yu1w39at],
.my-grid tbody tr td:nth-child(6) > *[b-19yu1w39at],
.my-grid thead tr th:nth-child(7) > *[b-19yu1w39at],
.my-grid tbody tr td:nth-child(7) > *[b-19yu1w39at],
.my-grid thead tr th:nth-child(8) > *[b-19yu1w39at],
.my-grid tbody tr td:nth-child(8) > *[b-19yu1w39at],
.my-grid thead tr th:nth-child(9) > *[b-19yu1w39at],
.my-grid tbody tr td:nth-child(9) > *[b-19yu1w39at],
.my-grid thead tr th:nth-child(10) > *[b-19yu1w39at],
.my-grid tbody tr td:nth-child(10) > *[b-19yu1w39at],
.my-grid thead tr th:nth-child(11) > *[b-19yu1w39at],
.my-grid tbody tr td:nth-child(11) > *[b-19yu1w39at],
.my-grid thead tr th:nth-child(12) > *[b-19yu1w39at],
.my-grid tbody tr td:nth-child(12) > *[b-19yu1w39at],
.my-grid thead tr th:nth-child(13) > *[b-19yu1w39at],
.my-grid tbody tr td:nth-child(13) > *[b-19yu1w39at],
.my-grid thead tr th:nth-child(14) > *[b-19yu1w39at],
.my-grid tbody tr td:nth-child(14) > *[b-19yu1w39at] {
    display: flex;
    justify-content: center;
    width: 40%;
}

/* operation */
/*.my-grid thead tr th:nth-child(10) > *,
.my-grid tbody tr td:nth-child(10) > * {
    display: flex;
    justify-content: center;
    width: 20%;
}*/
/* /Components/Pages/HumanResource/Attendance/UserListPage.razor.rz.scp.css */
body[b-2tylyirw1k] {
}

.pointer[b-2tylyirw1k] {
    cursor: pointer;
}

/* Fix height and enable scrolling */
.grid[b-2tylyirw1k] {
    width: 100%;
    height: 38rem;
    /* top: 60px; */
    overflow-y: auto;
    border-width: 1px;
    border-color: silver;
    padding: 2px;
    margin: 2px;
    /*font-size: 12px;*/
}

/* Sticky header while scrolling */
[b-2tylyirw1k] table {
    min-width: 100%;
}

[b-2tylyirw1k] thead {
    position: sticky;
    top: 0;
    /* background-color: #eee; */
    background-color: #d8d8d8;
    outline: 1px solid gray;
    font-size: 12px;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-2tylyirw1k] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-2tylyirw1k] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* max-width: 0; */
    text-overflow: ellipsis;
}

/* Stripe effect */
[b-2tylyirw1k] tbody tr {
    background-color: #000000;
    background-color: rgba(0,0,0,0.04);
    /* Don't collapse rows even if they are empty */
    /* height: 1.8rem; */
}

    [b-2tylyirw1k] tbody tr:nth-child(odd) {
        background: #ffffff;
        background: rgba(255,255,255,0.4);
    }

/* Magnifying glass */
.grid[b-2tylyirw1k]  .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}

/* grid Button styles */
.grid-button[b-2tylyirw1k] {
    border-width: 0;
    background-color: transparent;
    /* color: dimgray; */
    color: #0d6efd;
    font-size: 13px;
    /* font: 200 11px verdana; */
}

    .grid-button:hover[b-2tylyirw1k] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button:active[b-2tylyirw1k] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

img[b-2tylyirw1k] {
    height: 25px;
    width: 25px;
}

/* Container for the input and icon */
.input-container[b-2tylyirw1k] {
    position: relative;
    display: inline-block;
    width: 200px;
}

/* Container for the input and icon */
.select-container[b-2tylyirw1k] {
    position: relative;
    display: inline-block;
    width: 150px;
}

/* Input field styling */
.input-field[b-2tylyirw1k] {
    width: 100%;
    padding: 10px 30px 10px 10px; /* Add padding to make space for the icon */
    /*font-size: 16px;*/
    border: 1px solid #ccc;
    border-radius: 10px;
}

/* Magnifier icon styling */
.magnifier-icon[b-2tylyirw1k] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-info-section[b-2tylyirw1k] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    direction: ltr;
    margin: auto;
    color: #888;
    font-size: 12px;
    font-weight: 400;
}

.filter-info[b-2tylyirw1k] {
    font-size: 10px;
    color: dimgray;
    font-weight: lighter;
}

.i-button[b-2tylyirw1k] {
    font-size: 1.4rem;
    color: #0d6efd;
    padding: 2px 10px;
    cursor: pointer;
}

    .i-button:hover[b-2tylyirw1k] {
        color: black;
        /*background-color: dimgray;*/
    }

.eye-catching-label[b-2tylyirw1k] {
    /*margin: auto;*/
    padding: 0 1px;
    margin: 0;
    color: whitesmoke;
    background-color: crimson;
    font-size: 10px;
    font-weight: lighter;
}

/* date */
.my-grid thead tr th:nth-child(1) > *[b-2tylyirw1k],
.my-grid tbody tr td:nth-child(1) > *[b-2tylyirw1k] {
    display: flex;
    justify-content: center;
    width: 100%;
}

/* 2,3,4,5,6,7,8 */
.my-grid thead tr th:nth-child(3) > *[b-2tylyirw1k],
.my-grid tbody tr td:nth-child(3) > *[b-2tylyirw1k],
.my-grid thead tr th:nth-child(4) > *[b-2tylyirw1k],
.my-grid tbody tr td:nth-child(4) > *[b-2tylyirw1k],
.my-grid thead tr th:nth-child(5) > *[b-2tylyirw1k],
.my-grid tbody tr td:nth-child(5) > *[b-2tylyirw1k],
.my-grid thead tr th:nth-child(6) > *[b-2tylyirw1k],
.my-grid tbody tr td:nth-child(6) > *[b-2tylyirw1k],
.my-grid thead tr th:nth-child(7) > *[b-2tylyirw1k],
.my-grid tbody tr td:nth-child(7) > *[b-2tylyirw1k],
.my-grid thead tr th:nth-child(8) > *[b-2tylyirw1k],
.my-grid tbody tr td:nth-child(8) > *[b-2tylyirw1k],
.my-grid thead tr th:nth-child(9) > *[b-2tylyirw1k],
.my-grid tbody tr td:nth-child(9) > *[b-2tylyirw1k],
.my-grid thead tr th:nth-child(10) > *[b-2tylyirw1k],
.my-grid tbody tr td:nth-child(10) > *[b-2tylyirw1k],
.my-grid thead tr th:nth-child(11) > *[b-2tylyirw1k],
.my-grid tbody tr td:nth-child(11) > *[b-2tylyirw1k],
.my-grid thead tr th:nth-child(12) > *[b-2tylyirw1k],
.my-grid tbody tr td:nth-child(12) > *[b-2tylyirw1k],
.my-grid thead tr th:nth-child(13) > *[b-2tylyirw1k],
.my-grid tbody tr td:nth-child(13) > *[b-2tylyirw1k] {
    display: flex;
    justify-content: center;
    width: 40%;
}

/* operation */
.my-grid thead tr th:nth-child(9) > *[b-2tylyirw1k],
.my-grid tbody tr td:nth-child(9) > *[b-2tylyirw1k] {
    display: flex;
    justify-content: center;
    width: 20%;
}
/* /Components/Pages/HumanResource/Department/ListPage.razor.rz.scp.css */
body[b-vjjcrckei8] {
}

.pointer[b-vjjcrckei8] {
    cursor: pointer;
}

/* Fix height and enable scrolling */
.grid[b-vjjcrckei8] {
    width: 100%;
    height: 38rem;
    /* top: 60px; */
    overflow-y: auto;
    border-width: 1px;
    border-color: silver;
    padding: 2px;
    margin: 2px;
    /*font-size: 12px;*/
}

/* Sticky header while scrolling */
[b-vjjcrckei8] table {
    min-width: 100%;
}

[b-vjjcrckei8] thead {
    position: sticky;
    top: 0;
    /* background-color: #eee; */
    background-color: #d8d8d8;
    outline: 1px solid gray;
    font-size: 12px;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-vjjcrckei8] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-vjjcrckei8] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* max-width: 0; */
    text-overflow: ellipsis;
}

/* Stripe effect */
[b-vjjcrckei8] tbody tr {
    background-color: #000000;
    background-color: rgba(0,0,0,0.04);
    /* Don't collapse rows even if they are empty */
    /* height: 1.8rem; */
}

    [b-vjjcrckei8] tbody tr:nth-child(odd) {
        background: #ffffff;
        background: rgba(255,255,255,0.4);
    }

/* Magnifying glass */
.grid[b-vjjcrckei8]  .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}

/* grid Button styles */
.grid-button[b-vjjcrckei8] {
    border-width: 0;
    background-color: transparent;
    /* color: dimgray; */
    color: #0d6efd;
    font-size: 13px;
    /* font: 200 11px verdana; */
}

    .grid-button:hover[b-vjjcrckei8] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button:active[b-vjjcrckei8] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

img[b-vjjcrckei8] {
    height: 25px;
    width: 25px;
}

/* Container for the input and icon */
.input-container[b-vjjcrckei8] {
    position: relative;
    display: inline-block;
    width: 200px;
}

/* Input field styling */
.input-field[b-vjjcrckei8] {
    width: 100%;
    padding: 10px 30px 10px 10px; /* Add padding to make space for the icon */
    /*font-size: 16px;*/
    border: 1px solid #ccc;
    border-radius: 10px;
}

/* Magnifier icon styling */
.magnifier-icon[b-vjjcrckei8] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-info-section[b-vjjcrckei8] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    direction: ltr;
    margin: auto;
    color: #888;
    font-size: 12px;
    font-weight: 400;
}

.filter-info[b-vjjcrckei8] {
    font-size: 10px;
    color: dimgray;
    font-weight: lighter;
}

.i-button[b-vjjcrckei8] {
    font-size: 1.4rem;
    color: #0d6efd;
    padding: 2px 10px;
    cursor: pointer;
}

    .i-button:hover[b-vjjcrckei8] {
        color: black;
        /*background-color: dimgray;*/
    }

.eye-catching-label[b-vjjcrckei8] {
    /*margin: auto;*/
    padding: 0 1px;
    margin: 0;
    color: whitesmoke;
    background-color: crimson;
    font-size: 10px;
    font-weight: lighter;
}

/* type */
.my-grid thead tr th:nth-child(1) > *[b-vjjcrckei8],
.my-grid tbody tr td:nth-child(1) > *[b-vjjcrckei8] {
    display: flex;
    justify-content: center;
    width: 30%;
}

/* name */
.my-grid thead tr th:nth-child(2) > *[b-vjjcrckei8],
.my-grid tbody tr td:nth-child(2) > *[b-vjjcrckei8] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

/* operation */
.my-grid thead tr th:nth-child(3) > *[b-vjjcrckei8],
.my-grid tbody tr td:nth-child(3) > *[b-vjjcrckei8] {
    display: flex;
    justify-content: center;
    width: 40%;
}
/* /Components/Pages/HumanResource/ImportHistory/ErrorListPage.razor.rz.scp.css */
body[b-c71nl0u5s8] {
}

.pointer[b-c71nl0u5s8] {
    cursor: pointer;
}

/* Fix height and enable scrolling */
.grid[b-c71nl0u5s8] {
    width: 100%;
    height: 38rem;
    /* top: 60px; */
    overflow-y: auto;
    border-width: 1px;
    border-color: silver;
    padding: 2px;
    margin: 2px;
    /*font-size: 12px;*/
}

/* Sticky header while scrolling */
[b-c71nl0u5s8] table {
    min-width: 100%;
}

[b-c71nl0u5s8] thead {
    position: sticky;
    top: 0;
    /* background-color: #eee; */
    background-color: #d8d8d8;
    outline: 1px solid gray;
    font-size: 12px;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-c71nl0u5s8] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-c71nl0u5s8] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* max-width: 0; */
    text-overflow: ellipsis;
}

/* Stripe effect */
[b-c71nl0u5s8] tbody tr {
    background-color: #000000;
    background-color: rgba(0,0,0,0.04);
    /* Don't collapse rows even if they are empty */
    /* height: 1.8rem; */
}

    [b-c71nl0u5s8] tbody tr:nth-child(odd) {
        background: #ffffff;
        background: rgba(255,255,255,0.4);
    }

/* Magnifying glass */
.grid[b-c71nl0u5s8]  .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}

/* grid Button styles */
.grid-button[b-c71nl0u5s8] {
    border-width: 0;
    background-color: transparent;
    /* color: dimgray; */
    color: #0d6efd;
    font-size: 13px;
    /* font: 200 11px verdana; */
}

    .grid-button:hover[b-c71nl0u5s8] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button:active[b-c71nl0u5s8] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

img[b-c71nl0u5s8] {
    height: 25px;
    width: 25px;
}

/* Container for the input and icon */
.input-container[b-c71nl0u5s8] {
    position: relative;
    display: inline-block;
    width: 200px;
}

/* Input field styling */
.input-field[b-c71nl0u5s8] {
    width: 100%;
    padding: 10px 30px 10px 10px; /* Add padding to make space for the icon */
    /*font-size: 16px;*/
    border: 1px solid #ccc;
    border-radius: 10px;
}

/* Magnifier icon styling */
.magnifier-icon[b-c71nl0u5s8] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-info-section[b-c71nl0u5s8] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    direction: ltr;
    margin: auto;
    color: #888;
    font-size: 12px;
    font-weight: 400;
}

.filter-info[b-c71nl0u5s8] {
    font-size: 10px;
    color: dimgray;
    font-weight: lighter;
}

.i-button[b-c71nl0u5s8] {
    font-size: 1.4rem;
    color: #0d6efd;
    padding: 2px 10px;
    cursor: pointer;
}

    .i-button:hover[b-c71nl0u5s8] {
        color: black;
        /*background-color: dimgray;*/
    }

.eye-catching-label[b-c71nl0u5s8] {
    /*margin: auto;*/
    padding: 0 1px;
    margin: 0;
    color: whitesmoke;
    background-color: crimson;
    font-size: 10px;
    font-weight: lighter;
}

.latin-label[b-c71nl0u5s8] {
    direction: ltr;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 11px;
}

/* description */
.my-grid thead tr th:nth-child(1) > *[b-c71nl0u5s8],
.my-grid tbody tr td:nth-child(1) > *[b-c71nl0u5s8] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

/* operation */
.my-grid thead tr th:nth-child(2) > *[b-c71nl0u5s8],
.my-grid tbody tr td:nth-child(2) > *[b-c71nl0u5s8] {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}
/* /Components/Pages/HumanResource/ImportHistory/ListPage.razor.rz.scp.css */
body[b-nvbohthmmp] {
}

.pointer[b-nvbohthmmp] {
    cursor: pointer;
}

/* Fix height and enable scrolling */
.grid[b-nvbohthmmp] {
    width: 100%;
    height: 38rem;
    /* top: 60px; */
    overflow-y: auto;
    border-width: 1px;
    border-color: silver;
    padding: 2px;
    margin: 2px;
    /*font-size: 12px;*/
}

/* Sticky header while scrolling */
[b-nvbohthmmp] table {
    min-width: 100%;
}

[b-nvbohthmmp] thead {
    position: sticky;
    top: 0;
    /* background-color: #eee; */
    background-color: #d8d8d8;
    outline: 1px solid gray;
    font-size: 12px;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-nvbohthmmp] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-nvbohthmmp] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* max-width: 0; */
    text-overflow: ellipsis;
}

/* Stripe effect */
[b-nvbohthmmp] tbody tr {
    background-color: #000000;
    background-color: rgba(0,0,0,0.04);
    /* Don't collapse rows even if they are empty */
    /* height: 1.8rem; */
}

    [b-nvbohthmmp] tbody tr:nth-child(odd) {
        background: #ffffff;
        background: rgba(255,255,255,0.4);
    }

/* Magnifying glass */
.grid[b-nvbohthmmp]  .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}

/* grid Button styles */
.grid-button[b-nvbohthmmp] {
    border-width: 0;
    background-color: transparent;
    /* color: dimgray; */
    color: #0d6efd;
    font-size: 13px;
    /* font: 200 11px verdana; */
}

    .grid-button:hover[b-nvbohthmmp] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button:active[b-nvbohthmmp] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

img[b-nvbohthmmp] {
    height: 25px;
    width: 25px;
}

/* Container for the input and icon */
.input-container[b-nvbohthmmp] {
    position: relative;
    display: inline-block;
    width: 200px;
}

/* Input field styling */
.input-field[b-nvbohthmmp] {
    width: 100%;
    padding: 10px 30px 10px 10px; /* Add padding to make space for the icon */
    /*font-size: 16px;*/
    border: 1px solid #ccc;
    border-radius: 10px;
}

/* Magnifier icon styling */
.magnifier-icon[b-nvbohthmmp] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-info-section[b-nvbohthmmp] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    direction: ltr;
    margin: auto;
    color: #888;
    font-size: 12px;
    font-weight: 400;
}

.filter-info[b-nvbohthmmp] {
    font-size: 10px;
    color: dimgray;
    font-weight: lighter;
}

.i-button[b-nvbohthmmp] {
    font-size: 1.4rem;
    color: #0d6efd;
    padding: 2px 10px;
    cursor: pointer;
    margin: 0 0 0 4px;
}

    .i-button:hover[b-nvbohthmmp] {
        color: black;
        /*background-color: dimgray;*/
    }

.eye-catching-label[b-nvbohthmmp] {
    /*margin: auto;*/
    padding: 0 1px;
    margin: 0;
    color: whitesmoke;
    background-color: crimson;
    font-size: 10px;
    font-weight: lighter;
}

.latin-label[b-nvbohthmmp] {
    direction: ltr;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 11px;
}

/* mood */
.my-grid thead tr th:nth-child(1) > *[b-nvbohthmmp],
.my-grid tbody tr td:nth-child(1) > *[b-nvbohthmmp] {
    display: flex;
    justify-content: center;
    width: 10%;
}

/* alias-name */
.my-grid thead tr th:nth-child(3) > *[b-nvbohthmmp],
.my-grid tbody tr td:nth-child(3) > *[b-nvbohthmmp] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

/* file-name */
.my-grid thead tr th:nth-child(4) > *[b-nvbohthmmp],
.my-grid tbody tr td:nth-child(4) > *[b-nvbohthmmp] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    direction: ltr;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* errors-count */
.my-grid thead tr th:nth-child(5) > *[b-nvbohthmmp],
.my-grid tbody tr td:nth-child(5) > *[b-nvbohthmmp] {
    display: flex;
    justify-content: center;
    width: 10%;
}

/* operation */
.my-grid thead tr th:nth-child(6) > *[b-nvbohthmmp],
.my-grid tbody tr td:nth-child(6) > *[b-nvbohthmmp] {
    display: flex;
    justify-content: flex-start;
    width: 30%;
}
/* /Components/Pages/HumanResource/Off/ListPage.razor.rz.scp.css */
body[b-07awfekv8r] {
}

.pointer[b-07awfekv8r] {
    cursor: pointer;
}

/* Fix height and enable scrolling */
.grid[b-07awfekv8r] {
    width: 100%;
    height: 38rem;
    /* top: 60px; */
    overflow-y: auto;
    border-width: 1px;
    border-color: silver;
    padding: 2px;
    margin: 2px;
    /*font-size: 12px;*/
}

/* Sticky header while scrolling */
[b-07awfekv8r] table {
    min-width: 100%;
}

[b-07awfekv8r] thead {
    position: sticky;
    top: 0;
    /* background-color: #eee; */
    background-color: #d8d8d8;
    outline: 1px solid gray;
    font-size: 12px;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-07awfekv8r] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-07awfekv8r] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* max-width: 0; */
    text-overflow: ellipsis;
}

/* Stripe effect */
[b-07awfekv8r] tbody tr {
    background-color: #000000;
    background-color: rgba(0,0,0,0.04);
    /* Don't collapse rows even if they are empty */
    /* height: 1.8rem; */
}

    [b-07awfekv8r] tbody tr:nth-child(odd) {
        background: #ffffff;
        background: rgba(255,255,255,0.4);
    }

/* Magnifying glass */
.grid[b-07awfekv8r]  .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}

/* grid Button styles */
.grid-button[b-07awfekv8r] {
    border-width: 0;
    background-color: transparent;
    /* color: dimgray; */
    color: #0d6efd;
    font-size: 13px;
    /* font: 200 11px verdana; */
}

    .grid-button:hover[b-07awfekv8r] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button:active[b-07awfekv8r] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

img[b-07awfekv8r] {
    height: 25px;
    width: 25px;
}

/* Container for the input and icon */
.select-container[b-07awfekv8r] {
    position: relative;
    display: inline-block;
    width: 150px;
}

/* Container for the input and icon */
.input-container[b-07awfekv8r] {
    position: relative;
    display: inline-block;
    width: 200px;
}

/* Input field styling */
.input-field[b-07awfekv8r] {
    width: 100%;
    padding: 10px 30px 10px 10px; /* Add padding to make space for the icon */
    /*font-size: 16px;*/
    border: 1px solid #ccc;
    border-radius: 10px;
}

/* Magnifier icon styling */
.magnifier-icon[b-07awfekv8r] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-info-section[b-07awfekv8r] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    direction: ltr;
    margin: auto;
    color: #888;
    font-size: 12px;
    font-weight: 400;
}

.filter-info[b-07awfekv8r] {
    font-size: 10px;
    color: dimgray;
    font-weight: lighter;
}

.i-button[b-07awfekv8r] {
    font-size: 1.4rem;
    color: #0d6efd;
    padding: 2px 10px;
    cursor: pointer;
    margin: 0 0 0 4px;
}

    .i-button:hover[b-07awfekv8r] {
        color: black;
        /*background-color: dimgray;*/
    }

.eye-catching-label[b-07awfekv8r] {
    /*margin: auto;*/
    padding: 0 1px;
    margin: 0;
    color: whitesmoke;
    background-color: crimson;
    font-size: 10px;
    font-weight: lighter;
}

/* alias */
.my-grid thead tr th:nth-child(3) > *[b-07awfekv8r],
.my-grid tbody tr td:nth-child(3) > *[b-07awfekv8r] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

/* operation */
.my-grid thead tr th:nth-child(8) > *[b-07awfekv8r],
.my-grid tbody tr td:nth-child(8) > *[b-07awfekv8r] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}
/* /Components/Pages/HumanResource/Off/UserListPage.razor.rz.scp.css */
body[b-om26vnuvkp] {
}

.pointer[b-om26vnuvkp] {
    cursor: pointer;
}

/* Fix height and enable scrolling */
.grid[b-om26vnuvkp] {
    width: 100%;
    height: 38rem;
    /* top: 60px; */
    overflow-y: auto;
    border-width: 1px;
    border-color: silver;
    padding: 2px;
    margin: 2px;
    /*font-size: 12px;*/
}

/* Sticky header while scrolling */
[b-om26vnuvkp] table {
    min-width: 100%;
}

[b-om26vnuvkp] thead {
    position: sticky;
    top: 0;
    /* background-color: #eee; */
    background-color: #d8d8d8;
    outline: 1px solid gray;
    font-size: 12px;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-om26vnuvkp] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-om26vnuvkp] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* max-width: 0; */
    text-overflow: ellipsis;
}

/* Stripe effect */
[b-om26vnuvkp] tbody tr {
    background-color: #000000;
    background-color: rgba(0,0,0,0.04);
    /* Don't collapse rows even if they are empty */
    /* height: 1.8rem; */
}

    [b-om26vnuvkp] tbody tr:nth-child(odd) {
        background: #ffffff;
        background: rgba(255,255,255,0.4);
    }

/* Magnifying glass */
.grid[b-om26vnuvkp]  .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}

/* grid Button styles */
.grid-button[b-om26vnuvkp] {
    border-width: 0;
    background-color: transparent;
    /* color: dimgray; */
    color: #0d6efd;
    font-size: 13px;
    /* font: 200 11px verdana; */
}

    .grid-button:hover[b-om26vnuvkp] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button:active[b-om26vnuvkp] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

img[b-om26vnuvkp] {
    height: 25px;
    width: 25px;
}

/* Container for the input and icon */
.input-container[b-om26vnuvkp] {
    position: relative;
    display: inline-block;
    width: 200px;
}

/* Container for the input and icon */
.select-container[b-om26vnuvkp] {
    position: relative;
    display: inline-block;
    width: 150px;
}

/* Input field styling */
.input-field[b-om26vnuvkp] {
    width: 100%;
    padding: 10px 30px 10px 10px; /* Add padding to make space for the icon */
    /*font-size: 16px;*/
    border: 1px solid #ccc;
    border-radius: 10px;
}

/* Magnifier icon styling */
.magnifier-icon[b-om26vnuvkp] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-info-section[b-om26vnuvkp] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    direction: ltr;
    margin: auto;
    color: #888;
    font-size: 12px;
    font-weight: 400;
}

.filter-info[b-om26vnuvkp] {
    font-size: 10px;
    color: dimgray;
    font-weight: lighter;
}

.i-button[b-om26vnuvkp] {
    font-size: 1.4rem;
    color: #0d6efd;
    padding: 2px 10px;
    cursor: pointer;
    margin: 0 0 0 4px;
}

    .i-button:hover[b-om26vnuvkp] {
        color: black;
        /*background-color: dimgray;*/
    }

.eye-catching-label[b-om26vnuvkp] {
    /*margin: auto;*/
    padding: 0 1px;
    margin: 0;
    color: whitesmoke;
    background-color: crimson;
    font-size: 10px;
    font-weight: lighter;
}

/* operation */
.my-grid thead tr th:nth-child(7) > *[b-om26vnuvkp],
.my-grid tbody tr td:nth-child(7) > *[b-om26vnuvkp] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}
/* /Components/Pages/HumanResource/Staff/DepartmentStaffComponent.razor.rz.scp.css */
body[b-3ey9en2tak] {
}

.pointer[b-3ey9en2tak] {
    cursor: pointer;
}

/* Fix height and enable scrolling */
.grid[b-3ey9en2tak] {
    width: 100%;
    max-height: 10rem;
    /* top: 60px; */
    overflow-y: auto;
    border-width: 1px;
    border-color: silver;
    padding: 2px;
    margin: 2px;
    /*font-size: 12px;*/
}

/* Sticky header while scrolling */
[b-3ey9en2tak] table {
    min-width: 100%;
}

[b-3ey9en2tak] thead {
    position: sticky;
    top: 0;
    /* background-color: #eee; */
    background-color: #d8d8d8;
    outline: 1px solid gray;
    font-size: 12px;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-3ey9en2tak] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-3ey9en2tak] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* max-width: 0; */
    text-overflow: ellipsis;
}

/* Stripe effect */
[b-3ey9en2tak] tbody tr {
    background-color: #000000;
    background-color: rgba(0,0,0,0.04);
    /* Don't collapse rows even if they are empty */
    /* height: 1.8rem; */
}

    [b-3ey9en2tak] tbody tr:nth-child(odd) {
        background: #ffffff;
        background: rgba(255,255,255,0.4);
    }

/* Magnifying glass */
.grid[b-3ey9en2tak]  .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}

/* grid Button styles */
.grid-button[b-3ey9en2tak] {
    border-width: 0;
    background-color: transparent;
    /* color: dimgray; */
    color: #0d6efd;
    font-size: 13px;
    /* font: 200 11px verdana; */
}

    .grid-button:hover[b-3ey9en2tak] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button:active[b-3ey9en2tak] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

img[b-3ey9en2tak] {
    height: 25px;
    width: 25px;
}

/* Container for the input and icon */
.input-container[b-3ey9en2tak] {
    position: relative;
    display: inline-block;
    width: 200px;
}

/* Input field styling */
.input-field[b-3ey9en2tak] {
    width: 100%;
    padding: 10px 30px 10px 10px; /* Add padding to make space for the icon */
    /*font-size: 16px;*/
    border: 1px solid #ccc;
    border-radius: 10px;
}

/* Magnifier icon styling */
.magnifier-icon[b-3ey9en2tak] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-info-section[b-3ey9en2tak] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    direction: ltr;
    margin: auto;
    color: #888;
    font-size: 12px;
    font-weight: 400;
}

.filter-info[b-3ey9en2tak] {
    font-size: 10px;
    color: dimgray;
    font-weight: lighter;
}

.i-button[b-3ey9en2tak] {
    font-size: 1.4rem;
    color: #0d6efd;
    padding: 2px 10px;
    cursor: pointer;
}

    .i-button:hover[b-3ey9en2tak] {
        color: black;
        /*background-color: dimgray;*/
    }

.eye-catching-label[b-3ey9en2tak] {
    /*margin: auto;*/
    padding: 0 1px;
    margin: 0;
    color: whitesmoke;
    background-color: crimson;
    font-size: 10px;
    font-weight: lighter;
}

/* name */
.my-grid thead tr th:nth-child(1) > *[b-3ey9en2tak],
.my-grid tbody tr td:nth-child(1) > *[b-3ey9en2tak] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}
/* /Components/Pages/HumanResource/Staff/ListPage.razor.rz.scp.css */
body[b-1apwqm8dze] {
}

.pointer[b-1apwqm8dze] {
    cursor: pointer;
}

/* Fix height and enable scrolling */
.grid[b-1apwqm8dze] {
    width: 100%;
    height: 38rem;
    /* top: 60px; */
    overflow-y: auto;
    border-width: 1px;
    border-color: silver;
    padding: 2px;
    margin: 2px;
    /*font-size: 12px;*/
}

/* Sticky header while scrolling */
[b-1apwqm8dze] table {
    min-width: 100%;
}

[b-1apwqm8dze] thead {
    position: sticky;
    top: 0;
    /* background-color: #eee; */
    background-color: #d8d8d8;
    outline: 1px solid gray;
    font-size: 12px;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-1apwqm8dze] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-1apwqm8dze] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* max-width: 0; */
    text-overflow: ellipsis;
}

/* Stripe effect */
[b-1apwqm8dze] tbody tr {
    background-color: #000000;
    background-color: rgba(0,0,0,0.04);
    /* Don't collapse rows even if they are empty */
    /* height: 1.8rem; */
}

    [b-1apwqm8dze] tbody tr:nth-child(odd) {
        background: #ffffff;
        background: rgba(255,255,255,0.4);
    }

/* Magnifying glass */
.grid[b-1apwqm8dze]  .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}

/* grid Button styles */
.grid-button[b-1apwqm8dze] {
    border-width: 0;
    background-color: transparent;
    /* color: dimgray; */
    color: #0d6efd;
    font-size: 13px;
    /* font: 200 11px verdana; */
}

    .grid-button:hover[b-1apwqm8dze] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button:active[b-1apwqm8dze] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

img[b-1apwqm8dze] {
    height: 25px;
    width: 25px;
}

/* Container for the input and icon */
.input-container[b-1apwqm8dze] {
    position: relative;
    display: inline-block;
    width: 200px;
}

/* Input field styling */
.input-field[b-1apwqm8dze] {
    width: 100%;
    padding: 10px 30px 10px 10px; /* Add padding to make space for the icon */
    /*font-size: 16px;*/
    border: 1px solid #ccc;
    border-radius: 10px;
}

/* Magnifier icon styling */
.magnifier-icon[b-1apwqm8dze] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-info-section[b-1apwqm8dze] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    direction: ltr;
    margin: auto;
    color: #888;
    font-size: 12px;
    font-weight: 400;
}

.filter-info[b-1apwqm8dze] {
    font-size: 10px;
    color: dimgray;
    font-weight: lighter;
}

.i-button[b-1apwqm8dze] {
    font-size: 1.4rem;
    color: #0d6efd;
    padding: 2px 10px;
    cursor: pointer;
}

    .i-button:hover[b-1apwqm8dze] {
        color: black;
        /*background-color: dimgray;*/
    }

.eye-catching-label[b-1apwqm8dze] {
    /*margin: auto;*/
    padding: 0 1px;
    margin: 0;
    color: whitesmoke;
    background-color: crimson;
    font-size: 10px;
    font-weight: lighter;
}

/* department */
.my-grid thead tr th:nth-child(1) > *[b-1apwqm8dze],
.my-grid tbody tr td:nth-child(1) > *[b-1apwqm8dze] {
    display: flex;
    justify-content: flex-start;
    width: 50%;
}

/* alias */
.my-grid thead tr th:nth-child(2) > *[b-1apwqm8dze],
.my-grid tbody tr td:nth-child(2) > *[b-1apwqm8dze] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

/* personnel-number */
.my-grid thead tr th:nth-child(3) > *[b-1apwqm8dze],
.my-grid tbody tr td:nth-child(3) > *[b-1apwqm8dze] {
    display: flex;
    justify-content: center;
    width: 30%;
}
/* /Components/Pages/Inbox/AssistantInboxComponent.razor.rz.scp.css */
body[b-nszqe1mtet] {
}

/* Fix height and enable scrolling */
.grid[b-nszqe1mtet] {
    width: 100%;
    height: 16.5rem;
    overflow-y: auto;
    border-width: 1px;
    border-color: silver;
    padding: 2px;
    margin: 2px;
}

/* Sticky header while scrolling */
[b-nszqe1mtet] table {
    min-width: 100%;
}

[b-nszqe1mtet] thead {
    position: sticky;
    top: 0;
    /* background-color: #eee; */
    background-color: #d8d8d8;
    outline: 1px solid gray;
    font-size: 12px;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-nszqe1mtet] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-nszqe1mtet] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* max-width: 0; */
    text-overflow: ellipsis;
}

/* Stripe effect */
[b-nszqe1mtet] tbody tr {
    background-color: #000000;
    background-color: rgba(0,0,0,0.04);
    /* Don't collapse rows even if they are empty */
    /* height: 1.8rem; */
}

    [b-nszqe1mtet] tbody tr:nth-child(odd) {
        background: #ffffff;
        background: rgba(255,255,255,0.4);
    }

/* Magnifying glass */
.grid[b-nszqe1mtet]  .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}

/* grid Button styles */
.grid-button[b-nszqe1mtet] {
    border-width: 0;
    background-color: transparent;
    /* color: dimgray; */
    color: #0d6efd;
    font-size: 11px;
    /* font: 200 11px verdana; */
}

    .grid-button:hover[b-nszqe1mtet] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button:active[b-nszqe1mtet] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

.grid-button-number[b-nszqe1mtet] {
    border-width: 0;
    background-color: transparent;
    /* color: dimgray; */
    /*color: black;*/
    font-size: 14px;
    /* font: 200 11px verdana; */
}

    .grid-button-number:hover[b-nszqe1mtet] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button-number:active[b-nszqe1mtet] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

img[b-nszqe1mtet] {
    height: 25px;
    width: 25px;
}

/* Container for the input and icon */
.input-container[b-nszqe1mtet] {
    position: relative;
    display: inline-block;
    width: 300px;
}

/* Input field styling */
.input-field[b-nszqe1mtet] {
    width: 100%;
    padding: 10px 30px 10px 10px; /* Add padding to make space for the icon */
    /*font-size: 16px;*/
    border: 1px solid #ccc;
    border-radius: 10px;
}

/* Magnifier icon styling */
.magnifier-icon[b-nszqe1mtet] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-input-container[b-nszqe1mtet] {
    position: relative;
    display: inline-block;
    width: 200px;
    direction: ltr;
}

.latin-input-field[b-nszqe1mtet] {
    width: 100%;
    padding: 10px 10px 10px 40px; /* Add padding to make space for the icon */
    border: 1px solid #ccc;
    border-radius: 10px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-transform: uppercase;
}

.latin-magnifier-icon[b-nszqe1mtet] {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-info-section[b-nszqe1mtet] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    direction: ltr;
    margin: auto;
    color: #888;
    font-size: 12px;
    font-weight: 400;
}

.filter-info[b-nszqe1mtet] {
    font-size: 10px;
    color: dimgray;
    font-weight: lighter;
}

.i-button[b-nszqe1mtet] {
    font-size: 1.4rem;
    color: #0d6efd;
    padding: 2px 10px;
    cursor: pointer;
}

    .i-button:hover[b-nszqe1mtet] {
        color: black;
        /*background-color: dimgray;*/
    }

/* chain-code */
.my-grid thead tr th:nth-child(1) > *[b-nszqe1mtet],
.my-grid tbody tr td:nth-child(1) > *[b-nszqe1mtet] {
    display: flex;
    justify-content: center;
    width: 100%;
    direction: ltr;
    font-size: 12px;
    font-family: monospace;
    text-spacing: auto;
    font-weight: 500;
}

/* sender */
.my-grid thead tr th:nth-child(3) > *[b-nszqe1mtet],
.my-grid tbody tr td:nth-child(3) > *[b-nszqe1mtet] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

/* title */
.my-grid thead tr th:nth-child(5) > *[b-nszqe1mtet],
.my-grid tbody tr td:nth-child(5) > *[b-nszqe1mtet] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    font-size: 11px;
}

/* customer */
.my-grid thead tr th:nth-child(6) > *[b-nszqe1mtet],
.my-grid tbody tr td:nth-child(6) > *[b-nszqe1mtet] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}
/* /Components/Pages/Inbox/AssistantInboxPage.razor.rz.scp.css */
body[b-inofvb4qrd] {
}

/* Fix height and enable scrolling */
.grid[b-inofvb4qrd] {
    width: 100%;
    height: 36rem;
    overflow-y: auto;
    border-width: 1px;
    border-color: silver;
    padding: 2px;
    margin: 2px;
}

/* Sticky header while scrolling */
[b-inofvb4qrd] table {
    min-width: 100%;
}

[b-inofvb4qrd] thead {
    position: sticky;
    top: 0;
    /* background-color: #eee; */
    background-color: #d8d8d8;
    outline: 1px solid gray;
    font-size: 12px;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-inofvb4qrd] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-inofvb4qrd] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* max-width: 0; */
    text-overflow: ellipsis;
}

/* Stripe effect */
[b-inofvb4qrd] tbody tr {
    background-color: #000000;
    background-color: rgba(0,0,0,0.04);
    /* Don't collapse rows even if they are empty */
    /* height: 1.8rem; */
}

    [b-inofvb4qrd] tbody tr:nth-child(odd) {
        background: #ffffff;
        background: rgba(255,255,255,0.4);
    }

/* Magnifying glass */
.grid[b-inofvb4qrd]  .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}

/* grid Button styles */
.grid-button[b-inofvb4qrd] {
    border-width: 0;
    background-color: transparent;
    /* color: dimgray; */
    color: #0d6efd;
    font-size: 11px;
    /* font: 200 11px verdana; */
}

    .grid-button:hover[b-inofvb4qrd] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button:active[b-inofvb4qrd] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

.grid-button-number[b-inofvb4qrd] {
    border-width: 0;
    background-color: transparent;
    /* color: dimgray; */
    /*color: black;*/
    font-size: 14px;
    /* font: 200 11px verdana; */
}

    .grid-button-number:hover[b-inofvb4qrd] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button-number:active[b-inofvb4qrd] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

img[b-inofvb4qrd] {
    height: 25px;
    width: 25px;
}

/* Container for the input and icon */
.input-container[b-inofvb4qrd] {
    position: relative;
    display: inline-block;
    width: 300px;
}

/* Input field styling */
.input-field[b-inofvb4qrd] {
    width: 100%;
    padding: 10px 30px 10px 10px; /* Add padding to make space for the icon */
    /*font-size: 16px;*/
    border: 1px solid #ccc;
    border-radius: 10px;
}

/* Magnifier icon styling */
.magnifier-icon[b-inofvb4qrd] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-input-container[b-inofvb4qrd] {
    position: relative;
    display: inline-block;
    width: 200px;
    direction: ltr;
}

.latin-input-field[b-inofvb4qrd] {
    width: 100%;
    padding: 10px 10px 10px 40px; /* Add padding to make space for the icon */
    border: 1px solid #ccc;
    border-radius: 10px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-transform: uppercase;
}

.latin-magnifier-icon[b-inofvb4qrd] {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-info-section[b-inofvb4qrd] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    direction: ltr;
    margin: auto;
    color: #888;
    font-size: 12px;
    font-weight: 400;
}

.filter-info[b-inofvb4qrd] {
    font-size: 10px;
    color: dimgray;
    font-weight: lighter;
}

.i-button[b-inofvb4qrd] {
    font-size: 1.4rem;
    color: #0d6efd;
    padding: 2px 10px;
    cursor: pointer;
}

    .i-button:hover[b-inofvb4qrd] {
        color: black;
        /*background-color: dimgray;*/
    }

/* chain-code */
.my-grid thead tr th:nth-child(1) > *[b-inofvb4qrd],
.my-grid tbody tr td:nth-child(1) > *[b-inofvb4qrd] {
    display: flex;
    justify-content: center;
    width: 100%;
    direction: ltr;
    font-size: 12px;
    font-family: monospace;
    text-spacing: auto;
    font-weight: 500;
}

/* sender */
.my-grid thead tr th:nth-child(3) > *[b-inofvb4qrd],
.my-grid tbody tr td:nth-child(3) > *[b-inofvb4qrd] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

/* title */
.my-grid thead tr th:nth-child(5) > *[b-inofvb4qrd],
.my-grid tbody tr td:nth-child(5) > *[b-inofvb4qrd] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    font-size: 11px;
}

/* customer */
.my-grid thead tr th:nth-child(6) > *[b-inofvb4qrd],
.my-grid tbody tr td:nth-child(6) > *[b-inofvb4qrd] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}
/* /Components/Pages/Inbox/InboxesComponent.razor.rz.scp.css */
body[b-2qlgzlilf1] {
}

.pointer[b-2qlgzlilf1] {
    cursor: pointer;
}

/* Fix height and enable scrolling */
.grid[b-2qlgzlilf1] {
    width: 100%;
    height: 16.5rem;
    overflow-y: auto;
    border-width: 2px;
    border-color: black;
    padding: 2px;
    margin: 2px;
}

/* Sticky header while scrolling */
[b-2qlgzlilf1] table {
    min-width: 100%;
}

[b-2qlgzlilf1] thead {
    position: sticky;
    top: 0;
    /* background-color: #eee; */
    background-color: #d8d8d8;
    outline: 1px solid gray;
    font-size: 12px;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-2qlgzlilf1] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-2qlgzlilf1] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* max-width: 0; */
    text-overflow: ellipsis;
}

/* Stripe effect */
[b-2qlgzlilf1] tbody tr {
    background-color: #000000;
    background-color: rgba(0,0,0,0.04);
    /* Don't collapse rows even if they are empty */
    /* height: 1.8rem; */
}

    [b-2qlgzlilf1] tbody tr:nth-child(odd) {
        background: #ffffff;
        background: rgba(255,255,255,0.4);
    }

/* Magnifying glass */
.grid[b-2qlgzlilf1]  .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}

/* grid Button styles */
.grid-button[b-2qlgzlilf1] {
    border-width: 0;
    background-color: transparent;
    /* color: dimgray; */
    color: #0d6efd;
    font-size: 11px;
    /* font: 200 11px verdana; */
}

    .grid-button:hover[b-2qlgzlilf1] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button:active[b-2qlgzlilf1] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

.grid-button-number[b-2qlgzlilf1] {
    border-width: 0;
    background-color: transparent;
    /* color: dimgray; */
    /*color: black;*/
    font-size: 14px;
    /* font: 200 11px verdana; */
}

    .grid-button-number:hover[b-2qlgzlilf1] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button-number:active[b-2qlgzlilf1] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

img[b-2qlgzlilf1] {
    height: 25px;
    width: 25px;
}

/* Container for the input and icon */
.select-container[b-2qlgzlilf1] {
    position: relative;
    display: inline-block;
    width: 150px;
}

.input-container[b-2qlgzlilf1] {
    position: relative;
    display: inline-block;
    width: 200px;
}

/* Input field styling */
.input-field[b-2qlgzlilf1] {
    width: 100%;
    padding: 10px 30px 10px 10px; /* Add padding to make space for the icon */
    /*font-size: 16px;*/
    border: 1px solid #ccc;
    border-radius: 10px;
}

/* Magnifier icon styling */
.magnifier-icon[b-2qlgzlilf1] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-input-container[b-2qlgzlilf1] {
    position: relative;
    display: inline-block;
    width: 200px;
    direction: ltr;
}

.latin-input-field[b-2qlgzlilf1] {
    width: 100%;
    padding: 10px 10px 10px 40px; /* Add padding to make space for the icon */
    border: 1px solid #ccc;
    border-radius: 10px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-transform: uppercase;
}

.latin-magnifier-icon[b-2qlgzlilf1] {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-info-section[b-2qlgzlilf1] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    direction: ltr;
    margin: auto;
    color: #888;
    font-size: 12px;
    font-weight: 400;
}

.filter-info[b-2qlgzlilf1] {
    font-size: 10px;
    color: dimgray;
    font-weight: lighter;
}

.i-button[b-2qlgzlilf1] {
    font-size: 1.4rem;
    color: #0d6efd;
    padding: 2px 10px;
    cursor: pointer;
}

    .i-button:hover[b-2qlgzlilf1] {
        color: black;
        /*background-color: dimgray;*/
    }

/* chain-code */
.my-grid thead tr th:nth-child(1) > *[b-2qlgzlilf1],
.my-grid tbody tr td:nth-child(1) > *[b-2qlgzlilf1] {
    display: flex;
    justify-content: center;
    width: 100%;
    direction: ltr;
    font-size: 12px;
    font-family: monospace;
    text-spacing: auto;
    font-weight: 500;
}

/* sender */
.my-grid thead tr th:nth-child(4) > *[b-2qlgzlilf1],
.my-grid tbody tr td:nth-child(4) > *[b-2qlgzlilf1] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

/* receiver */
.my-grid thead tr th:nth-child(5) > *[b-2qlgzlilf1],
.my-grid tbody tr td:nth-child(5) > *[b-2qlgzlilf1] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

/* title */
.my-grid thead tr th:nth-child(7) > *[b-2qlgzlilf1],
.my-grid tbody tr td:nth-child(7) > *[b-2qlgzlilf1] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    font-size: 11px;
}

/* customer */
.my-grid thead tr th:nth-child(8) > *[b-2qlgzlilf1],
.my-grid tbody tr td:nth-child(8) > *[b-2qlgzlilf1] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

/* phone */
.my-grid thead tr th:nth-child(9) > *[b-2qlgzlilf1],
.my-grid tbody tr td:nth-child(9) > *[b-2qlgzlilf1] {
    display: flex;
    justify-content: center;
    width: 100%;
    /*direction: rtl;*/
    font-size: 12px;
    font-family: monospace;
    text-spacing: auto;
    font-weight: 800;
}
/* /Components/Pages/Inbox/SystemInboxComponent.razor.rz.scp.css */
body[b-mzetrimhul] {
}

/* Fix height and enable scrolling */
.grid[b-mzetrimhul] {
    width: 100%;
    height: 16.5rem;
    overflow-y: auto;
    border-width: 1px;
    border-color: silver;
    padding: 2px;
    margin: 2px;
}

/* Sticky header while scrolling */
[b-mzetrimhul] table {
    min-width: 100%;
}

[b-mzetrimhul] thead {
    position: sticky;
    top: 0;
    /* background-color: #eee; */
    background-color: #d8d8d8;
    outline: 1px solid gray;
    font-size: 12px;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-mzetrimhul] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-mzetrimhul] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* max-width: 0; */
    text-overflow: ellipsis;
}

/* Stripe effect */
[b-mzetrimhul] tbody tr {
    background-color: #000000;
    background-color: rgba(0,0,0,0.04);
    /* Don't collapse rows even if they are empty */
    /* height: 1.8rem; */
}

    [b-mzetrimhul] tbody tr:nth-child(odd) {
        background: #ffffff;
        background: rgba(255,255,255,0.4);
    }

/* Magnifying glass */
.grid[b-mzetrimhul]  .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}

/* grid Button styles */
.grid-button[b-mzetrimhul] {
    border-width: 0;
    background-color: transparent;
    /* color: dimgray; */
    color: blue;
    font-size: 11px;
    /* font: 200 11px verdana; */
}

    .grid-button:hover[b-mzetrimhul] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button:active[b-mzetrimhul] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

.grid-button-number[b-mzetrimhul] {
    border-width: 0;
    background-color: transparent;
    /* color: dimgray; */
    /*color: black;*/
    font-size: 14px;
    /* font: 200 11px verdana; */
}

    .grid-button-number:hover[b-mzetrimhul] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button-number:active[b-mzetrimhul] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

img[b-mzetrimhul] {
    height: 25px;
    width: 25px;
}

/* Container for the input and icon */
.input-container[b-mzetrimhul] {
    position: relative;
    display: inline-block;
    width: 300px;
}

/* Input field styling */
.input-field[b-mzetrimhul] {
    width: 100%;
    padding: 10px 30px 10px 10px; /* Add padding to make space for the icon */
    /*font-size: 16px;*/
    border: 1px solid #ccc;
    border-radius: 10px;
}

/* Magnifier icon styling */
.magnifier-icon[b-mzetrimhul] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-input-container[b-mzetrimhul] {
    position: relative;
    display: inline-block;
    width: 200px;
    direction: ltr;
}

.latin-input-field[b-mzetrimhul] {
    width: 100%;
    padding: 10px 10px 10px 40px; /* Add padding to make space for the icon */
    border: 1px solid #ccc;
    border-radius: 10px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-transform: uppercase;
}

.latin-magnifier-icon[b-mzetrimhul] {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-info-section[b-mzetrimhul] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    direction: ltr;
    margin: auto;
    color: #888;
    font-size: 12px;
    font-weight: 400;
}

.filter-info[b-mzetrimhul] {
    font-size: 10px;
    color: dimgray;
    font-weight: lighter;
}

.i-button[b-mzetrimhul] {
    font-size: 1.4rem;
    color: #0d6efd;
    padding: 2px 10px;
    cursor: pointer;
}

    .i-button:hover[b-mzetrimhul] {
        color: black;
        /*background-color: dimgray;*/
    }

/* chain-code */
.my-grid thead tr th:nth-child(1) > *[b-mzetrimhul],
.my-grid tbody tr td:nth-child(1) > *[b-mzetrimhul] {
    display: flex;
    justify-content: center;
    width: 100%;
    direction: ltr;
    font-size: 12px;
    font-family: monospace;
    text-spacing: auto;
    font-weight: 500;
}

/* sender */
.my-grid thead tr th:nth-child(3) > *[b-mzetrimhul],
.my-grid tbody tr td:nth-child(3) > *[b-mzetrimhul] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

/* title */
.my-grid thead tr th:nth-child(5) > *[b-mzetrimhul],
.my-grid tbody tr td:nth-child(5) > *[b-mzetrimhul] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    font-size: 11px;
}

/* customer */
.my-grid thead tr th:nth-child(6) > *[b-mzetrimhul],
.my-grid tbody tr td:nth-child(6) > *[b-mzetrimhul] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}
/* /Components/Pages/Inbox/SystemInboxPage.razor.rz.scp.css */
body[b-z6f2d9un8c] {
}

/* Fix height and enable scrolling */
.grid[b-z6f2d9un8c] {
    width: 100%;
    height: 36rem;
    overflow-y: auto;
    border-width: 1px;
    border-color: silver;
    padding: 2px;
    margin: 2px;
}

/* Sticky header while scrolling */
[b-z6f2d9un8c] table {
    min-width: 100%;
}

[b-z6f2d9un8c] thead {
    position: sticky;
    top: 0;
    /* background-color: #eee; */
    background-color: #d8d8d8;
    outline: 1px solid gray;
    font-size: 12px;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-z6f2d9un8c] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-z6f2d9un8c] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* max-width: 0; */
    text-overflow: ellipsis;
}

/* Stripe effect */
[b-z6f2d9un8c] tbody tr {
    background-color: #000000;
    background-color: rgba(0,0,0,0.04);
    /* Don't collapse rows even if they are empty */
    /* height: 1.8rem; */
}

    [b-z6f2d9un8c] tbody tr:nth-child(odd) {
        background: #ffffff;
        background: rgba(255,255,255,0.4);
    }

/* Magnifying glass */
.grid[b-z6f2d9un8c]  .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}

/* grid Button styles */
.grid-button[b-z6f2d9un8c] {
    border-width: 0;
    background-color: transparent;
    /* color: dimgray; */
    color: blue;
    font-size: 11px;
    /* font: 200 11px verdana; */
}

    .grid-button:hover[b-z6f2d9un8c] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button:active[b-z6f2d9un8c] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

.grid-button-number[b-z6f2d9un8c] {
    border-width: 0;
    background-color: transparent;
    /* color: dimgray; */
    /*color: black;*/
    font-size: 14px;
    /* font: 200 11px verdana; */
}

    .grid-button-number:hover[b-z6f2d9un8c] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button-number:active[b-z6f2d9un8c] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

img[b-z6f2d9un8c] {
    height: 25px;
    width: 25px;
}

/* Container for the input and icon */
.input-container[b-z6f2d9un8c] {
    position: relative;
    display: inline-block;
    width: 300px;
}

/* Input field styling */
.input-field[b-z6f2d9un8c] {
    width: 100%;
    padding: 10px 30px 10px 10px; /* Add padding to make space for the icon */
    /*font-size: 16px;*/
    border: 1px solid #ccc;
    border-radius: 10px;
}

/* Magnifier icon styling */
.magnifier-icon[b-z6f2d9un8c] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-input-container[b-z6f2d9un8c] {
    position: relative;
    display: inline-block;
    width: 200px;
    direction: ltr;
}

.latin-input-field[b-z6f2d9un8c] {
    width: 100%;
    padding: 10px 10px 10px 40px; /* Add padding to make space for the icon */
    border: 1px solid #ccc;
    border-radius: 10px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-transform: uppercase;
}

.latin-magnifier-icon[b-z6f2d9un8c] {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-info-section[b-z6f2d9un8c] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    direction: ltr;
    margin: auto;
    color: #888;
    font-size: 12px;
    font-weight: 400;
}

.filter-info[b-z6f2d9un8c] {
    font-size: 10px;
    color: dimgray;
    font-weight: lighter;
}

.i-button[b-z6f2d9un8c] {
    font-size: 1.4rem;
    color: #0d6efd;
    padding: 2px 10px;
    cursor: pointer;
}

    .i-button:hover[b-z6f2d9un8c] {
        color: black;
        /*background-color: dimgray;*/
    }

/* chain-code */
.my-grid thead tr th:nth-child(1) > *[b-z6f2d9un8c],
.my-grid tbody tr td:nth-child(1) > *[b-z6f2d9un8c] {
    display: flex;
    justify-content: center;
    width: 100%;
    direction: ltr;
    font-size: 12px;
    font-family: monospace;
    text-spacing: auto;
    font-weight: 500;
}

/* sender */
.my-grid thead tr th:nth-child(3) > *[b-z6f2d9un8c],
.my-grid tbody tr td:nth-child(3) > *[b-z6f2d9un8c] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

/* title */
.my-grid thead tr th:nth-child(5) > *[b-z6f2d9un8c],
.my-grid tbody tr td:nth-child(5) > *[b-z6f2d9un8c] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    font-size: 11px;
}

/* customer */
.my-grid thead tr th:nth-child(6) > *[b-z6f2d9un8c],
.my-grid tbody tr td:nth-child(6) > *[b-z6f2d9un8c] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}
/* /Components/Pages/Inbox/UserInboxComponent.razor.rz.scp.css */
body[b-ufhz6w9z0k] {
}

.pointer[b-ufhz6w9z0k] {
    cursor: pointer;
}

/* Fix height and enable scrolling */
.grid[b-ufhz6w9z0k] {
    width: 100%;
    height: 16.5rem;
    overflow-y: auto;
    border-width: 2px;
    border-color: black;
    padding: 2px;
    margin: 2px;
}

/* Sticky header while scrolling */
[b-ufhz6w9z0k] table {
    min-width: 100%;
}

[b-ufhz6w9z0k] thead {
    position: sticky;
    top: 0;
    /* background-color: #eee; */
    background-color: #d8d8d8;
    outline: 1px solid gray;
    font-size: 12px;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-ufhz6w9z0k] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-ufhz6w9z0k] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* max-width: 0; */
    text-overflow: ellipsis;
}

/* Stripe effect */
[b-ufhz6w9z0k] tbody tr {
    background-color: #000000;
    background-color: rgba(0,0,0,0.04);
    /* Don't collapse rows even if they are empty */
    /* height: 1.8rem; */
}

    [b-ufhz6w9z0k] tbody tr:nth-child(odd) {
        background: #ffffff;
        background: rgba(255,255,255,0.4);
    }

/* Magnifying glass */
.grid[b-ufhz6w9z0k]  .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}

/* grid Button styles */
.grid-button[b-ufhz6w9z0k] {
    border-width: 0;
    background-color: transparent;
    /* color: dimgray; */
    color: #0d6efd;
    font-size: 11px;
    /* font: 200 11px verdana; */
}

    .grid-button:hover[b-ufhz6w9z0k] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button:active[b-ufhz6w9z0k] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

.grid-button-number[b-ufhz6w9z0k] {
    border-width: 0;
    background-color: transparent;
    /* color: dimgray; */
    /*color: black;*/
    font-size: 14px;
    /* font: 200 11px verdana; */
}

    .grid-button-number:hover[b-ufhz6w9z0k] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button-number:active[b-ufhz6w9z0k] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

img[b-ufhz6w9z0k] {
    height: 25px;
    width: 25px;
}

/* Container for the input and icon */
.select-container[b-ufhz6w9z0k] {
    position: relative;
    display: inline-block;
    width: 150px;
}

.input-container[b-ufhz6w9z0k] {
    position: relative;
    display: inline-block;
    width: 200px;
}

/* Input field styling */
.input-field[b-ufhz6w9z0k] {
    width: 100%;
    padding: 10px 30px 10px 10px; /* Add padding to make space for the icon */
    /*font-size: 16px;*/
    border: 1px solid #ccc;
    border-radius: 10px;
}

.magnifier-icon[b-ufhz6w9z0k] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-input-container[b-ufhz6w9z0k] {
    position: relative;
    display: inline-block;
    width: 200px;
    direction: ltr;
}

.latin-input-field[b-ufhz6w9z0k] {
    width: 100%;
    padding: 10px 10px 10px 40px; /* Add padding to make space for the icon */
    border: 1px solid #ccc;
    border-radius: 10px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-transform: uppercase;
}

.latin-magnifier-icon[b-ufhz6w9z0k] {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-info-section[b-ufhz6w9z0k] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    direction: ltr;
    margin: auto;
    color: #888;
    font-size: 12px;
    font-weight: 400;
}

.filter-info[b-ufhz6w9z0k] {
    font-size: 10px;
    color: dimgray;
    font-weight: lighter;
}

.i-button[b-ufhz6w9z0k] {
    font-size: 1.4rem;
    color: #0d6efd;
    padding: 2px 10px;
    cursor: pointer;
    margin: 0 0 0 4px;
}

    .i-button:hover[b-ufhz6w9z0k] {
        color: black;
        /*background-color: dimgray;*/
    }

/* chain-code */
.my-grid thead tr th:nth-child(1) > *[b-ufhz6w9z0k],
.my-grid tbody tr td:nth-child(1) > *[b-ufhz6w9z0k] {
    display: flex;
    justify-content: center;
    width: auto;
    direction: ltr;
    font-size: 12px;
    font-family: monospace;
    text-spacing: auto;
    font-weight: 500;
}

/* sender */
.my-grid thead tr th:nth-child(7) > *[b-ufhz6w9z0k],
.my-grid tbody tr td:nth-child(7) > *[b-ufhz6w9z0k] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

/* title */
.my-grid thead tr th:nth-child(9) > *[b-ufhz6w9z0k],
.my-grid tbody tr td:nth-child(9) > *[b-ufhz6w9z0k] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    font-size: 11px;
}

/* customer */
.my-grid thead tr th:nth-child(10) > *[b-ufhz6w9z0k],
.my-grid tbody tr td:nth-child(10) > *[b-ufhz6w9z0k] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

/* phone */
.my-grid thead tr th:nth-child(11) > *[b-ufhz6w9z0k],
.my-grid tbody tr td:nth-child(11) > *[b-ufhz6w9z0k] {
    display: flex;
    justify-content: center;
    width: 100%;
    /*direction: rtl;*/
    font-size: 12px;
    font-family: monospace;
    text-spacing: auto;
    font-weight: 800;
}

/* operations */
.my-grid thead tr th:nth-child(13) > *[b-ufhz6w9z0k],
.my-grid tbody tr td:nth-child(13) > *[b-ufhz6w9z0k] {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}
/* /Components/Pages/Inbox/UserInboxPage.razor.rz.scp.css */
body[b-q6matqxzb3] {
}

.pointer[b-q6matqxzb3] {
    cursor: pointer;
}

/* Fix height and enable scrolling */
.grid[b-q6matqxzb3] {
    width: 100%;
    height: 36rem;
    overflow-y: auto;
    border-width: 2px;
    border-color: black;
    padding: 2px;
    margin: 2px;
}

/* Sticky header while scrolling */
[b-q6matqxzb3] table {
    min-width: 100%;
}

[b-q6matqxzb3] thead {
    position: sticky;
    top: 0;
    /* background-color: #eee; */
    background-color: #d8d8d8;
    outline: 1px solid gray;
    font-size: 12px;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-q6matqxzb3] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-q6matqxzb3] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* max-width: 0; */
    text-overflow: ellipsis;
}

/* Stripe effect */
[b-q6matqxzb3] tbody tr {
    background-color: #000000;
    background-color: rgba(0,0,0,0.04);
    /* Don't collapse rows even if they are empty */
    /* height: 1.8rem; */
}

    [b-q6matqxzb3] tbody tr:nth-child(odd) {
        background: #ffffff;
        background: rgba(255,255,255,0.4);
    }

/* Magnifying glass */
.grid[b-q6matqxzb3]  .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}

/* grid Button styles */
.grid-button[b-q6matqxzb3] {
    border-width: 0;
    background-color: transparent;
    /* color: dimgray; */
    color: #0d6efd;
    font-size: 11px;
    /* font: 200 11px verdana; */
}

    .grid-button:hover[b-q6matqxzb3] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button:active[b-q6matqxzb3] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

.grid-button-number[b-q6matqxzb3] {
    border-width: 0;
    background-color: transparent;
    /* color: dimgray; */
    /*color: black;*/
    font-size: 14px;
    /* font: 200 11px verdana; */
}

    .grid-button-number:hover[b-q6matqxzb3] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button-number:active[b-q6matqxzb3] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

img[b-q6matqxzb3] {
    height: 25px;
    width: 25px;
}

/* Container for the input and icon */
.select-container[b-q6matqxzb3] {
    position: relative;
    display: inline-block;
    width: 150px;
}

.input-container[b-q6matqxzb3] {
    position: relative;
    display: inline-block;
    width: 200px;
}

/* Input field styling */
.input-field[b-q6matqxzb3] {
    width: 100%;
    padding: 10px 30px 10px 10px; /* Add padding to make space for the icon */
    /*font-size: 16px;*/
    border: 1px solid #ccc;
    border-radius: 10px;
}

.magnifier-icon[b-q6matqxzb3] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-input-container[b-q6matqxzb3] {
    position: relative;
    display: inline-block;
    width: 200px;
    direction: ltr;
}

.latin-input-field[b-q6matqxzb3] {
    width: 100%;
    padding: 10px 10px 10px 40px; /* Add padding to make space for the icon */
    border: 1px solid #ccc;
    border-radius: 10px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-transform: uppercase;
}

.latin-magnifier-icon[b-q6matqxzb3] {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-info-section[b-q6matqxzb3] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    direction: ltr;
    margin: auto;
    color: #888;
    font-size: 12px;
    font-weight: 400;
}

.filter-info[b-q6matqxzb3] {
    font-size: 10px;
    color: dimgray;
    font-weight: lighter;
}

.i-button[b-q6matqxzb3] {
    font-size: 1.4rem;
    color: #0d6efd;
    padding: 2px 10px;
    cursor: pointer;
    margin: 0 0 0 4px;
}

    .i-button:hover[b-q6matqxzb3] {
        color: black;
        /*background-color: dimgray;*/
    }

/* chain-code */
.my-grid thead tr th:nth-child(1) > *[b-q6matqxzb3],
.my-grid tbody tr td:nth-child(1) > *[b-q6matqxzb3] {
    display: flex;
    justify-content: center;
    width: 100%;
    direction: ltr;
    font-size: 12px;
    font-family: monospace;
    text-spacing: auto;
    font-weight: 500;
}

/* sender */
.my-grid thead tr th:nth-child(7) > *[b-q6matqxzb3],
.my-grid tbody tr td:nth-child(7) > *[b-q6matqxzb3] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

/* title */
.my-grid thead tr th:nth-child(9) > *[b-q6matqxzb3],
.my-grid tbody tr td:nth-child(9) > *[b-q6matqxzb3] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    font-size: 11px;
}

/* customer */
.my-grid thead tr th:nth-child(10) > *[b-q6matqxzb3],
.my-grid tbody tr td:nth-child(10) > *[b-q6matqxzb3] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

/* phone */
.my-grid thead tr th:nth-child(11) > *[b-q6matqxzb3],
.my-grid tbody tr td:nth-child(11) > *[b-q6matqxzb3] {
    display: flex;
    justify-content: center;
    width: 100%;
    /*direction: rtl;*/
    font-size: 12px;
    font-family: monospace;
    text-spacing: auto;
    font-weight: 800;
}

/* operations */
.my-grid thead tr th:nth-child(14) > *[b-q6matqxzb3],
.my-grid tbody tr td:nth-child(14) > *[b-q6matqxzb3] {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}
/* /Components/Pages/Incident/AdminPage.razor.rz.scp.css */
body[b-e23lv100ud] {
}

.scrollable-div[b-e23lv100ud] {
    height: 100vh;
    width: 100%;
    overflow-y: auto; /* enables vertical scrolling */
    overflow-x: hidden; /* prevents horizontal scrolling */
    /*border: 1px solid #ccc;*/
    padding: 10px 0;
}

/* Fix height and enable scrolling */
.grid[b-e23lv100ud] {
    width: 100%;
    height: 38rem;
    overflow-y: auto;
    border-width: 1px;
    border-color: silver;
    padding: 2px;
    margin: 2px;
}

/* Sticky header while scrolling */
[b-e23lv100ud] table {
    min-width: 100%;
}

[b-e23lv100ud] thead {
    position: sticky;
    top: 0;
    background-color: #d8d8d8;
    outline: 1px solid gray;
    font-size: 12px;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-e23lv100ud] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-e23lv100ud] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* max-width: 0; */
    text-overflow: ellipsis;
}

/* Stripe effect */
[b-e23lv100ud] tbody tr {
    background-color: #000000;
    background-color: rgba(0,0,0,0.04);
    /* Don't collapse rows even if they are empty */
    /* height: 1.8rem; */
}

    [b-e23lv100ud] tbody tr:nth-child(odd) {
        background: #ffffff;
        background: rgba(255,255,255,0.4);
    }

/* Magnifying glass */
.grid[b-e23lv100ud]  .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}

/* grid Button styles */
.grid-button[b-e23lv100ud] {
    border-width: 0;
    background-color: transparent;
    /* color: dimgray; */
    color: #0d6efd;
    font-size: 11px;
    /* font: 200 11px verdana; */
}

    .grid-button:hover[b-e23lv100ud] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button:active[b-e23lv100ud] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

img[b-e23lv100ud] {
    height: 25px;
    width: 25px;
}

/* Container for the input and icon */
.select-container[b-e23lv100ud] {
    position: relative;
    display: inline-block;
    width: 300px;
}

.input-container[b-e23lv100ud] {
    position: relative;
    display: inline-block;
    width: 300px;
}

/* Input field styling */
.input-field[b-e23lv100ud] {
    width: 100%;
    padding: 10px 30px 10px 10px; /* Add padding to make space for the icon */
    /*font-size: 16px;*/
    border: 1px solid #ccc;
    border-radius: 10px;
}

/* Magnifier icon styling */
.magnifier-icon[b-e23lv100ud] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-info-section[b-e23lv100ud] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    direction: ltr;
    margin: auto;
    color: #888;
    font-size: 12px;
    font-weight: 400;
}

.filter-info[b-e23lv100ud] {
    font-size: 10px;
    color: dimgray;
    font-weight: lighter;
}

/* incident */
.my-grid thead tr th:nth-child(1) > *[b-e23lv100ud],
.my-grid tbody tr td:nth-child(1) > *[b-e23lv100ud] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

/* user */
.my-grid thead tr th:nth-child(3) > *[b-e23lv100ud],
.my-grid tbody tr td:nth-child(3) > *[b-e23lv100ud] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}
/* /Components/Pages/Incident/UserPage.razor.rz.scp.css */
body[b-eip6zy7nbj] {
}

.scrollable-div[b-eip6zy7nbj] {
    height: 100vh;
    width: 100%;
    overflow-y: auto; /* enables vertical scrolling */
    overflow-x: hidden; /* prevents horizontal scrolling */
    /*border: 1px solid #ccc;*/
    padding: 10px 0;
}

/* Fix height and enable scrolling */
.grid[b-eip6zy7nbj] {
    width: 100%;
    height: 40rem;
    overflow-y: auto;
    border-width: 1px;
    border-color: silver;
    padding: 2px;
    margin: 2px;
}

/* Sticky header while scrolling */
[b-eip6zy7nbj] table {
    min-width: 100%;
}

[b-eip6zy7nbj] thead {
    position: sticky;
    top: 0;
    background-color: #d8d8d8;
    outline: 1px solid gray;
    font-size: 12px;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-eip6zy7nbj] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-eip6zy7nbj] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* max-width: 0; */
    text-overflow: ellipsis;
}

/* Stripe effect */
[b-eip6zy7nbj] tbody tr {
    background-color: #000000;
    background-color: rgba(0,0,0,0.04);
    /* Don't collapse rows even if they are empty */
    /* height: 1.8rem; */
}

    [b-eip6zy7nbj] tbody tr:nth-child(odd) {
        background: #ffffff;
        background: rgba(255,255,255,0.4);
    }

/* Magnifying glass */
.grid[b-eip6zy7nbj]  .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}

/* grid Button styles */
.grid-button[b-eip6zy7nbj] {
    border-width: 0;
    background-color: transparent;
    /* color: dimgray; */
    color: #0d6efd;
    font-size: 11px;
    /* font: 200 11px verdana; */
}

    .grid-button:hover[b-eip6zy7nbj] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button:active[b-eip6zy7nbj] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

img[b-eip6zy7nbj] {
    height: 25px;
    width: 25px;
}

/* Container for the input and icon */
.select-container[b-eip6zy7nbj] {
    position: relative;
    display: inline-block;
    width: 300px;
}

.input-container[b-eip6zy7nbj] {
    position: relative;
    display: inline-block;
    width: 300px;
}

/* Input field styling */
.input-field[b-eip6zy7nbj] {
    width: 100%;
    padding: 10px 30px 10px 10px; /* Add padding to make space for the icon */
    /*font-size: 16px;*/
    border: 1px solid #ccc;
    border-radius: 10px;
}

/* Magnifier icon styling */
.magnifier-icon[b-eip6zy7nbj] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-info-section[b-eip6zy7nbj] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    direction: ltr;
    margin: auto;
    color: #888;
    font-size: 12px;
    font-weight: 400;
}

.filter-info[b-eip6zy7nbj] {
    font-size: 10px;
    color: dimgray;
    font-weight: lighter;
}

/* incident */
.my-grid thead tr th:nth-child(1) > *[b-eip6zy7nbj],
.my-grid tbody tr td:nth-child(1) > *[b-eip6zy7nbj] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}
/* /Components/Pages/Member/ListComponent.razor.rz.scp.css */
body[b-bjbj2pvulf] {
}

.scrollable-div[b-bjbj2pvulf] {
    height: 100vh;
    width: 100%;
    overflow-y: auto; /* enables vertical scrolling */
    overflow-x: hidden; /* prevents horizontal scrolling */
    /*border: 1px solid #ccc;*/
    padding: 10px 0;
}

/* Fix height and enable scrolling */
.grid[b-bjbj2pvulf] {
    width: 100%;
    height: 40rem;
    overflow-y: auto;
    border-width: 1px;
    border-color: silver;
    padding: 2px;
    margin: 2px;
}

/* Sticky header while scrolling */
[b-bjbj2pvulf] table {
    min-width: 100%;
}

[b-bjbj2pvulf] thead {
    position: sticky;
    top: 0;
    background-color: #d8d8d8;
    outline: 1px solid gray;
    font-size: 12px;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-bjbj2pvulf] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-bjbj2pvulf] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* max-width: 0; */
    text-overflow: ellipsis;
}

/* Stripe effect */
[b-bjbj2pvulf] tbody tr {
    background-color: #000000;
    background-color: rgba(0,0,0,0.04);
    /* Don't collapse rows even if they are empty */
    /* height: 1.8rem; */
}

    [b-bjbj2pvulf] tbody tr:nth-child(odd) {
        background: #ffffff;
        background: rgba(255,255,255,0.4);
    }

/* Magnifying glass */
.grid[b-bjbj2pvulf]  .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}

/* grid Button styles */
.grid-button[b-bjbj2pvulf] {
    border-width: 0;
    background-color: transparent;
    /* color: dimgray; */
    color: #0d6efd;
    font-size: 11px;
    /* font: 200 11px verdana; */
}

    .grid-button:hover[b-bjbj2pvulf] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button:active[b-bjbj2pvulf] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

img[b-bjbj2pvulf] {
    height: 25px;
    width: 25px;
}

/* Container for the input and icon */
.select-container[b-bjbj2pvulf] {
    position: relative;
    display: inline-block;
    width: 300px;
}

.input-container[b-bjbj2pvulf] {
    position: relative;
    display: inline-block;
    width: 300px;
}

/* Input field styling */
.input-field[b-bjbj2pvulf] {
    width: 100%;
    padding: 10px 30px 10px 10px; /* Add padding to make space for the icon */
    /*font-size: 16px;*/
    border: 1px solid #ccc;
    border-radius: 10px;
}

/* Magnifier icon styling */
.magnifier-icon[b-bjbj2pvulf] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-info-section[b-bjbj2pvulf] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    direction: ltr;
    margin: auto;
    color: #888;
    font-size: 12px;
    font-weight: 400;
}

.filter-info[b-bjbj2pvulf] {
    font-size: 10px;
    color: dimgray;
    font-weight: lighter;
}

.i-button[b-bjbj2pvulf] {
    font-size: 1.4rem;
    color: #0d6efd;
    padding: 2px 10px;
    cursor: pointer;
}

    .i-button:hover[b-bjbj2pvulf] {
        color: black;
        /*background-color: dimgray;*/
    }

/* user */
.my-grid thead tr th:nth-child(2) > *[b-bjbj2pvulf],
.my-grid tbody tr td:nth-child(2) > *[b-bjbj2pvulf] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}
/* /Components/Pages/Overall/ChoreOverallComponent.razor.rz.scp.css */
body[b-jomr0mllrw] {
}

.pointer[b-jomr0mllrw] {
    cursor: pointer;
}

/* Fix height and enable scrolling */
.grid[b-jomr0mllrw] {
    width: 100%;
    height: 16.5rem;
    overflow-y: auto;
    border-width: 1px;
    border-color: silver;
    padding: 2px;
    margin: 2px;
}

/* Sticky header while scrolling */
[b-jomr0mllrw] table {
    min-width: 100%;
}

[b-jomr0mllrw] thead {
    position: sticky;
    top: 0;
    background-color: #d8d8d8;
    outline: 1px solid gray;
    font-size: 12px;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-jomr0mllrw] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-jomr0mllrw] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* max-width: 0; */
    text-overflow: ellipsis;
}

/* Stripe effect */
[b-jomr0mllrw] tbody tr {
    background-color: #000000;
    background-color: rgba(0,0,0,0.04);
    /* Don't collapse rows even if they are empty */
    /* height: 1.8rem; */
}

    [b-jomr0mllrw] tbody tr:nth-child(odd) {
        background: #ffffff;
        background: rgba(255,255,255,0.4);
    }

/* Magnifying glass */
.grid[b-jomr0mllrw]  .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}

/* grid Button styles */
.grid-button[b-jomr0mllrw] {
    border-width: 0;
    background-color: transparent;
    /* color: dimgray; */
    color: #0d6efd;
    font-size: 11px;
    /* font: 200 11px verdana; */
}

    .grid-button:hover[b-jomr0mllrw] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button:active[b-jomr0mllrw] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

img[b-jomr0mllrw] {
    height: 25px;
    width: 25px;
}

/* Container for the input and icon */
.input-container[b-jomr0mllrw] {
    position: relative;
    display: inline-block;
    width: 200px;
}

/* Input field styling */
.input-field[b-jomr0mllrw] {
    width: 100%;
    padding: 10px 30px 10px 10px; /* Add padding to make space for the icon */
    /*font-size: 16px;*/
    border: 1px solid #ccc;
    border-radius: 10px;
}

/* Magnifier icon styling */
.magnifier-icon[b-jomr0mllrw] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-input-container[b-jomr0mllrw] {
    position: relative;
    display: inline-block;
    width: 200px;
    direction: ltr;
}

.latin-input-field[b-jomr0mllrw] {
    width: 100%;
    padding: 10px 10px 10px 40px; /* Add padding to make space for the icon */
    border: 1px solid #ccc;
    border-radius: 10px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-transform: uppercase;
}

.latin-magnifier-icon[b-jomr0mllrw] {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-info-section[b-jomr0mllrw] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    direction: ltr;
    margin: auto;
    color: #888;
    font-size: 12px;
    font-weight: 400;
}

.filter-info[b-jomr0mllrw] {
    font-size: 10px;
    color: dimgray;
    font-weight: lighter;
}

.i-button[b-jomr0mllrw] {
    font-size: 1.4rem;
    color: #0d6efd;
    padding: 2px 10px;
    cursor: pointer;
}

    .i-button:hover[b-jomr0mllrw] {
        color: black;
        /*background-color: dimgray;*/
    }

/* chain-code */
.my-grid thead tr th:nth-child(1) > *[b-jomr0mllrw],
.my-grid tbody tr td:nth-child(1) > *[b-jomr0mllrw] {
    display: flex;
    justify-content: center;
    width: 100%;
    direction: ltr;
    font-size: 12px;
    font-family: monospace;
    text-spacing: auto;
    font-weight: 500;
}

/* title */
.my-grid thead tr th:nth-child(6) > *[b-jomr0mllrw],
.my-grid tbody tr td:nth-child(6) > *[b-jomr0mllrw] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    font-size: 11px;
}

/* customer */
.my-grid thead tr th:nth-child(7) > *[b-jomr0mllrw],
.my-grid tbody tr td:nth-child(7) > *[b-jomr0mllrw] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

/* sender */
.my-grid thead tr th:nth-child(8) > *[b-jomr0mllrw],
.my-grid tbody tr td:nth-child(8) > *[b-jomr0mllrw] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

/* receiver */
.my-grid thead tr th:nth-child(9) > *[b-jomr0mllrw],
.my-grid tbody tr td:nth-child(9) > *[b-jomr0mllrw] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}
/* /Components/Pages/Overall/CustomerOverallComponent.razor.rz.scp.css */
body[b-e41nscch3r] {
}

/* Fix height and enable scrolling */
.grid[b-e41nscch3r] {
    width: 100%;
    height: 16.5rem;
    overflow-y: auto;
    border-width: 1px;
    border-color: silver;
    padding: 2px;
    margin: 2px;
}

/* Sticky header while scrolling */
[b-e41nscch3r] table {
    min-width: 100%;
}

[b-e41nscch3r] thead {
    position: sticky;
    top: 0;
    background-color: #d8d8d8;
    outline: 1px solid gray;
    font-size: 12px;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-e41nscch3r] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-e41nscch3r] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* max-width: 0; */
    text-overflow: ellipsis;
}

/* Stripe effect */
[b-e41nscch3r] tbody tr {
    background-color: #000000;
    background-color: rgba(0,0,0,0.04);
    /* Don't collapse rows even if they are empty */
    /* height: 1.8rem; */
}

    [b-e41nscch3r] tbody tr:nth-child(odd) {
        background: #ffffff;
        background: rgba(255,255,255,0.4);
    }

/* Magnifying glass */
.grid[b-e41nscch3r]  .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}

/* grid Button styles */
.grid-button[b-e41nscch3r] {
    border-width: 0;
    background-color: transparent;
    /* color: dimgray; */
    color: #0d6efd;
    font-size: 11px;
    /* font: 200 11px verdana; */
}

    .grid-button:hover[b-e41nscch3r] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button:active[b-e41nscch3r] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

.grid-button-number[b-e41nscch3r] {
    border-width: 0;
    background-color: transparent;
    /* color: dimgray; */
    /*color: black;*/
    font-size: 14px;
    /* font: 200 11px verdana; */
}

    .grid-button-number:hover[b-e41nscch3r] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button-number:active[b-e41nscch3r] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

img[b-e41nscch3r] {
    height: 25px;
    width: 25px;
}

/* Container for the input and icon */
.input-container[b-e41nscch3r] {
    position: relative;
    display: inline-block;
    width: 300px;
}

/* Input field styling */
.input-field[b-e41nscch3r] {
    width: 100%;
    padding: 10px 30px 10px 10px; /* Add padding to make space for the icon */
    /*font-size: 16px;*/
    border: 1px solid #ccc;
    border-radius: 10px;
}

/* Magnifier icon styling */
.magnifier-icon[b-e41nscch3r] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-info-section[b-e41nscch3r] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    direction: ltr;
    margin: auto;
    color: #888;
    font-size: 12px;
    font-weight: 400;
}

.filter-info[b-e41nscch3r] {
    font-size: 10px;
    color: dimgray;
    font-weight: lighter;
}

/* customer */
.my-grid thead tr th:nth-child(2) > *[b-e41nscch3r],
.my-grid tbody tr td:nth-child(2) > *[b-e41nscch3r] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

/* phone */
.my-grid thead tr th:nth-child(3) > *[b-e41nscch3r],
.my-grid tbody tr td:nth-child(3) > *[b-e41nscch3r] {
    display: flex;
    justify-content: center;
    width: 100%;
    /*direction: rtl;*/
    font-size: 12px;
    font-family: monospace;
    text-spacing: auto;
    font-weight: 800;
}

/* owner */
.my-grid thead tr th:nth-child(4) > *[b-e41nscch3r],
.my-grid tbody tr td:nth-child(4) > *[b-e41nscch3r] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}
/* /Components/Pages/Overall/CustomerOverallPage.razor.rz.scp.css */
body[b-n6wnzw7ppm] {
}

/* Fix height and enable scrolling */
.grid[b-n6wnzw7ppm] {
    width: 100%;
    height: 36rem;
    overflow-y: auto;
    border-width: 1px;
    border-color: silver;
    padding: 2px;
    margin: 2px;
}

/* Sticky header while scrolling */
[b-n6wnzw7ppm] table {
    min-width: 100%;
}

[b-n6wnzw7ppm] thead {
    position: sticky;
    top: 0;
    background-color: #d8d8d8;
    outline: 1px solid gray;
    font-size: 12px;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-n6wnzw7ppm] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-n6wnzw7ppm] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* max-width: 0; */
    text-overflow: ellipsis;
}

/* Stripe effect */
[b-n6wnzw7ppm] tbody tr {
    background-color: #000000;
    background-color: rgba(0,0,0,0.04);
    /* Don't collapse rows even if they are empty */
    /* height: 1.8rem; */
}

    [b-n6wnzw7ppm] tbody tr:nth-child(odd) {
        background: #ffffff;
        background: rgba(255,255,255,0.4);
    }

/* Magnifying glass */
.grid[b-n6wnzw7ppm]  .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}

/* grid Button styles */
.grid-button[b-n6wnzw7ppm] {
    border-width: 0;
    background-color: transparent;
    /* color: dimgray; */
    color: #0d6efd;
    font-size: 11px;
    /* font: 200 11px verdana; */
}

    .grid-button:hover[b-n6wnzw7ppm] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button:active[b-n6wnzw7ppm] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

.grid-button-number[b-n6wnzw7ppm] {
    border-width: 0;
    background-color: transparent;
    /* color: dimgray; */
    /*color: black;*/
    font-size: 14px;
    /* font: 200 11px verdana; */
}

    .grid-button-number:hover[b-n6wnzw7ppm] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button-number:active[b-n6wnzw7ppm] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

img[b-n6wnzw7ppm] {
    height: 25px;
    width: 25px;
}

/* Container for the input and icon */
.input-container[b-n6wnzw7ppm] {
    position: relative;
    display: inline-block;
    width: 500px;
}

/* Input field styling */
.input-field[b-n6wnzw7ppm] {
    width: 100%;
    padding: 10px 30px 10px 10px; /* Add padding to make space for the icon */
    /*font-size: 16px;*/
    border: 1px solid #ccc;
    border-radius: 10px;
}

/* Magnifier icon styling */
.magnifier-icon[b-n6wnzw7ppm] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-info-section[b-n6wnzw7ppm] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    direction: ltr;
    margin: auto;
    color: #888;
    font-size: 12px;
    font-weight: 400;
}

.filter-info[b-n6wnzw7ppm] {
    font-size: 10px;
    color: dimgray;
    font-weight: lighter;
}

/* customer */
.my-grid thead tr th:nth-child(2) > *[b-n6wnzw7ppm],
.my-grid tbody tr td:nth-child(2) > *[b-n6wnzw7ppm] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

/* phone */
.my-grid thead tr th:nth-child(3) > *[b-n6wnzw7ppm],
.my-grid tbody tr td:nth-child(3) > *[b-n6wnzw7ppm] {
    display: flex;
    justify-content: center;
    width: 100%;
    /*direction: rtl;*/
    font-size: 12px;
    font-family: monospace;
    text-spacing: auto;
    font-weight: 800;
}

/* owner */
.my-grid thead tr th:nth-child(4) > *[b-n6wnzw7ppm],
.my-grid tbody tr td:nth-child(4) > *[b-n6wnzw7ppm] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}
/* /Components/Pages/Overall/DiaryOverallPage.razor.rz.scp.css */
body[b-17tw2tkil6] {
}

.pointer[b-17tw2tkil6] {
    cursor: pointer;
}

.scrollable-div[b-17tw2tkil6] {
    height: 100vh;
    width: 100%;
    overflow-y: auto; /* enables vertical scrolling */
    overflow-x: hidden; /* prevents horizontal scrolling */
    /*border: 1px solid #ccc;*/
    padding: 10px 0;
}

/* Fix height and enable scrolling */
.grid[b-17tw2tkil6] {
    width: 100%;
    height: 40rem;
    overflow-y: auto;
    border-width: 1px;
    border-color: silver;
    padding: 2px;
    margin: 2px;
}

/* Sticky header while scrolling */
[b-17tw2tkil6] table {
    min-width: 100%;
}

[b-17tw2tkil6] thead {
    position: sticky;
    top: 0;
    background-color: #d8d8d8;
    outline: 1px solid gray;
    font-size: 12px;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-17tw2tkil6] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-17tw2tkil6] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* max-width: 0; */
    text-overflow: ellipsis;
}

/* Stripe effect */
[b-17tw2tkil6] tbody tr {
    background-color: #000000;
    background-color: rgba(0,0,0,0.04);
    /* Don't collapse rows even if they are empty */
    /* height: 1.8rem; */
}

    [b-17tw2tkil6] tbody tr:nth-child(odd) {
        background: #ffffff;
        background: rgba(255,255,255,0.4);
    }

/* Magnifying glass */
.grid[b-17tw2tkil6]  .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}

/* grid Button styles */
.grid-button[b-17tw2tkil6] {
    border-width: 0;
    background-color: transparent;
    /* color: dimgray; */
    color: #0d6efd;
    font-size: 11px;
    /* font: 200 11px verdana; */
}

    .grid-button:hover[b-17tw2tkil6] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button:active[b-17tw2tkil6] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

img[b-17tw2tkil6] {
    height: 25px;
    width: 25px;
}

/* Container for the input and icon */
.input-container[b-17tw2tkil6] {
    position: relative;
    display: inline-block;
    width: 300px;
}

.select-container[b-17tw2tkil6] {
    position: relative;
    display: inline-block;
    width: 150px;
}

/* Input field styling */
.input-field[b-17tw2tkil6] {
    width: 100%;
    padding: 10px 30px 10px 10px; /* Add padding to make space for the icon */
    /*font-size: 16px;*/
    border: 1px solid #ccc;
    border-radius: 10px;
}

.magnifier-icon[b-17tw2tkil6] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-input-container[b-17tw2tkil6] {
    position: relative;
    display: inline-block;
    width: 200px;
    direction: ltr;
}

.latin-input-field[b-17tw2tkil6] {
    width: 100%;
    padding: 10px 10px 10px 40px; /* Add padding to make space for the icon */
    border: 1px solid #ccc;
    border-radius: 10px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-transform: uppercase;
}

.latin-magnifier-icon[b-17tw2tkil6] {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-info-section[b-17tw2tkil6] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    direction: ltr;
    margin: auto;
    color: #888;
    font-size: 12px;
    font-weight: 400;
}

.filter-info[b-17tw2tkil6] {
    font-size: 10px;
    color: dimgray;
    font-weight: lighter;
}

.i-button[b-17tw2tkil6] {
    font-size: 1.4rem;
    color: #0d6efd;
    padding: 2px 10px;
    cursor: pointer;
}

    .i-button:hover[b-17tw2tkil6] {
        color: black;
        /*background-color: dimgray;*/
    }

/* chain-code */
.my-grid thead tr th:nth-child(3) > *[b-17tw2tkil6],
.my-grid tbody tr td:nth-child(3) > *[b-17tw2tkil6] {
    display: flex;
    justify-content: center;
    width: auto;
    direction: ltr;
    font-size: 12px;
    font-family: monospace;
    text-spacing: auto;
    font-weight: 500;
}

/* user */
.my-grid thead tr th:nth-child(4) > *[b-17tw2tkil6],
.my-grid tbody tr td:nth-child(4) > *[b-17tw2tkil6] {
    display: flex;
    justify-content: flex-start;
    width: 30%;
}

/* affected user */
.my-grid thead tr th:nth-child(5) > *[b-17tw2tkil6],
.my-grid tbody tr td:nth-child(5) > *[b-17tw2tkil6] {
    display: flex;
    justify-content: flex-start;
    width: 30%;
}

/* customer */
.my-grid thead tr th:nth-child(6) > *[b-17tw2tkil6],
.my-grid tbody tr td:nth-child(6) > *[b-17tw2tkil6] {
    display: flex;
    justify-content: flex-start;
    width: 30%;
}

/* description */
.my-grid thead tr th:nth-child(7) > *[b-17tw2tkil6],
.my-grid tbody tr td:nth-child(7) > *[b-17tw2tkil6] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}
/* /Components/Pages/Overall/UserOverallComponent.razor.rz.scp.css */
body[b-0pmfnfrz48] {
}

/* Fix height and enable scrolling */
.grid[b-0pmfnfrz48] {
    width: 100%;
    height: 16.5rem;
    overflow-y: auto;
    border-width: 1px;
    border-color: silver;
    padding: 2px;
    margin: 2px;
}

/* Sticky header while scrolling */
[b-0pmfnfrz48] table {
    min-width: 100%;
}

[b-0pmfnfrz48] thead {
    position: sticky;
    top: 0;
    background-color: #d8d8d8;
    outline: 1px solid gray;
    font-size: 12px;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-0pmfnfrz48] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-0pmfnfrz48] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* max-width: 0; */
    text-overflow: ellipsis;
}

/* Stripe effect */
[b-0pmfnfrz48] tbody tr {
    background-color: #000000;
    background-color: rgba(0,0,0,0.04);
    /* Don't collapse rows even if they are empty */
    /* height: 1.8rem; */
}

    [b-0pmfnfrz48] tbody tr:nth-child(odd) {
        background: #ffffff;
        background: rgba(255,255,255,0.4);
    }

/* Magnifying glass */
.grid[b-0pmfnfrz48]  .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}

/* grid Button styles */
.grid-button[b-0pmfnfrz48] {
    border-width: 0;
    background-color: transparent;
    /* color: dimgray; */
    color: #0d6efd;
    font-size: 11px;
    /* font: 200 11px verdana; */
}

    .grid-button:hover[b-0pmfnfrz48] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button:active[b-0pmfnfrz48] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

img[b-0pmfnfrz48] {
    height: 25px;
    width: 25px;
}

/* Container for the input and icon */
.input-container[b-0pmfnfrz48] {
    position: relative;
    display: inline-block;
    width: 300px;
}

/* Input field styling */
.input-field[b-0pmfnfrz48] {
    width: 100%;
    padding: 10px 30px 10px 10px; /* Add padding to make space for the icon */
    /*font-size: 16px;*/
    border: 1px solid #ccc;
    border-radius: 10px;
}

/* Magnifier icon styling */
.magnifier-icon[b-0pmfnfrz48] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-info-section[b-0pmfnfrz48] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    direction: ltr;
    margin: auto;
    color: #888;
    font-size: 12px;
    font-weight: 400;
}

.filter-info[b-0pmfnfrz48] {
    font-size: 10px;
    color: dimgray;
    font-weight: lighter;
}

/* user */
.my-grid thead tr th:nth-child(1) > *[b-0pmfnfrz48],
.my-grid tbody tr td:nth-child(1) > *[b-0pmfnfrz48] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

/* bureau */
.my-grid thead tr th:nth-child(2) > *[b-0pmfnfrz48],
.my-grid tbody tr td:nth-child(2) > *[b-0pmfnfrz48] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}
/* /Components/Pages/Patchwork/UndoneChoresComponent.razor.rz.scp.css */
body[b-r1e137qado] {
}

.pointer[b-r1e137qado] {
    cursor: pointer;
}

/* Fix height and enable scrolling */
.grid[b-r1e137qado] {
    width: 100%;
    height: 16.5rem;
    overflow-y: auto;
    border-width: 1px;
    border-color: silver;
    padding: 2px;
    margin: 2px;
}

/* Sticky header while scrolling */
[b-r1e137qado] table {
    min-width: 100%;
}

[b-r1e137qado] thead {
    position: sticky;
    top: 0;
    background-color: #d8d8d8;
    outline: 1px solid gray;
    font-size: 12px;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-r1e137qado] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-r1e137qado] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* max-width: 0; */
    text-overflow: ellipsis;
}

/* Stripe effect */
[b-r1e137qado] tbody tr {
    background-color: #000000;
    background-color: rgba(0,0,0,0.04);
    /* Don't collapse rows even if they are empty */
    /* height: 1.8rem; */
}

    [b-r1e137qado] tbody tr:nth-child(odd) {
        background: #ffffff;
        background: rgba(255,255,255,0.4);
    }

/* Magnifying glass */
.grid[b-r1e137qado]  .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}

/* grid Button styles */
.grid-button[b-r1e137qado] {
    border-width: 0;
    background-color: transparent;
    /* color: dimgray; */
    color: #0d6efd;
    font-size: 11px;
    /* font: 200 11px verdana; */
}

    .grid-button:hover[b-r1e137qado] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button:active[b-r1e137qado] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

img[b-r1e137qado] {
    height: 25px;
    width: 25px;
}

/* Container for the input and icon */
.select-container[b-r1e137qado] {
    position: relative;
    display: inline-block;
    width: 150px;
}

.input-container[b-r1e137qado] {
    position: relative;
    display: inline-block;
    width: 300px;
}

/* Input field styling */
.input-field[b-r1e137qado] {
    width: 100%;
    padding: 10px 30px 10px 10px; /* Add padding to make space for the icon */
    /*font-size: 16px;*/
    border: 1px solid #ccc;
    border-radius: 10px;
}

.magnifier-icon[b-r1e137qado] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-input-container[b-r1e137qado] {
    position: relative;
    display: inline-block;
    width: 200px;
    direction: ltr;
}

.latin-input-field[b-r1e137qado] {
    width: 100%;
    padding: 10px 10px 10px 40px; /* Add padding to make space for the icon */
    border: 1px solid #ccc;
    border-radius: 10px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-transform: uppercase;
}

.latin-magnifier-icon[b-r1e137qado] {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-info-section[b-r1e137qado] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    direction: ltr;
    margin: auto;
    color: #888;
    font-size: 12px;
    font-weight: 400;
}

.filter-info[b-r1e137qado] {
    font-size: 10px;
    color: dimgray;
    font-weight: lighter;
}

.i-button[b-r1e137qado] {
    font-size: 1.4rem;
    color: #0d6efd;
    padding: 2px 10px;
    cursor: pointer;
}

    .i-button:hover[b-r1e137qado] {
        color: black;
        /*background-color: dimgray;*/
    }

/* chain-code */
.my-grid thead tr th:nth-child(1) > *[b-r1e137qado],
.my-grid tbody tr td:nth-child(1) > *[b-r1e137qado] {
    display: flex;
    justify-content: center;
    width: 100%;
    direction: ltr;
    font-size: 12px;
    font-family: monospace;
    text-spacing: auto;
    font-weight: 500;
}

/* title */
.my-grid thead tr th:nth-child(5) > *[b-r1e137qado],
.my-grid tbody tr td:nth-child(5) > *[b-r1e137qado] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    font-size: 11px;
}

/* customer */
.my-grid thead tr th:nth-child(6) > *[b-r1e137qado],
.my-grid tbody tr td:nth-child(6) > *[b-r1e137qado] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

/* user */
.my-grid thead tr th:nth-child(7) > *[b-r1e137qado],
.my-grid tbody tr td:nth-child(7) > *[b-r1e137qado] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

/* description */
.my-grid thead tr th:nth-child(8) > *[b-r1e137qado],
.my-grid tbody tr td:nth-child(8) > *[b-r1e137qado] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    font-size: 11px;
}

/* operation */
.my-grid thead tr th:nth-child(9) > *[b-r1e137qado],
.my-grid tbody tr td:nth-child(9) > *[b-r1e137qado] {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin: 0 -10px;
}
/* /Components/Pages/Patchwork/UserUndoneChoresComponent.razor.rz.scp.css */
body[b-xpxggzgwri] {
}

.pointer[b-xpxggzgwri] {
    cursor: pointer;
}

/* Fix height and enable scrolling */
.grid[b-xpxggzgwri] {
    width: 100%;
    height: 16.5rem;
    overflow-y: auto;
    border-width: 1px;
    border-color: silver;
    padding: 2px;
    margin: 2px;
}

/* Sticky header while scrolling */
[b-xpxggzgwri] table {
    min-width: 100%;
}

[b-xpxggzgwri] thead {
    position: sticky;
    top: 0;
    background-color: #d8d8d8;
    outline: 1px solid gray;
    font-size: 12px;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-xpxggzgwri] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-xpxggzgwri] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* max-width: 0; */
    text-overflow: ellipsis;
}

/* Stripe effect */
[b-xpxggzgwri] tbody tr {
    background-color: #000000;
    background-color: rgba(0,0,0,0.04);
    /* Don't collapse rows even if they are empty */
    /* height: 1.8rem; */
}

    [b-xpxggzgwri] tbody tr:nth-child(odd) {
        background: #ffffff;
        background: rgba(255,255,255,0.4);
    }

/* Magnifying glass */
.grid[b-xpxggzgwri]  .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}

/* grid Button styles */
.grid-button[b-xpxggzgwri] {
    border-width: 0;
    background-color: transparent;
    /* color: dimgray; */
    color: #0d6efd;
    font-size: 11px;
    /* font: 200 11px verdana; */
}

    .grid-button:hover[b-xpxggzgwri] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button:active[b-xpxggzgwri] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

img[b-xpxggzgwri] {
    height: 25px;
    width: 25px;
}

/* Container for the input and icon */
.select-container[b-xpxggzgwri] {
    position: relative;
    display: inline-block;
    width: 150px;
}

.input-container[b-xpxggzgwri] {
    position: relative;
    display: inline-block;
    width: 300px;
}

/* Input field styling */
.input-field[b-xpxggzgwri] {
    width: 100%;
    padding: 10px 30px 10px 10px; /* Add padding to make space for the icon */
    /*font-size: 16px;*/
    border: 1px solid #ccc;
    border-radius: 10px;
}

.magnifier-icon[b-xpxggzgwri] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-input-container[b-xpxggzgwri] {
    position: relative;
    display: inline-block;
    width: 200px;
    direction: ltr;
}

.latin-input-field[b-xpxggzgwri] {
    width: 100%;
    padding: 10px 10px 10px 40px; /* Add padding to make space for the icon */
    border: 1px solid #ccc;
    border-radius: 10px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-transform: uppercase;
}

.latin-magnifier-icon[b-xpxggzgwri] {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-info-section[b-xpxggzgwri] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    direction: ltr;
    margin: auto;
    color: #888;
    font-size: 12px;
    font-weight: 400;
}

.filter-info[b-xpxggzgwri] {
    font-size: 10px;
    color: dimgray;
    font-weight: lighter;
}

.i-button[b-xpxggzgwri] {
    font-size: 1.4rem;
    color: #0d6efd;
    padding: 2px 10px;
    cursor: pointer;
}

    .i-button:hover[b-xpxggzgwri] {
        color: black;
        /*background-color: dimgray;*/
    }

/* chain-code */
.my-grid thead tr th:nth-child(1) > *[b-xpxggzgwri],
.my-grid tbody tr td:nth-child(1) > *[b-xpxggzgwri] {
    display: flex;
    justify-content: center;
    width: 100%;
    direction: ltr;
    font-size: 12px;
    font-family: monospace;
    text-spacing: auto;
    font-weight: 500;
}

/* title */
.my-grid thead tr th:nth-child(5) > *[b-xpxggzgwri],
.my-grid tbody tr td:nth-child(5) > *[b-xpxggzgwri] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    font-size: 11px;
}

/* customer */
.my-grid thead tr th:nth-child(6) > *[b-xpxggzgwri],
.my-grid tbody tr td:nth-child(6) > *[b-xpxggzgwri] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

/* description */
.my-grid thead tr th:nth-child(7) > *[b-xpxggzgwri],
.my-grid tbody tr td:nth-child(7) > *[b-xpxggzgwri] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    font-size: 11px;
}

/* operation */
.my-grid thead tr th:nth-child(8) > *[b-xpxggzgwri],
.my-grid tbody tr td:nth-child(8) > *[b-xpxggzgwri] {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin: 0 -10px;
}
/* /Components/Pages/Patchwork/UserWorkoutComponent.razor.rz.scp.css */
body[b-dirse9s4nm] {
}

.pointer[b-dirse9s4nm] {
    cursor: pointer;
}

/* Fix height and enable scrolling */
.grid[b-dirse9s4nm] {
    width: 100%;
    height: 16.5rem;
    overflow-y: auto;
    border-width: 2px;
    border-color: black;
    padding: 2px;
    margin: 2px;
}

/* Sticky header while scrolling */
[b-dirse9s4nm] table {
    min-width: 100%;
}

[b-dirse9s4nm] thead {
    position: sticky;
    top: 0;
    /* background-color: #eee; */
    background-color: #d8d8d8;
    outline: 1px solid gray;
    font-size: 12px;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-dirse9s4nm] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-dirse9s4nm] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* max-width: 0; */
    text-overflow: ellipsis;
}

/* Stripe effect */
[b-dirse9s4nm] tbody tr {
    background-color: #000000;
    background-color: rgba(0,0,0,0.04);
    /* Don't collapse rows even if they are empty */
    /* height: 1.8rem; */
}

    [b-dirse9s4nm] tbody tr:nth-child(odd) {
        background: #ffffff;
        background: rgba(255,255,255,0.4);
    }

/* Magnifying glass */
.grid[b-dirse9s4nm]  .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}

/* grid Button styles */
.grid-button[b-dirse9s4nm] {
    border-width: 0;
    background-color: transparent;
    /* color: dimgray; */
    color: #0d6efd;
    font-size: 11px;
    /* font: 200 11px verdana; */
}

    .grid-button:hover[b-dirse9s4nm] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button:active[b-dirse9s4nm] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

.grid-button-number[b-dirse9s4nm] {
    border-width: 0;
    background-color: transparent;
    /* color: dimgray; */
    /*color: black;*/
    font-size: 14px;
    /* font: 200 11px verdana; */
}

    .grid-button-number:hover[b-dirse9s4nm] {
        /*background-color: #6884f9;*/
        /* background-color: darkcyan; */
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button-number:active[b-dirse9s4nm] {
        /*background-color: #192e86;*/
        /* background-color: steelblue; */
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

img[b-dirse9s4nm] {
    height: 25px;
    width: 25px;
}

/* Container for the input and icon */
.select-container[b-dirse9s4nm] {
    position: relative;
    display: inline-block;
    width: 150px;
}

.input-container[b-dirse9s4nm] {
    position: relative;
    display: inline-block;
    width: 300px;
}

/* Input field styling */
.input-field[b-dirse9s4nm] {
    width: 100%;
    padding: 10px 30px 10px 10px; /* Add padding to make space for the icon */
    /*font-size: 16px;*/
    border: 1px solid #ccc;
    border-radius: 10px;
}

.magnifier-icon[b-dirse9s4nm] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-input-container[b-dirse9s4nm] {
    position: relative;
    display: inline-block;
    width: 200px;
    direction: ltr;
}

.latin-input-field[b-dirse9s4nm] {
    width: 100%;
    padding: 10px 10px 10px 40px; /* Add padding to make space for the icon */
    border: 1px solid #ccc;
    border-radius: 10px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-transform: uppercase;
}

.latin-magnifier-icon[b-dirse9s4nm] {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-info-section[b-dirse9s4nm] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    direction: ltr;
    margin: auto;
    color: #888;
    font-size: 12px;
    font-weight: 400;
}

.filter-info[b-dirse9s4nm] {
    font-size: 10px;
    color: dimgray;
    font-weight: lighter;
}

.i-button[b-dirse9s4nm] {
    font-size: 1.4rem;
    color: #0d6efd;
    padding: 2px 10px;
    cursor: pointer;
}

    .i-button:hover[b-dirse9s4nm] {
        color: black;
        /*background-color: dimgray;*/
    }

/* chain-code */
.my-grid thead tr th:nth-child(1) > *[b-dirse9s4nm],
.my-grid tbody tr td:nth-child(1) > *[b-dirse9s4nm] {
    display: flex;
    justify-content: center;
    width: 100%;
    direction: ltr;
    font-size: 12px;
    font-family: monospace;
    text-spacing: auto;
    font-weight: 500;
}

/* title */
.my-grid thead tr th:nth-child(5) > *[b-dirse9s4nm],
.my-grid tbody tr td:nth-child(5) > *[b-dirse9s4nm] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    font-size: 11px;
}

/* customer */
.my-grid thead tr th:nth-child(6) > *[b-dirse9s4nm],
.my-grid tbody tr td:nth-child(6) > *[b-dirse9s4nm] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

/* description */
.my-grid thead tr th:nth-child(7) > *[b-dirse9s4nm],
.my-grid tbody tr td:nth-child(7) > *[b-dirse9s4nm] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    font-size: 11px;
}

/* operation */
.my-grid thead tr th:nth-child(8) > *[b-dirse9s4nm],
.my-grid tbody tr td:nth-child(8) > *[b-dirse9s4nm] {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin: 0 -10px;
}
/* /Components/Pages/ReportsPage.razor.rz.scp.css */
body[b-zd68lu24vq] {
}

.ss-div[b-zd68lu24vq] {
    overflow-y: auto;
}

.description-text[b-zd68lu24vq] {
    height: 100px;
    text-align: justify;
    color: dimgray;
    font-size: 0.9rem;
}
/* /Components/Pages/SemiChore/ListComponent.razor.rz.scp.css */
body[b-8t81dn1pp4] {
}

.pointer[b-8t81dn1pp4] {
    cursor: pointer;
}

/* Fix height and enable scrolling */
.grid[b-8t81dn1pp4] {
    width: 100%;
    height: 16.5rem;
    overflow-y: auto;
    border-width: 1px;
    border-color: silver;
    padding: 2px;
    margin: 2px;
}

/* Sticky header while scrolling */
[b-8t81dn1pp4] table {
    min-width: 100%;
}

[b-8t81dn1pp4] thead {
    position: sticky;
    top: 0;
    /* background-color: #eee; */
    background-color: #d8d8d8;
    outline: 1px solid gray;
    font-size: 12px;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-8t81dn1pp4] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-8t81dn1pp4] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* max-width: 0; */
    text-overflow: ellipsis;
}

/* Stripe effect */
[b-8t81dn1pp4] tbody tr {
    background-color: #000000;
    background-color: rgba(0,0,0,0.04);
    /* Don't collapse rows even if they are empty */
    /* height: 1.8rem; */
}

    [b-8t81dn1pp4] tbody tr:nth-child(odd) {
        background: #ffffff;
        background: rgba(255,255,255,0.4);
    }

/* Magnifying glass */
.grid[b-8t81dn1pp4]  .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}

/* grid Button styles */
.grid-button[b-8t81dn1pp4] {
    border-width: 0;
    background-color: transparent;
    color: #0d6efd;
    font-size: 11px;
}

    .grid-button:hover[b-8t81dn1pp4] {
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button:active[b-8t81dn1pp4] {
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

img[b-8t81dn1pp4] {
    height: 25px;
    width: 25px;
}

/* Container for the input and icon */
.input-container[b-8t81dn1pp4] {
    position: relative;
    display: inline-block;
    width: 100px;
}

/* Input field styling */
.input-field[b-8t81dn1pp4] {
    width: 100%;
    padding: 10px 30px 10px 10px; /* Add padding to make space for the icon */
    /*font-size: 16px;*/
    border: 1px solid #ccc;
    border-radius: 10px;
}

/* Magnifier icon styling */
.magnifier-icon[b-8t81dn1pp4] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-info-section[b-8t81dn1pp4] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    direction: ltr;
    margin: auto;
    color: #888;
    font-size: 12px;
    font-weight: 400;
}

.filter-info[b-8t81dn1pp4] {
    font-size: 10px;
    color: dimgray;
    font-weight: lighter;
}

.i-button[b-8t81dn1pp4] {
    font-size: 1.4rem;
    color: #0d6efd;
    padding: 2px 10px;
    cursor: pointer;
}

    .i-button:hover[b-8t81dn1pp4] {
        color: black;
        /*background-color: dimgray;*/
    }

/* customer */
.my-grid thead tr th:nth-child(4) > *[b-8t81dn1pp4],
.my-grid tbody tr td:nth-child(4) > *[b-8t81dn1pp4] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

/* phone */
.my-grid thead tr th:nth-child(5) > *[b-8t81dn1pp4],
.my-grid tbody tr td:nth-child(5) > *[b-8t81dn1pp4] {
    display: flex;
    justify-content: center;
    width: 100%;
    /*direction: rtl;*/
    font-size: 12px;
    font-family: monospace;
    text-spacing: auto;
    font-weight: 800;
}

/* operations */
.my-grid thead tr th:nth-child(6) > *[b-8t81dn1pp4],
.my-grid tbody tr td:nth-child(6) > *[b-8t81dn1pp4] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}
/* /Components/Pages/SemiChore/ToChorePage.razor.rz.scp.css */
body[b-l1m8kanfhi] {
}
body[b-l1m8kanfhi] {
}

.scrollable-div[b-l1m8kanfhi] {
    height: 100vh;
    width: 100%;
    overflow-y: auto; /* enables vertical scrolling */
    overflow-x: hidden; /* prevents horizontal scrolling */
    /*border: 1px solid #ccc;*/
    padding: 0 10px 0 10px;
    /*margin: 0 10px 0 10px;*/
}
/* /Components/Pages/Summary/AdminPage.razor.rz.scp.css */
body[b-ehfm2w9ld4] {
}

.pointer[b-ehfm2w9ld4] {
    cursor: pointer;
}

.scrollable-div[b-ehfm2w9ld4] {
    height: 100vh;
    width: 100%;
    overflow-y: auto; /* enables vertical scrolling */
    overflow-x: hidden; /* prevents horizontal scrolling */
    /*border: 1px solid #ccc;*/
    padding: 10px 0;
}

/* Fix height and enable scrolling */
.grid[b-ehfm2w9ld4] {
    width: 100%;
    height: 40rem;
    overflow-y: auto;
    border-width: 1px;
    border-color: silver;
    padding: 2px;
    margin: 2px;
}

/* Sticky header while scrolling */
[b-ehfm2w9ld4] table {
    min-width: 100%;
}

[b-ehfm2w9ld4] thead {
    position: sticky;
    top: 0;
    background-color: #d8d8d8;
    outline: 1px solid gray;
    font-size: 12px;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-ehfm2w9ld4] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-ehfm2w9ld4] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* max-width: 0; */
    text-overflow: ellipsis;
}

/* Stripe effect */
[b-ehfm2w9ld4] tbody tr {
    background-color: #000000;
    background-color: rgba(0,0,0,0.04);
    /* Don't collapse rows even if they are empty */
    /* height: 1.8rem; */
}

    [b-ehfm2w9ld4] tbody tr:nth-child(odd) {
        background: #ffffff;
        background: rgba(255,255,255,0.4);
    }

/* Magnifying glass */
.grid[b-ehfm2w9ld4]  .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}

/* grid Button styles */
.grid-button[b-ehfm2w9ld4] {
    border-width: 0;
    background-color: transparent;
    color: #0d6efd;
    font-size: 11px;
}

    .grid-button:hover[b-ehfm2w9ld4] {
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button:active[b-ehfm2w9ld4] {
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

img[b-ehfm2w9ld4] {
    height: 25px;
    width: 25px;
}

/* Container for the input and icon */
.input-container[b-ehfm2w9ld4] {
    position: relative;
    display: inline-block;
    width: 300px;
}

.select-container[b-ehfm2w9ld4] {
    position: relative;
    display: inline-block;
    width: 200px;
}

/* Input field styling */
.input-field[b-ehfm2w9ld4] {
    width: 100%;
    padding: 10px 30px 10px 10px; /* Add padding to make space for the icon */
    border: 1px solid #ccc;
    border-radius: 10px;
}

.magnifier-icon[b-ehfm2w9ld4] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-input-container[b-ehfm2w9ld4] {
    position: relative;
    display: inline-block;
    width: 200px;
    direction: ltr;
}

.latin-input-field[b-ehfm2w9ld4] {
    width: 100%;
    padding: 10px 10px 10px 40px; /* Add padding to make space for the icon */
    border: 1px solid #ccc;
    border-radius: 10px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-transform: uppercase;
}

.latin-magnifier-icon[b-ehfm2w9ld4] {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-info-section[b-ehfm2w9ld4] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    direction: ltr;
    margin: auto;
    color: #888;
    font-size: 12px;
    font-weight: 400;
}

.filter-info[b-ehfm2w9ld4] {
    font-size: 10px;
    color: dimgray;
    font-weight: lighter;
}

/* chain-code */
/*.my-grid thead tr th:nth-child(1) > *,
.my-grid tbody tr td:nth-child(1) > * {
    display: flex;
    justify-content: center;
    width: 100%;
    direction: ltr;
    font-size: 12px;
    font-family: monospace;
    text-spacing: auto;
    font-weight: 500;
}*/

/* user */
.my-grid thead tr th:nth-child(2) > *[b-ehfm2w9ld4],
.my-grid tbody tr td:nth-child(2) > *[b-ehfm2w9ld4] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

/* bureau */
.my-grid thead tr th:nth-child(3) > *[b-ehfm2w9ld4],
.my-grid tbody tr td:nth-child(3) > *[b-ehfm2w9ld4] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}
/* /Components/Pages/Summary/UserPage.razor.rz.scp.css */
body[b-ilqhy2ss1q] {
}

.pointer[b-ilqhy2ss1q] {
    cursor: pointer;
}

.scrollable-div[b-ilqhy2ss1q] {
    height: 100vh;
    width: 100%;
    overflow-y: auto; /* enables vertical scrolling */
    overflow-x: hidden; /* prevents horizontal scrolling */
    /*border: 1px solid #ccc;*/
    padding: 10px 0;
}

/* Fix height and enable scrolling */
.grid[b-ilqhy2ss1q] {
    width: 100%;
    height: 40rem;
    overflow-y: auto;
    border-width: 1px;
    border-color: silver;
    padding: 2px;
    margin: 2px;
}

/* Sticky header while scrolling */
[b-ilqhy2ss1q] table {
    min-width: 100%;
}

[b-ilqhy2ss1q] thead {
    position: sticky;
    top: 0;
    background-color: #d8d8d8;
    outline: 1px solid gray;
    font-size: 12px;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-ilqhy2ss1q] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-ilqhy2ss1q] tbody td {
    white-space: nowrap;
    overflow: hidden;
    /* max-width: 0; */
    text-overflow: ellipsis;
}

/* Stripe effect */
[b-ilqhy2ss1q] tbody tr {
    background-color: #000000;
    background-color: rgba(0,0,0,0.04);
    /* Don't collapse rows even if they are empty */
    /* height: 1.8rem; */
}

    [b-ilqhy2ss1q] tbody tr:nth-child(odd) {
        background: #ffffff;
        background: rgba(255,255,255,0.4);
    }

/* Magnifying glass */
.grid[b-ilqhy2ss1q]  .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}

/* grid Button styles */
.grid-button[b-ilqhy2ss1q] {
    border-width: 0;
    background-color: transparent;
    color: #0d6efd;
    font-size: 11px;
}

    .grid-button:hover[b-ilqhy2ss1q] {
        background-color: dimgray;
        border-radius: 4px 5px;
        color: whitesmoke;
    }

    .grid-button:active[b-ilqhy2ss1q] {
        background-color: dimgray;
        color: white;
        border-radius: 4px 5px;
    }

img[b-ilqhy2ss1q] {
    height: 25px;
    width: 25px;
}

/* Container for the input and icon */
.input-container[b-ilqhy2ss1q] {
    position: relative;
    display: inline-block;
    width: 300px;
}

.select-container[b-ilqhy2ss1q] {
    position: relative;
    display: inline-block;
    width: 200px;
}

/* Input field styling */
.input-field[b-ilqhy2ss1q] {
    width: 100%;
    padding: 10px 30px 10px 10px; /* Add padding to make space for the icon */
    border: 1px solid #ccc;
    border-radius: 10px;
}

.magnifier-icon[b-ilqhy2ss1q] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-input-container[b-ilqhy2ss1q] {
    position: relative;
    display: inline-block;
    width: 200px;
    direction: ltr;
}

.latin-input-field[b-ilqhy2ss1q] {
    width: 100%;
    padding: 10px 10px 10px 40px; /* Add padding to make space for the icon */
    border: 1px solid #ccc;
    border-radius: 10px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-transform: uppercase;
}

.latin-magnifier-icon[b-ilqhy2ss1q] {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    color: #888;
    pointer-events: none; /* Prevent the icon from blocking input clicks */
    font-size: 18px;
}

.latin-info-section[b-ilqhy2ss1q] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    direction: ltr;
    margin: auto;
    color: #888;
    font-size: 12px;
    font-weight: 400;
}

.filter-info[b-ilqhy2ss1q] {
    font-size: 10px;
    color: dimgray;
    font-weight: lighter;
}

/* chain-code */
/*.my-grid thead tr th:nth-child(1) > *,
.my-grid tbody tr td:nth-child(1) > * {
    display: flex;
    justify-content: center;
    width: 100%;
    direction: ltr;
    font-size: 12px;
    font-family: monospace;
    text-spacing: auto;
    font-weight: 500;
}*/