@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css';
@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';

/* /Components/Layout/AuthLayout.razor.rz.scp.css */
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#main-container[b-x7mqc1uwwe] {
    --sidebar-expanded: 16rem;
    --sidebar-collapsed: 4.5rem;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

#main-menu[b-x7mqc1uwwe] {
    width: var(--sidebar-expanded);
    transition: width .2s ease;
    margin: 0;
    padding: 0;
    background-color: #333F54;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
}

#container[b-x7mqc1uwwe] {
    width: calc(100% - var(--sidebar-expanded));
    transition: width .2s ease;
    margin: 0;
    padding: 0;
    background-color: #F2F2F2;
    height: 100%;
    overflow-y: auto;
}

#sub-menu[b-x7mqc1uwwe] {
    display: flex;
    justify-content: space-between; 
    align-items: center;

    height: 7.5%;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(66, 68, 90, 1);
    -moz-box-shadow: 0px 4px 10px 0px rgba(66, 68, 90, 1);
    box-shadow: 0px 4px 10px 0px rgba(66, 68, 90, 1);
}

#sub-menu span[b-x7mqc1uwwe]{
    margin-top: .5vh;
    font-size: 6vh;
    cursor: pointer;
}

.logo[b-x7mqc1uwwe] {
    width: 15vh;
    padding: 1vh;
    transition: width .2s ease, opacity .2s ease;
}

#nav-panel[b-x7mqc1uwwe] {
    width: 100%;
    color: #8391A2;
    font-weight: 600;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 1vh;
    gap: 1vh;
}

#nav-panel p[b-x7mqc1uwwe]{
    padding-left: 1vh;
}

.section-btn[b-x7mqc1uwwe] {
    display: flex;
    gap: 1vh;
    align-items: center;
    cursor: pointer;
    width: 89%;
    padding: 1vh;
    border-radius: 8px;
    transition: background .15s ease, padding .2s ease;
}

    .section-btn:hover[b-x7mqc1uwwe] {
        background-color: #E8ECF4;
    }

    .section-btn .material-symbols-outlined[b-x7mqc1uwwe] {
        font-size: 3vh;
        min-width: 2.5rem;
        display: inline-flex;
        justify-content: center;
    }

#avatar[b-x7mqc1uwwe] {
    width: 5vh;
    height: 5vh;
    border-radius: 50%;
    background: #B3C8E5;
    background: linear-gradient(180deg,rgba(179, 200, 229, 1) -50%, rgba(0, 0, 0, 1) 50%);
    color: #fff;
    margin: 1vh;
}

#avatar span[b-x7mqc1uwwe]{
    font-size: 3vh;
    display: flex;
    justify-content: flex-start;
}

#right-sub-menu[b-x7mqc1uwwe]{
    display: flex;
    gap: 1vh;
    cursor: pointer;
}

#right-sub-menu span[b-x7mqc1uwwe]{
    display: flex;
    align-items: center;
    justify-content: center;
}

.fs2[b-x7mqc1uwwe] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1vh;

    margin-right: 5vh;
}

.fs2 span[b-x7mqc1uwwe]{
    font-size: 2vh !important;
}

#right-sub-menu[b-x7mqc1uwwe] {
    position: relative;
    display: flex;
    gap: .5rem;
    align-items: center;
    cursor: pointer;
}

.kebab-menu[b-x7mqc1uwwe] {
    position: absolute;
    right: 5vh;
    top: calc(100% - 8px);
    min-width: 100px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(0,0,0,.12);
    padding: 4px;
    z-index: 1001;
}

.menu-item[b-x7mqc1uwwe] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: 10px 12px;
    border: 0;
    background: transparent;
    font: inherit;
    text-align: left;
}

    .menu-item:hover[b-x7mqc1uwwe] {
        background: #f3f4f6;
    }

    .menu-item.danger[b-x7mqc1uwwe] {
        color: #b91c1c;
    }

.menu-overlay[b-x7mqc1uwwe] {
    position: fixed;
    inset: 0;
    background: transparent;
    z-index: 1000;
}

.kebab-menu button span[b-x7mqc1uwwe]{
    font-size: 2vh !important;
}

#main-container.collapsed #main-menu[b-x7mqc1uwwe] {
    width: var(--sidebar-collapsed);
}

#main-container.collapsed #container[b-x7mqc1uwwe] {
    width: calc(100% - var(--sidebar-collapsed));
}

.hamburger[b-x7mqc1uwwe] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border: 0;
    background: transparent;
    padding: 0 1rem;
    cursor: pointer;
}

#nav-panel p.nav-title[b-x7mqc1uwwe] {
    padding-left: 1vh;
}

#main-container.collapsed .logo[b-x7mqc1uwwe] {
    width: 0;
    opacity: 0;
}

#main-container.collapsed #nav-panel .nav-title[b-x7mqc1uwwe] {
    display: none;
}

#main-container.collapsed .section-btn[b-x7mqc1uwwe] {
    width: calc(100% - 1.4rem);
    justify-content: center;
}

    #main-container.collapsed .section-btn .label[b-x7mqc1uwwe] {
        display: none;
    }

#footer[b-x7mqc1uwwe]{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;

    opacity: .6;
    color: #fff;
    width: 100%;
    height: 100%;
    margin-bottom: 5%;
}

#footer hr[b-x7mqc1uwwe]{
    width: 80%;
}

#footer span[b-x7mqc1uwwe]{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80%;
}

#main-container.collapsed #footer hr[b-x7mqc1uwwe] {
    transition: width .2s ease;
}

#main-container.collapsed #footer .version-id[b-x7mqc1uwwe] {
    transition: width .2s ease;
    display: none;
}


.sub-section-btn[b-x7mqc1uwwe] {
    display: flex;
    gap: 1vh;
    align-items: center;
    cursor: pointer;
    width: 60%;
    padding: 1vh;
    margin-left: 3vh;
    border-radius: 8px;
    transition: background .15s ease, padding .2s ease;
}

    .sub-section-btn:hover[b-x7mqc1uwwe] {
        background-color: #E8ECF4;
    }

    .sub-section-btn .material-symbols-outlined[b-x7mqc1uwwe] {
        font-size: 2vh;
        min-width: 2.5rem;
        display: inline-flex;
        justify-content: center;
    }

.collapsed-menu-invisible[b-x7mqc1uwwe]{
    display: none !important;
}

#main-container.collapsed .sub-section-btn[b-x7mqc1uwwe] {
    width: calc(100% - 2.3rem);
    justify-content: center;
    margin-left: 1vh;
}

    #main-container.collapsed .sub-section-btn .label[b-x7mqc1uwwe] {
        display: none;
    }

.active[b-x7mqc1uwwe] {
    background-color: #E8ECF4;
}
/* /Components/ModalComponent.razor.rz.scp.css */
#container[b-o69n4qlocp]{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
}

h1[b-o69n4qlocp] {
    margin-top: -3.5vh !important;
    margin: 0;
    font-family: 'SF Pro Display', sans-serif;
    opacity: .8;
}

h3[b-o69n4qlocp] {
    margin-top: 0;
    font-family: 'SF Pro Display', sans-serif;
    opacity: .6;
}

#button-container[b-o69n4qlocp]{
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 1vh;
}
/* /Components/Pages/Account/Account.razor.rz.scp.css */
h3[b-aez5sfegeg] {
    font-size: 28px;
    color: #42526E;
}

form[b-aez5sfegeg] {
    display: flex;
    flex-direction: column;
    margin: 1%;
    gap: 1vh;
}

    form input[b-aez5sfegeg] {
        width: 30%;
        height: 4vh;
    }

.input-wrapper[b-aez5sfegeg] {
    display: flex;
    flex-direction: column;
    color: #888;
    margin: 1%;
}

    .input-wrapper label[b-aez5sfegeg] {
        opacity: .8;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 600;
        font-size: 1.5vh;
        text-transform: uppercase;
    }

.standard-input[b-aez5sfegeg] {
    width: 30%;
    border-width: 1px;
    background: #fff;
    padding-left: 1%;
    font-size: 1.5vh;
}

.standard-select[b-aez5sfegeg] {
    width: 31.25% !important;
}

.primary-button[b-aez5sfegeg] {
    width: 15%;
}

#btn-container[b-aez5sfegeg] {
    display: flex;
    gap: 1%;
    width: 50%;
    justify-content: flex-end;
}

#header-container[b-aez5sfegeg] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

#body-container[b-aez5sfegeg] {
    background-color: #fff;
    -webkit-box-shadow: 8px 8px 12px -12px rgba(66, 68, 90, 1);
    -moz-box-shadow: 8px 8px 12px -12px rgba(66, 68, 90, 1);
    box-shadow: 8px 8px 12px -12px rgba(66, 68, 90, 1);
    border-radius: .3rem;
    padding: 2vh;
}

.labels[b-aez5sfegeg] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    width: 31%;
}

.required[b-aez5sfegeg] {
    color: red;
    font-size: .6rem !important;
}

.input-wrapper:has(input:invalid)[b-aez5sfegeg],
.input-wrapper:has(select:invalid)[b-aez5sfegeg] {
}

.input-wrapper:has(input:valid) .required[b-aez5sfegeg],
.input-wrapper:has(select:valid) .required[b-aez5sfegeg] {
    display: none;
}

.standard-input:required:invalid[b-aez5sfegeg],
.standard-select:required.invalid[b-aez5sfegeg] {
    border: 1px solid red;
}
/* /Components/Pages/Authorization/Authorization.razor.rz.scp.css */
form[b-op790tnyzn]{
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;

    width: 100%;
    height: 100%;
}

legend[b-op790tnyzn] {
    font-size: 2.5vh;
    color: #333F54;
    font-weight: 700;
}

fieldset[b-op790tnyzn] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: none;
    width: 80%;
}

#main-container[b-op790tnyzn] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    width: 100%;
    height: 93.5vh;
    border-radius: 8px;
}

#sub-container[b-op790tnyzn] {
    display: flex;
    background-color: #fff;
    width: 50%;
    height: 75%;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
}

.logo[b-op790tnyzn]{
    width: 10vh;
    padding: 1vh;
}

.sub-logo[b-op790tnyzn]{
    width: 30vh;
}

hr[b-op790tnyzn] {
    color: #808080;
    width: 50%;
    opacity: .6;
}

span[b-op790tnyzn] {
    color: #808080;
    font-size: 1.2vh;
    opacity: .6;
}

.container[b-op790tnyzn]{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

    width: 100%;
}

.input-wrapper[b-op790tnyzn] {
    position: relative;
    width: 100%;
    margin: 1.2vh 0;
}

.input-icon[b-op790tnyzn] {
    position: absolute;
    left: 0.9rem;
    top: 50%;
    transform: translateY(-50%);
    width: 4rem;
    height: 4rem;
    opacity: 0.7;
    pointer-events: none;
}

.standard-input[b-op790tnyzn] {
    width: 88% !important;
    border-width: 1px;
    background: #fff;
    padding-left: 12%;
    padding-top: 1.1rem;
    padding-bottom: 0.4rem;
    font-size: 2.5vh;
}

    .standard-input[b-op790tnyzn]::placeholder {
        color: transparent;
    }

.floating-label[b-op790tnyzn] {
    position: absolute;
    left: 5rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.25rem;
    color: #808080;
    padding: 0 .25rem;
    background: #fff;
    transition: transform .15s ease, top .15s ease, font-size .15s ease, color .15s ease;
    pointer-events: none;
}

.standard-input:focus + .floating-label[b-op790tnyzn],
.standard-input:not(:placeholder-shown) + .floating-label[b-op790tnyzn] {
    top: 0;
    transform: translateY(-50%) scale(0.9);
    font-size: 0.8rem;
    color: #333F54;
}

.standard-input:focus[b-op790tnyzn] {
    outline: none;
    border-color: #333F54;
    box-shadow: 0 0 0 3px rgba(51,63,84,0.12);
}

a[b-op790tnyzn]{
    cursor: pointer;
    color: darkblue;
    text-decoration: underline;
}

.visibility-toggle[b-op790tnyzn] {
    position: absolute;
    right: 1.2rem;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: 0;
    padding: 0;
    height: 2.5rem;
    width: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #808080;
}

    .visibility-toggle:focus[b-op790tnyzn] {
        outline: none;
    }

    .visibility-toggle:hover[b-op790tnyzn] {
        color: #333F54;
    }
/* /Components/Pages/Authorization/ForgotPassword.razor.rz.scp.css */
form[b-l6o6hbs2nm] {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

legend[b-l6o6hbs2nm] {
    font-size: 2.5vh;
    color: #333F54;
    font-weight: 700;
}

fieldset[b-l6o6hbs2nm] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: none;
    width: 80%;
}

#main-container[b-l6o6hbs2nm] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 93.5vh;
    border-radius: 8px;
}

#sub-container[b-l6o6hbs2nm] {
    display: flex;
    background-color: #fff;
    width: 50%;
    height: 75%;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
}

.logo[b-l6o6hbs2nm] {
    width: 10vh;
    padding: 1vh;
}

.sub-logo[b-l6o6hbs2nm] {
    width: 30vh;
}

hr[b-l6o6hbs2nm] {
    color: #808080;
    width: 50%;
    opacity: .6;
}

span[b-l6o6hbs2nm] {
    color: #808080;
    font-size: 1.2vh;
    opacity: .6;
}

.container[b-l6o6hbs2nm] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
}

.input-wrapper[b-l6o6hbs2nm] {
    position: relative;
    width: 100%;
    margin: 1.2vh 0;
}

.input-icon[b-l6o6hbs2nm] {
    position: absolute;
    left: 0.9rem;
    top: 50%;
    transform: translateY(-50%);
    width: 4rem;
    height: 4rem;
    opacity: 0.7;
    pointer-events: none;
}

.standard-input[b-l6o6hbs2nm] {
    width: 88% !important;
    border-width: 1px;
    background: #fff;
    padding-left: 12%;
    padding-top: 1.1rem;
    padding-bottom: 0.4rem;
    font-size: 2.5vh;
}

    .standard-input[b-l6o6hbs2nm]::placeholder {
        color: transparent;
    }

.floating-label[b-l6o6hbs2nm] {
    position: absolute;
    left: 5rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.25rem;
    color: #808080;
    padding: 0 .25rem;
    background: #fff;
    transition: transform .15s ease, top .15s ease, font-size .15s ease, color .15s ease;
    pointer-events: none;
}

.standard-input:focus + .floating-label[b-l6o6hbs2nm],
.standard-input:not(:placeholder-shown) + .floating-label[b-l6o6hbs2nm] {
    top: 0;
    transform: translateY(-50%) scale(0.9);
    font-size: 0.8rem;
    color: #333F54;
}

.standard-input:focus[b-l6o6hbs2nm] {
    outline: none;
    border-color: #333F54;
    box-shadow: 0 0 0 3px rgba(51,63,84,0.12);
}

a[b-l6o6hbs2nm] {
    cursor: pointer;
    color: darkblue;
    text-decoration: underline;
}
/* /Components/Pages/Authorization/RestorePassword.razor.rz.scp.css */
form[b-o14olyibl2] {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

legend[b-o14olyibl2] {
    font-size: 2.5vh;
    color: #333F54;
    font-weight: 700;
}

fieldset[b-o14olyibl2] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: none;
    width: 80%;
}

#main-container[b-o14olyibl2] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 93.5vh;
    border-radius: 8px;
}

#sub-container[b-o14olyibl2] {
    display: flex;
    background-color: #fff;
    width: 50%;
    height: 75%;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
}

.logo[b-o14olyibl2] {
    width: 10vh;
    padding: 1vh;
}

.sub-logo[b-o14olyibl2] {
    width: 30vh;
}

hr[b-o14olyibl2] {
    color: #808080;
    width: 50%;
    opacity: .6;
}

span[b-o14olyibl2] {
    color: #808080;
    font-size: 1.2vh;
    opacity: .6;
}

.container[b-o14olyibl2] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
}

.input-wrapper[b-o14olyibl2] {
    position: relative;
    width: 100%;
    margin: 1.2vh 0;
}

.input-icon[b-o14olyibl2] {
    position: absolute;
    left: 0.9rem;
    top: 50%;
    transform: translateY(-50%);
    width: 4rem;
    height: 4rem;
    opacity: 0.7;
    pointer-events: none;
}

.standard-input[b-o14olyibl2] {
    width: 88% !important;
    border-width: 1px;
    background: #fff;
    padding-left: 12%;
    padding-top: 1.1rem;
    padding-bottom: 0.4rem;
    font-size: 2.5vh;
}

    .standard-input[b-o14olyibl2]::placeholder {
        color: transparent;
    }

.floating-label[b-o14olyibl2] {
    position: absolute;
    left: 5rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.25rem;
    color: #808080;
    padding: 0 .25rem;
    background: #fff;
    transition: transform .15s ease, top .15s ease, font-size .15s ease, color .15s ease;
    pointer-events: none;
}

.standard-input:focus + .floating-label[b-o14olyibl2],
.standard-input:not(:placeholder-shown) + .floating-label[b-o14olyibl2] {
    top: 0;
    transform: translateY(-50%) scale(0.9);
    font-size: 0.8rem;
    color: #333F54;
}

.standard-input:focus[b-o14olyibl2] {
    outline: none;
    border-color: #333F54;
    box-shadow: 0 0 0 3px rgba(51,63,84,0.12);
}

a[b-o14olyibl2] {
    cursor: pointer;
    color: darkblue;
    text-decoration: underline;
}
/* /Components/Pages/Dashboard/Dashboard.razor.rz.scp.css */
h3[b-y87x5vukuf] {
    font-size: 28px;
    margin: 1%;
    color: #42526E;
}

#sub-container[b-y87x5vukuf] {
    display: flex;
    flex-direction: column;
    width: 98%;
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 1%;
    gap: 2%;
}

#container[b-y87x5vukuf]{
    display: flex;
    gap: 1%;
    justify-content: center;
    flex-direction: column;
    height: 65vh;
}

#ranking[b-y87x5vukuf] {
    display: flex;
    width: 98%;
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 1%;
    padding-bottom: 1%;
    height: 44vh;
    gap: 2%;
}

#data-boxes[b-y87x5vukuf]{
    display: flex;
    gap: 2%;
}

#map[b-y87x5vukuf] {
    height: 100%;
}
/* /Components/Pages/Dashboard/DataBox.razor.rz.scp.css */
#data-container[b-f5op27v8rl] {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(204, 204, 204, 1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(204, 204, 204, 1);
    box-shadow: 0px 0px 5px 0px rgba(204, 204, 204, 1);
    padding-left: 1%;
    padding-right: 1%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 15vh;
    width: 100%;
    background-color: #fff;
}

#title-container[b-f5op27v8rl] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1vh;
    color: #666;
    opacity: .6;
    text-transform: uppercase;
}

h1[b-f5op27v8rl] {
    color: #42526E;
    font-size: 6vh;
    margin: 0;
}
/* /Components/Pages/Dashboard/Incidents.razor.rz.scp.css */
#container[b-kecwbzsyah]{
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

#title[b-kecwbzsyah] {
    background-color: #eee;
    width: 98%;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(204, 204, 204, 1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(204, 204, 204, 1);
    box-shadow: 0px 0px 5px 0px rgba(204, 204, 204, 1);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

#title h3[b-kecwbzsyah]{
    color: #666;
    opacity: .6;
    padding-left: 1%;
}

#body[b-kecwbzsyah] {
    width: 98%;
    background-color: #fff;
    min-height: 5vh;
    max-height: 12vh;
    overflow-y: auto;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(204, 204, 204, 1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(204, 204, 204, 1);
    box-shadow: 0px 0px 5px 0px rgba(204, 204, 204, 1);
    margin-bottom: 1%;
    display: flex;
    flex-direction: column;
}

    #body hr[b-kecwbzsyah] {
        margin: 0;
        border: none;
        height: 1vh;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(204, 204, 204, 1);
        -moz-box-shadow: 0px 0px 5px 0px rgba(204, 204, 204, 1);
        box-shadow: 0px 0px 5px 0px rgba(204, 204, 204, 1);
    }

    #body .material-symbols-outlined[b-kecwbzsyah] {
        padding: 1%;
        font-size: 4vh;
    }

#body-container[b-kecwbzsyah]{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .5%;
    gap: 2vh;
}

.error-bgcolor[b-kecwbzsyah] {
    background-color: #FF3333;
}

.error-color[b-kecwbzsyah] {
    color: #FF3333;
}

.ok-bgcolor[b-kecwbzsyah] {
    background-color: #009900;
}

.ok-color[b-kecwbzsyah] {
    color: #009900;
}

.primary-button[b-kecwbzsyah]{
    width: 15vh;
}

#left-body[b-kecwbzsyah]{
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 80%;
}
/* /Components/Pages/Dashboard/Ranking.razor.rz.scp.css */
#title[b-4vh787ketk] {
    background-color: #eee;
    width: 100%;
    display: flex;
    align-items: center;
}

    #title h3[b-4vh787ketk] {
        color: #666;
        opacity: .6;
        padding-left: 1%;
        display: flex;
        gap: 1vh;
        justify-content: center;
        align-items: center;
    }

#container[b-4vh787ketk] {
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(204, 204, 204, 1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(204, 204, 204, 1);
    box-shadow: 0px 0px 5px 0px rgba(204, 204, 204, 1);
}

#body[b-4vh787ketk] {
    width: 100%;
    height: 100%;
    background-color: #fff;
    min-height: 5vh;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(204, 204, 204, 1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(204, 204, 204, 1);
    box-shadow: 0px 0px 5px 0px rgba(204, 204, 204, 1);
    margin-bottom: 1%;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

.arrow-up[b-4vh787ketk]{
    color: green;
}

.arrow-down[b-4vh787ketk]{
    color: red;
}

#body table[b-4vh787ketk] {
    table-layout: auto;
    font-size: 2vh;
}

table tbody tr td[b-4vh787ketk] {
    padding-top: 1vh;
    padding-bottom: 1vh;
    border-bottom-width: 1px;
    border-bottom-color: rgb(128, 128, 128, .6);
    border-bottom-style: solid;
    color: #666;
}

table tbody tr td:first-child[b-4vh787ketk]{
    padding-left: 1vh;
    width: 5%;
}
/* /Components/Pages/Forklifts/Forklift.razor.rz.scp.css */
h3[b-8zq11nqtna] {
    font-size: 28px;
    color: #42526E;
}

form[b-8zq11nqtna] {
    display: flex;
    flex-direction: column;
    margin: 1%;
    gap: 1vh;
}

    form input[b-8zq11nqtna] {
        width: 30%;
        height: 4vh;
    }

.input-wrapper[b-8zq11nqtna] {
    display: flex;
    flex-direction: column;
    color: #888;
    margin: 1%;
}

    .input-wrapper label[b-8zq11nqtna] {
        opacity: .8;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 600;
    }

.standard-input[b-8zq11nqtna] {
    width: 30%;
    border-width: 1px;
    background: #fff;
    padding-left: 1%;
    font-size: 1.5vh;
}

.standard-select[b-8zq11nqtna] {
    width: 31.25% !important;
}

.primary-button[b-8zq11nqtna] {
    width: 15%;
}

#btn-container[b-8zq11nqtna] {
    display: flex;
    gap: 1%;
    width: 50%;
    justify-content: flex-end;
}

#header-container[b-8zq11nqtna] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

#body-container[b-8zq11nqtna] {
    background-color: #fff;
    -webkit-box-shadow: 8px 8px 12px -12px rgba(66, 68, 90, 1);
    -moz-box-shadow: 8px 8px 12px -12px rgba(66, 68, 90, 1);
    box-shadow: 8px 8px 12px -12px rgba(66, 68, 90, 1);
    border-radius: .3rem;
    padding: 2vh;
}

.labels[b-8zq11nqtna] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    width: 31%;
}
/* /Components/Pages/Forklifts/Forklifts.razor.rz.scp.css */
table[b-n4x79qv069] {
    width: 100%;
    border-spacing: 0;
    table-layout: fixed;
    border-collapse: separate;
}

    table tbody tr:hover[b-n4x79qv069] {
        cursor: pointer;
        background-color: #eee;
    }

    table thead[b-n4x79qv069] {
        background-color: #F2F2F2;
        height: 8vh;
    }

        table thead tr th[b-n4x79qv069] {
            text-align: left;
            padding: 1vh;
            color: #444;
            opacity: .6;
            text-transform: uppercase;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 1.8vh;
        }

            table thead tr th span[b-n4x79qv069] {
                display: inline-block;
                vertical-align: middle;
                transform: rotate(270deg);
                font-size: 1.8vh;
                line-height: 1;
                cursor: pointer;
            }

            table thead tr th:first-child[b-n4x79qv069] {
                padding-left: 5vh;
                width: 10%;
            }

            table thead tr th:last-child[b-n4x79qv069] {
                padding-right: 5vh;
                width: 10%;
            }

    table tbody tr[b-n4x79qv069] {
        height: 6vh;
    }

        table tbody tr td[b-n4x79qv069] {
            padding: 1vh;
            border-bottom-width: 1px;
            border-bottom-color: rgb(128, 128, 128, .6);
            border-bottom-style: solid;
            color: #666;
            font-size: 1.6vh;
        }

            table tbody tr td:first-child[b-n4x79qv069] {
                padding-left: 6vh;
                width: 10%;
            }

            table tbody tr td:last-child[b-n4x79qv069] {
                padding-right: 6vh;
                width: 10%;
            }

header[b-n4x79qv069] {
    margin-left: 1%;
    margin-right: 1%;
    height: 8vh;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#header-first-container[b-n4x79qv069] {
    display: flex;
    align-items: center;
    gap: 5%;
}

    #header-first-container span[b-n4x79qv069] {
        opacity: .8;
    }

#header-second-container[b-n4x79qv069] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 18%;
}

header input[b-n4x79qv069] {
    height: 4vh;
    font-size: 1.8vh;
    outline: none;
    border: none;
}

header select[b-n4x79qv069] {
    border: none;
    outline: none;
    font-size: 1.6vh;
    cursor: pointer;
}

header button[b-n4x79qv069] {
    height: 4vh;
    width: 12vh;
    background-color: #fff;
    border-radius: 6px;
    cursor: pointer;
}

header span[b-n4x79qv069] {
    font-size: 3.2vh;
}

footer[b-n4x79qv069] {
    margin-left: 1%;
    margin-right: 1%;
    height: 8vh;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #444;
}

    footer span[b-n4x79qv069] {
        font-size: 1.4vh;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

#main-container[b-n4x79qv069] {
    background-color: #fff;
    -webkit-box-shadow: 8px 8px 12px -12px rgba(66, 68, 90, 1);
    -moz-box-shadow: 8px 8px 12px -12px rgba(66, 68, 90, 1);
    box-shadow: 8px 8px 12px -12px rgba(66, 68, 90, 1);
    border-radius: .3rem;
    width: 98%;
    margin: 1%;
    min-height: 84vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.action-button[b-n4x79qv069] {
    width: 5vh;
    position: relative;
    text-align: right;
}

.pagger[b-n4x79qv069] {
    display: flex;
    gap: 2vh;
}

h3[b-n4x79qv069] {
    font-size: 2.8vh;
    color: #42526E;
}

.pagger span.active[b-n4x79qv069] {
    font-weight: bold !important;
    text-decoration: underline !important;
}

.disabled[b-n4x79qv069] {
    cursor: not-allowed;
    opacity: .5;
}

.action-wrapper[b-n4x79qv069] {
    position: relative;
    display: inline-block;
    outline: none;
}

.kebab[b-n4x79qv069] {
    background: transparent;
    border: 0;
    padding: 4px;
    cursor: pointer;
}

.action-menu[b-n4x79qv069] {
    position: absolute;
    right: 0;
    top: 28px;
    list-style: none;
    margin: 0;
    padding: 6px 0;
    min-width: 160px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 10px 25px rgba(0,0,0,.08);
    z-index: 10;
}

    .action-menu li[b-n4x79qv069] {
        margin: 0;
    }

    .action-menu button[b-n4x79qv069] {
        width: 100%;
        text-align: left;
        background: none;
        border: 0;
        padding: 10px 14px;
        cursor: pointer;
        font: inherit;
    }

        .action-menu button:hover[b-n4x79qv069] {
            background: #f3f4f6;
        }

    .action-menu .danger[b-n4x79qv069] {
        color: #b91c1c;
    }

#header-container[b-n4x79qv069] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 0;
}

.add-btn[b-n4x79qv069] {
    width: 10%;
    letter-spacing: 1px;
    font-weight: 600;
}

.filters[b-n4x79qv069] {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    height: 5vh;
    width: 40%;
    padding-left: 1vh;
    padding-right: 1vh;
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 1.8vh;
}

#filters-box[b-n4x79qv069] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 10vh;
    padding-left: 5vh;
}

    #filters-box select[b-n4x79qv069] {
        height: 5vh;
        width: 32vh;
        border-radius: .3rem;
    }

.input-wrapper[b-n4x79qv069] {
    display: flex;
    flex-direction: column;
}

    .input-wrapper label[b-n4x79qv069] {
        opacity: .6;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 600;
        text-transform: uppercase;
    }

    .input-wrapper select[b-n4x79qv069] {
        opacity: .6;
        -webkit-box-shadow: 8px 8px 24px -15px rgba(66, 68, 90, 1);
        -moz-box-shadow: 8px 8px 24px -15px rgba(66, 68, 90, 1);
        box-shadow: 8px 8px 24px -15px rgba(66, 68, 90, 1);
        padding: 1vh;
        font-size: 1.2rem;
    }
/* /Components/Pages/Forklifts/ForkliftType.razor.rz.scp.css */
h3[b-umt0z5t7kp] {
    font-size: 28px;
    color: #42526E;
}

form[b-umt0z5t7kp] {
    display: flex;
    flex-direction: column;
    margin: 1%;
    gap: 1vh;
}

    form input[b-umt0z5t7kp] {
        width: 30%;
        height: 4vh;
    }

.input-wrapper[b-umt0z5t7kp] {
    display: flex;
    flex-direction: column;
    color: #888;
    margin: 1%;
}

    .input-wrapper label[b-umt0z5t7kp] {
        opacity: .8;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 600;
    }

.standard-input[b-umt0z5t7kp] {
    width: 30%;
    border-width: 1px;
    background: #fff;
    padding-left: 1%;
    font-size: 1.5vh;
}

.standard-select[b-umt0z5t7kp] {
    width: 31.25% !important;
}

.primary-button[b-umt0z5t7kp] {
    width: 15%;
}

#btn-container[b-umt0z5t7kp] {
    display: flex;
    gap: 1%;
    width: 50%;
    justify-content: flex-end;
}

#header-container[b-umt0z5t7kp] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

#body-container[b-umt0z5t7kp] {
    background-color: #fff;
    -webkit-box-shadow: 8px 8px 12px -12px rgba(66, 68, 90, 1);
    -moz-box-shadow: 8px 8px 12px -12px rgba(66, 68, 90, 1);
    box-shadow: 8px 8px 12px -12px rgba(66, 68, 90, 1);
    border-radius: .3rem;
    padding: 2vh;
}

.labels[b-umt0z5t7kp] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    width: 31%;
}
/* /Components/Pages/Forklifts/ForkliftTypes.razor.rz.scp.css */
table[b-cmbtzdycf6] {
    width: 100%;
    border-spacing: 0;
    table-layout: fixed;
    border-collapse: separate;
}

    table tbody tr:hover[b-cmbtzdycf6] {
        cursor: pointer;
        background-color: #eee;
    }

    table thead[b-cmbtzdycf6] {
        background-color: #F2F2F2;
        height: 8vh;
    }

        table thead tr th[b-cmbtzdycf6] {
            text-align: left;
            padding: 1vh;
            color: #444;
            opacity: .6;
            text-transform: uppercase;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 1.8vh;
        }

            table thead tr th span[b-cmbtzdycf6] {
                display: inline-block;
                vertical-align: middle;
                transform: rotate(270deg);
                font-size: 1.8vh;
                line-height: 1;
                cursor: pointer;
            }

            table thead tr th:first-child[b-cmbtzdycf6] {
                padding-left: 5vh;
                width: 10%;
            }

            table thead tr th:last-child[b-cmbtzdycf6] {
                padding-right: 5vh;
                width: 10%;
            }

    table tbody tr[b-cmbtzdycf6] {
        height: 6vh;
    }

        table tbody tr td[b-cmbtzdycf6] {
            padding: 1vh;
            border-bottom-width: 1px;
            border-bottom-color: rgb(128, 128, 128, .6);
            border-bottom-style: solid;
            color: #666;
            font-size: 1.6vh;
        }

            table tbody tr td:first-child[b-cmbtzdycf6] {
                padding-left: 6vh;
                width: 10%;
            }

            table tbody tr td:last-child[b-cmbtzdycf6] {
                padding-right: 6vh;
                width: 10%;
            }

header[b-cmbtzdycf6] {
    margin-left: 1%;
    margin-right: 1%;
    height: 8vh;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#header-first-container[b-cmbtzdycf6] {
    display: flex;
    align-items: center;
    gap: 5%;
}

    #header-first-container span[b-cmbtzdycf6] {
        opacity: .8;
    }

#header-second-container[b-cmbtzdycf6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 18%;
}

header input[b-cmbtzdycf6] {
    height: 4vh;
    font-size: 1.8vh;
    outline: none;
    border: none;
}

header select[b-cmbtzdycf6] {
    border: none;
    outline: none;
    font-size: 1.6vh;
    cursor: pointer;
}

header button[b-cmbtzdycf6] {
    height: 4vh;
    width: 12vh;
    background-color: #fff;
    border-radius: 6px;
    cursor: pointer;
}

header span[b-cmbtzdycf6] {
    font-size: 3.2vh;
}

footer[b-cmbtzdycf6] {
    margin-left: 1%;
    margin-right: 1%;
    height: 8vh;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #444;
}

    footer span[b-cmbtzdycf6] {
        font-size: 1.4vh;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

#main-container[b-cmbtzdycf6] {
    background-color: #fff;
    -webkit-box-shadow: 8px 8px 12px -12px rgba(66, 68, 90, 1);
    -moz-box-shadow: 8px 8px 12px -12px rgba(66, 68, 90, 1);
    box-shadow: 8px 8px 12px -12px rgba(66, 68, 90, 1);
    border-radius: .3rem;
    width: 98%;
    margin: 1%;
    min-height: 84vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.action-button[b-cmbtzdycf6] {
    width: 5vh;
    position: relative;
    text-align: right;
}

.pagger[b-cmbtzdycf6] {
    display: flex;
    gap: 2vh;
}

h3[b-cmbtzdycf6] {
    font-size: 2.8vh;
    color: #42526E;
}

.pagger span.active[b-cmbtzdycf6] {
    font-weight: bold !important;
    text-decoration: underline !important;
}

.disabled[b-cmbtzdycf6] {
    cursor: not-allowed;
    opacity: .5;
}

.action-wrapper[b-cmbtzdycf6] {
    position: relative;
    display: inline-block;
    outline: none;
}

.kebab[b-cmbtzdycf6] {
    background: transparent;
    border: 0;
    padding: 4px;
    cursor: pointer;
}

.action-menu[b-cmbtzdycf6] {
    position: absolute;
    right: 0;
    top: 28px;
    list-style: none;
    margin: 0;
    padding: 6px 0;
    min-width: 160px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 10px 25px rgba(0,0,0,.08);
    z-index: 10;
}

    .action-menu li[b-cmbtzdycf6] {
        margin: 0;
    }

    .action-menu button[b-cmbtzdycf6] {
        width: 100%;
        text-align: left;
        background: none;
        border: 0;
        padding: 10px 14px;
        cursor: pointer;
        font: inherit;
    }

        .action-menu button:hover[b-cmbtzdycf6] {
            background: #f3f4f6;
        }

    .action-menu .danger[b-cmbtzdycf6] {
        color: #b91c1c;
    }

#header-container[b-cmbtzdycf6] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 0;
}

.add-btn[b-cmbtzdycf6] {
    width: 10%;
    letter-spacing: 1px;
    font-weight: 600;
}

.filters[b-cmbtzdycf6] {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    height: 5vh;
    width: 40%;
    padding-left: 1vh;
    padding-right: 1vh;
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 1.8vh;
}

#filters-box[b-cmbtzdycf6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 10vh;
    padding-left: 5vh;
}

    #filters-box select[b-cmbtzdycf6] {
        height: 5vh;
        width: 32vh;
        border-radius: .3rem;
    }

.input-wrapper[b-cmbtzdycf6] {
    display: flex;
    flex-direction: column;
}

    .input-wrapper label[b-cmbtzdycf6] {
        opacity: .6;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 600;
        text-transform: uppercase;
    }

    .input-wrapper select[b-cmbtzdycf6] {
        opacity: .6;
        -webkit-box-shadow: 8px 8px 24px -15px rgba(66, 68, 90, 1);
        -moz-box-shadow: 8px 8px 24px -15px rgba(66, 68, 90, 1);
        box-shadow: 8px 8px 24px -15px rgba(66, 68, 90, 1);
        padding: 1vh;
        font-size: 1.2rem;
    }
/* /Components/Pages/Localizations/Configuration.razor.rz.scp.css */
h3[b-jqcvwkq63f] {
    font-size: 28px;
    margin: 1%;
    color: #42526E;
}

h2[b-jqcvwkq63f] {
    font-size: 18px;
    color: #42526E;
}

form[b-jqcvwkq63f] {
    display: flex;
    flex-direction: column;
    margin: 1%;
    gap: 1vh;
}

    form input[b-jqcvwkq63f] {
        width: 30%;
        height: 4vh;
    }

.input-wrapper[b-jqcvwkq63f] {
    display: flex;
    flex-direction: column;
    color: #888;
}

    .input-wrapper label[b-jqcvwkq63f] {
        opacity: .8;
        text-transform: uppercase;
    }

.standard-input[b-jqcvwkq63f] {
    width: 30%;
    border-width: 1px;
    background: #fff;
    padding-left: 1%;
    font-size: 1.5vh;
}

.standard-input-file[b-jqcvwkq63f] {
    width: 24%;
    border-width: 1px;
    background: #fff;
    padding-left: 1%;
    font-size: 1.5vh;
    border-radius: 8px;
    border-color: #808080;
    -webkit-box-shadow: 4px 4px 7px -2px rgba(128, 128, 128, 1);
    -moz-box-shadow: 4px 4px 7px -2px rgba(128, 128, 128, 1);
    box-shadow: 4px 4px 7px -2px rgba(128, 128, 128, 1);
}

.standard-select[b-jqcvwkq63f] {
    width: 31.25% !important;
}

.standard-input:focus[b-jqcvwkq63f] {
    outline: none;
    border-color: #333F54;
    box-shadow: 0 0 0 3px rgba(51,63,84,0.12);
}

.primary-button[b-jqcvwkq63f] {
    width: 50%;
}

.secondary-button[b-jqcvwkq63f] {
    width: 6%;
    height: 4.5vh;
}

#btn-container[b-jqcvwkq63f] {
    display: flex;
    justify-content: space-between;
    gap: 1%;
    width: 30%;
}

.standard-answer-wrapper[b-jqcvwkq63f] {
    padding-left: 5%;
    width: 95%;
    margin-bottom: -.5%;
}

.standard-question[b-jqcvwkq63f] {
    width: 90%;
}

.standard-answer[b-jqcvwkq63f] {
    width: 89.5%;
}

#ForkliftsMenu[b-jqcvwkq63f] {
    width: 31%;
    box-shadow: 0 0 0 3px rgba(51,63,84,0.12);
    border-style: solid;
    border-width: 1px;
    border-color: #888;
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem;
    background-color: rgba(192, 192, 192, .4);
}

.dropdown-actions[b-jqcvwkq63f] {
    display: flex;
    justify-content: space-between;
    margin: 1%;
}

    .dropdown-actions button[b-jqcvwkq63f] {
        width: 30%;
    }

.dropdown-list[b-jqcvwkq63f] {
    list-style: none;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-inline-start: 0;
    padding: 0;
    margin: 0;
}

    .dropdown-list li[b-jqcvwkq63f] {
        display: flex;
        width: 100%;
    }

        .dropdown-list li:hover[b-jqcvwkq63f] {
            background-color: rgba(128, 128, 128, .1);
            cursor: pointer;
        }

    .dropdown-list label[b-jqcvwkq63f] {
        display: flex;
        justify-content: center;
        align-items: center;
    }

.text-btn[b-jqcvwkq63f] {
    font-size: .6rem;
    height: 2rem;
}

.line[b-jqcvwkq63f] {
    width: 100%;
}

#search-box[b-jqcvwkq63f] {
    display: flex;
    align-items: center;
    gap: 1vh;
    margin-left: 1vh;
}

    #search-box .material-symbols-outlined[b-jqcvwkq63f] {
        font-size: 2rem;
        opacity: .6;
    }

    #search-box input[b-jqcvwkq63f] {
        border: none;
        font-size: 1rem;
        outline: none;
    }

.answers-box[b-jqcvwkq63f] {
    display: flex;
    width: 85.5%;
    justify-content: space-between;
    padding-left: 6%;
}

.clause[b-jqcvwkq63f] {
    opacity: .4;
    margin-bottom: -1%;
}

.question-box[b-jqcvwkq63f] {
    display: flex;
    justify-content: flex-end;
    width: 91.5%;
}

.add-question-btn[b-jqcvwkq63f] {
    margin-top: 1%;
    background-color: #fff !important;
}

#header-container[b-jqcvwkq63f] {
    display: flex;
    flex-direction: row;
    width: 99%;
    justify-content: space-between;
    align-items: center;
}

#body-container[b-jqcvwkq63f] {
    display: flex;
    flex-direction: column;
    margin: 1%;
    gap: 1vh;
    background-color: #fff;
    padding: 2vh;
    border-radius: .3rem;
    -webkit-box-shadow: 8px 8px 12px -12px rgba(66, 68, 90, 1);
    -moz-box-shadow: 8px 8px 12px -12px rgba(66, 68, 90, 1);
    box-shadow: 8px 8px 12px -12px rgba(66, 68, 90, 1);
}

.survey-wrapper[b-jqcvwkq63f] {
    position: relative;
    width: 98%;
    margin: 1.2vh 0;
}

.standard-answer[b-jqcvwkq63f] {
    width: 85%;
}

input[type=file][b-jqcvwkq63f]{
    border-width: 1px;
    border-style: solid;
}

.labels[b-jqcvwkq63f] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    width: 31%;
}
/* /Components/Pages/Localizations/History.razor.rz.scp.css */
#title[b-wlzymhn3ci] {
    background-color: #eee;
    width: 100%;
    display: flex;
    align-items: center;
}

    #title h3[b-wlzymhn3ci] {
        color: #666;
        opacity: .6;
        padding-left: 1%;
    }

table[b-wlzymhn3ci] {
    width: 100%;
    border-spacing: 0;
    table-layout: fixed;
    border-collapse: separate;
}

    table tbody tr:hover[b-wlzymhn3ci] {
        cursor: pointer;
        background-color: #eee;
    }

    table thead[b-wlzymhn3ci] {
        background-color: #F2F2F2;
        height: 8vh;
    }

        table thead tr th[b-wlzymhn3ci] {
            text-align: left;
            padding: 1vh;
            color: #444;
            opacity: .6;
            text-transform: uppercase;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 1.8vh;
        }

            table thead tr th span[b-wlzymhn3ci] {
                display: inline-block;
                vertical-align: middle;
                transform: rotate(270deg);
                font-size: 1.8vh;
                line-height: 1;
                cursor: pointer;
            }

    table tbody tr[b-wlzymhn3ci] {
        height: 6vh;
    }

        table tbody tr td[b-wlzymhn3ci] {
            padding: 1vh;
            border-bottom-width: 1px;
            border-bottom-color: rgb(128, 128, 128, .6);
            border-bottom-style: solid;
            color: #666;
            font-size: 1.6vh;
        }

header[b-wlzymhn3ci] {
    margin-left: 1%;
    margin-right: 1%;
    height: 8vh;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#header-first-container[b-wlzymhn3ci] {
    display: flex;
    align-items: center;
    gap: 5%;
}

    #header-first-container span[b-wlzymhn3ci] {
        opacity: .8;
    }

#header-second-container[b-wlzymhn3ci] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 18%;
}

header input[b-wlzymhn3ci] {
    height: 4vh;
    font-size: 1.8vh;
    outline: none;
    border: none;
}

header select[b-wlzymhn3ci] {
    border: none;
    outline: none;
    font-size: 1.6vh;
    cursor: pointer;
}

header button[b-wlzymhn3ci] {
    height: 4vh;
    width: 12vh;
    background-color: #fff;
    border-radius: 6px;
    cursor: pointer;
}

header span[b-wlzymhn3ci] {
    font-size: 3.2vh;
}

footer[b-wlzymhn3ci] {
    margin-left: 1%;
    margin-right: 1%;
    height: 8vh;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #444;
}

    footer span[b-wlzymhn3ci] {
        font-size: 1.4vh;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

#main-container[b-wlzymhn3ci] {
    background-color: #fff;
    border-radius: .3rem;
    width: 98%;
    margin-left: 1%;
    min-height: 84vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.action-button[b-wlzymhn3ci] {
    width: 5vh;
    position: relative;
    text-align: right;
}

.pagger[b-wlzymhn3ci] {
    display: flex;
    gap: 2vh;
}

h3[b-wlzymhn3ci] {
    font-size: 2.8vh;
    color: #42526E;
}

.pagger span.active[b-wlzymhn3ci] {
    font-weight: bold !important;
    text-decoration: underline !important;
}

.disabled[b-wlzymhn3ci] {
    cursor: not-allowed;
    opacity: .5;
}

.action-wrapper[b-wlzymhn3ci] {
    position: relative;
    display: inline-block;
    outline: none;
}

.kebab[b-wlzymhn3ci] {
    background: transparent;
    border: 0;
    padding: 4px;
    cursor: pointer;
}

.action-menu[b-wlzymhn3ci] {
    position: absolute;
    right: 0;
    top: 28px;
    list-style: none;
    margin: 0;
    padding: 6px 0;
    min-width: 160px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 10px 25px rgba(0,0,0,.08);
    z-index: 10;
}

    .action-menu li[b-wlzymhn3ci] {
        margin: 0;
    }

    .action-menu button[b-wlzymhn3ci] {
        width: 100%;
        text-align: left;
        background: none;
        border: 0;
        padding: 10px 14px;
        cursor: pointer;
        font: inherit;
    }

        .action-menu button:hover[b-wlzymhn3ci] {
            background: #f3f4f6;
        }

    .action-menu .danger[b-wlzymhn3ci] {
        color: #b91c1c;
    }

#header-container[b-wlzymhn3ci] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 0;
}

.add-btn[b-wlzymhn3ci] {
    width: 10%;
    letter-spacing: 1px;
    font-weight: 600;
}

.filters[b-wlzymhn3ci] {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    height: 5vh;
    width: 40%;
    padding-left: 1vh;
    padding-right: 1vh;
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 1.8vh;
}

#filters-box[b-wlzymhn3ci] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 10vh;
    padding-left: 5vh;
}

    #filters-box select[b-wlzymhn3ci] {
        height: 5vh;
        width: 32vh;
        border-radius: .3rem;
    }

.input-wrapper[b-wlzymhn3ci] {
    display: flex;
    flex-direction: column;
}

    .input-wrapper label[b-wlzymhn3ci] {
        opacity: .6;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 600;
        text-transform: uppercase;
    }

    .input-wrapper select[b-wlzymhn3ci] {
        opacity: .6;
        -webkit-box-shadow: 8px 8px 24px -15px rgba(66, 68, 90, 1);
        -moz-box-shadow: 8px 8px 24px -15px rgba(66, 68, 90, 1);
        box-shadow: 8px 8px 24px -15px rgba(66, 68, 90, 1);
        padding: 1vh;
        font-size: 1.2rem;
    }

#container[b-wlzymhn3ci] {
    margin-top: 1vh;
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(204, 204, 204, 1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(204, 204, 204, 1);
    box-shadow: 0px 0px 5px 0px rgba(204, 204, 204, 1);
}

#body[b-wlzymhn3ci] {
    background-color: #fff;
    height: 40vh;
}
/* /Components/Pages/Localizations/Map.razor.rz.scp.css */
#container[b-sz3qwxbwhv] {
    margin-top: 1vh;
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(204, 204, 204, 1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(204, 204, 204, 1);
    box-shadow: 0px 0px 5px 0px rgba(204, 204, 204, 1);
    z-index: 99;
}

#title[b-sz3qwxbwhv] {
    background-color: #eee;
    display: flex;
    align-items: center;
    z-index: 97;
    position: relative;
    width: 165vh;
}

    #title h3[b-sz3qwxbwhv] {
        color: #666;
        opacity: .6;
        padding-left: 1%;
        z-index: 97;
    }

.tools[b-sz3qwxbwhv]{
    z-index: 97;
}

#body[b-sz3qwxbwhv] {
    background-color: #fff;
    height: 40vh;
}

.map-placeholder[b-sz3qwxbwhv] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #aaa;
    border: 1px dashed #ddd;
}

.map-viewport[b-sz3qwxbwhv] {
    position: relative;
}

    .map-viewport.dragging[b-sz3qwxbwhv] {
        cursor: grabbing;
    }

    .map-viewport img.map-img[b-sz3qwxbwhv] {
        position: absolute;
        inset: 0;
    }

#map-overlay[b-sz3qwxbwhv] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.area-poly[b-sz3qwxbwhv] {
    fill-opacity: .4;
    stroke-width: 2;
}

.draft-poly[b-sz3qwxbwhv] {
    fill: none;
    stroke-width: 2;
    stroke-dasharray: 4 4;
}

.node[b-sz3qwxbwhv] {
    cursor: pointer;
}

#map-btn[b-sz3qwxbwhv] {
    z-index: 3;
    position: absolute;
    margin: 1vh;
}

.map-btn-box[b-sz3qwxbwhv] {
    display: flex;
    flex-direction: column;
    gap: .5vh;
    justify-content: center;
    align-items: center;
}

.area-label[b-sz3qwxbwhv] {
    font: 600 14px/1 sans-serif;
    paint-order: stroke fill;
    stroke: white;
    stroke-width: 3px;
}

#areas-box[b-sz3qwxbwhv] {
    z-index: 3;
    position: absolute;
    top: 1vh;
    right: 1vh;
    left: auto;
    margin: 0;
    padding: 1vh;
    background-color: black;
    opacity: .8;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1vh;
    border-radius: 1.2vh;
    width: 40%;
    max-height: 30vh;
    overflow: auto;
}

#area-table[b-sz3qwxbwhv] {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    color: #fff;
}

    #area-table th[b-sz3qwxbwhv], #area-table td[b-sz3qwxbwhv] {
        padding: .5vh;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #area-table input[type="text"][b-sz3qwxbwhv],
    #area-table input[type="number"][b-sz3qwxbwhv] {
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    #area-table td:last-child[b-sz3qwxbwhv] {
        width: 7rem;
    }

    #area-table button[b-sz3qwxbwhv] {
        width: 100%;
    }

    /* węższa kolumna KOLOR */
    #area-table th:nth-child(4)[b-sz3qwxbwhv],
    #area-table td:nth-child(4)[b-sz3qwxbwhv] {
        width: 2rem;
    }

    /* węższa kolumna DELETE + wyśrodkowanie */
    #area-table th:nth-child(5)[b-sz3qwxbwhv],
    #area-table td:nth-child(5)[b-sz3qwxbwhv] {
        width: 2rem;
        text-align: center;
        padding: 0; /* minimalny padding w tej kolumnie */
    }

.material-symbols-outlined.delete-btn[b-sz3qwxbwhv] {
    font-size: 22px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    cursor: pointer;
    border: 1px solid red;
    color: red;
    border-radius: 4px;
}

/* opcjonalnie: wyłącz elipsę w kolumnach 4–5, by nie ścinało kwadratu/ikony */
#area-table td:nth-child(4)[b-sz3qwxbwhv],
#area-table td:nth-child(5)[b-sz3qwxbwhv] {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
}

#areas-box h4[b-sz3qwxbwhv]{
    color: #fff;
    opacity: .8;
    margin: 0;
    padding: 0;
}

.area-item[b-sz3qwxbwhv]{
    color: #fff;
    opacity: .8;
    display: flex;
    gap: 1vh;
    width: 100%;
}

.area-control[b-sz3qwxbwhv]{
    width: 25%;
}

#areas-header[b-sz3qwxbwhv]{
    display: flex;
    flex-direction: row;
    gap: 1vh;
    width: 100%;
}

#areas-header span[b-sz3qwxbwhv]{
    width: 25%;
    color: #fff;
    opacity: .8 !important;
}

.delete-btn[b-sz3qwxbwhv] {
    color: red;
    border-style: solid;
    border-color: red;
    border-width: 1px;
}
/* /Components/Pages/Reports/Reports.razor.rz.scp.css */
h3[b-9dxbykzq5n] {
    font-size: 28px;
    margin: 1%;
    color: #42526E;
}

h2[b-9dxbykzq5n] {
    font-size: 18px;
    color: #42526E;
}

form[b-9dxbykzq5n] {
    display: flex;
    flex-direction: column;
    margin: 1%;
    gap: 1vh;
}

    form input[b-9dxbykzq5n] {
        width: 30%;
        height: 4vh;
    }

.input-wrapper[b-9dxbykzq5n] {
    display: flex;
    flex-direction: column;
    color: #888;
}

    .input-wrapper label[b-9dxbykzq5n] {
        opacity: .8;
        text-transform: uppercase;
    }

.primary-input[b-9dxbykzq5n] {
    height: 4.5vh;
    width: 33vh;
    border-radius: .3rem;
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 1.8vh;
    opacity: .6;
    padding-left: 1vh;
}

.standard-select[b-9dxbykzq5n] {
    width: 31.25% !important;
}

.standard-input:focus[b-9dxbykzq5n] {
    outline: none;
    border-color: #333F54;
    box-shadow: 0 0 0 3px rgba(51,63,84,0.12);
}

.primary-button[b-9dxbykzq5n] {
    width: 50%;
}

.secondary-button[b-9dxbykzq5n] {
    width: 50%;
}

#btn-container[b-9dxbykzq5n] {
    display: flex;
    justify-content: space-between;
    gap: 1%;
    width: 30%;
}

.standard-answer-wrapper[b-9dxbykzq5n] {
    padding-left: 5%;
    width: 95%;
    margin-bottom: -.5%;
}

.standard-question[b-9dxbykzq5n] {
    width: 90%;
}

.standard-answer[b-9dxbykzq5n] {
    width: 89.5%;
}

#ForkliftsMenu[b-9dxbykzq5n] {
    width: 31%;
    box-shadow: 0 0 0 3px rgba(51,63,84,0.12);
    border-style: solid;
    border-width: 1px;
    border-color: #888;
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem;
    background-color: rgba(192, 192, 192, .4);
}

.dropdown-actions[b-9dxbykzq5n] {
    display: flex;
    justify-content: space-between;
    margin: 1%;
}

    .dropdown-actions button[b-9dxbykzq5n] {
        width: 30%;
    }

.dropdown-list[b-9dxbykzq5n] {
    list-style: none;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-inline-start: 0;
    padding: 0;
    margin: 0;
}

    .dropdown-list li[b-9dxbykzq5n] {
        display: flex;
        width: 100%;
    }

        .dropdown-list li:hover[b-9dxbykzq5n] {
            background-color: rgba(128, 128, 128, .1);
            cursor: pointer;
        }

    .dropdown-list label[b-9dxbykzq5n] {
        display: flex;
        justify-content: center;
        align-items: center;
    }

.text-btn[b-9dxbykzq5n] {
    font-size: .6rem;
    height: 2rem;
}

.line[b-9dxbykzq5n] {
    width: 100%;
}

#search-box[b-9dxbykzq5n] {
    display: flex;
    align-items: center;
    gap: 1vh;
    margin-left: 1vh;
}

    #search-box .material-symbols-outlined[b-9dxbykzq5n] {
        font-size: 2rem;
        opacity: .6;
    }

    #search-box input[b-9dxbykzq5n] {
        border: none;
        font-size: 1rem;
        outline: none;
    }

.answers-box[b-9dxbykzq5n] {
    display: flex;
    width: 85.5%;
    justify-content: space-between;
    padding-left: 6%;
}

.clause[b-9dxbykzq5n] {
    opacity: .4;
    margin-bottom: -1%;
}

.question-box[b-9dxbykzq5n] {
    display: flex;
    justify-content: flex-end;
    width: 91.5%;
}

.add-question-btn[b-9dxbykzq5n] {
    margin-top: 1%;
    background-color: #fff !important;
}

#header-container[b-9dxbykzq5n] {
    display: flex;
    flex-direction: row;
    width: 99%;
    justify-content: space-between;
    align-items: center;
}

#body-container[b-9dxbykzq5n] {
    display: flex;
    flex-direction: column;
    margin: 1%;
    gap: 1vh;
    background-color: #fff;
    padding: 2vh;
    border-radius: .3rem;
    -webkit-box-shadow: 8px 8px 12px -12px rgba(66, 68, 90, 1);
    -moz-box-shadow: 8px 8px 12px -12px rgba(66, 68, 90, 1);
    box-shadow: 8px 8px 12px -12px rgba(66, 68, 90, 1);
}

.survey-wrapper[b-9dxbykzq5n] {
    position: relative;
    width: 98%;
    margin: 1.2vh 0;
}

.standard-answer[b-9dxbykzq5n] {
    width: 85%;
}

select[b-9dxbykzq5n] {
    height: 5vh;
    width: 100vh;
    border-radius: .3rem;
    letter-spacing: 1px;
    font-size: 1.8vh;
    opacity: .6;
    padding-left: 1vh;
}

#fields-box[b-9dxbykzq5n]{
    display: flex;
    gap: 5vh;
    margin-bottom: 1vh;
}

#fields-box select[b-9dxbykzq5n]{
    width: 35vh;
}

#ranking[b-9dxbykzq5n] {
    width: 100%;
}

    #ranking table[b-9dxbykzq5n] {
        width: 100%;
        border-spacing: 0;
        table-layout: fixed;
        border-collapse: separate;
    }

table thead[b-9dxbykzq5n] {
    background-color: #F2F2F2;
    height: 8vh;
}

table thead tr th[b-9dxbykzq5n] {
    text-align: left;
    padding: 1vh;
    color: #444;
    opacity: .6;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.8vh;
}

table tbody tr[b-9dxbykzq5n] {
    height: 6vh;
}

    table tbody tr td[b-9dxbykzq5n] {
        padding: 1vh;
        border-bottom-width: 1px;
        border-bottom-color: rgb(128, 128, 128, .6);
        border-bottom-style: solid;
        color: #666;
        font-size: 1.6vh;
    }

        table tbody tr td:first-child[b-9dxbykzq5n] {
            padding-left: 1vh;
        }

        table tbody tr td:last-child[b-9dxbykzq5n] {
            padding-left: 1vh;
        }

    table tbody tr:hover[b-9dxbykzq5n] {
        cursor: pointer;
        background-color: #F2F2F2;
    }
/* /Components/Pages/Surveys/Survey.razor.rz.scp.css */
h3[b-733s2f2qk8] {
    font-size: 2.8vh;
    margin: 1%;
    color: #42526E;
}

h2[b-733s2f2qk8] {
    font-size: 1.8vh;
    color: #42526E;
}

form[b-733s2f2qk8] {
    display: flex;
    flex-direction: column;
    margin: 1%;
    gap: 1vh;
}

    form input[b-733s2f2qk8] {
        width: 30%;
        height: 4vh;
    }

.input-wrapper[b-733s2f2qk8] {
    display: flex;
    flex-direction: column;
    color: #888;
}

    .input-wrapper label[b-733s2f2qk8] {
        opacity: .8;
        text-transform: uppercase;
        font-size: 1.5vh;
    }

.standard-input[b-733s2f2qk8] {
    width: 30%;
    border-width: 1px;
    background: #fff;
    padding-left: 1%;
    font-size: 1.5vh;
}

.standard-select[b-733s2f2qk8] {
    width: 31.25% !important;
}

.standard-input:focus[b-733s2f2qk8] {
    outline: none;
    border-color: #333F54;
    box-shadow: 0 0 0 3px rgba(51,63,84,0.12);
}

.primary-button[b-733s2f2qk8] {
    width: 30%;
}

.secondary-button[b-733s2f2qk8] {
    width: 30%;
}

#btn-container[b-733s2f2qk8] {
    display: flex;
    justify-content: space-between;
    gap: 1%;
    width: 50%;
}

#btn-container-2[b-733s2f2qk8] {
    display: flex;
    justify-content: flex-end;
    gap: 1%;
    width: 50%;
}

    .standard-answer-wrapper[b-733s2f2qk8] {
        padding-left: 5%;
        width: 95%;
        margin-bottom: -.5%;
    }

.standard-question[b-733s2f2qk8]{
    width: 90%;
}

.standard-answer[b-733s2f2qk8]{
    width: 89.5%;
}

.line[b-733s2f2qk8]{
    width: 100%;
}

#search-box[b-733s2f2qk8]{
    display: flex;
    align-items: center;
    gap: 1vh;
    margin-left: 1vh;
}

    #search-box .material-symbols-outlined[b-733s2f2qk8]{
        font-size: 4vh;
        opacity: .6;
    }

#search-box input[b-733s2f2qk8]{
    border: none;
    font-size: 2vh;
    outline: none;
}

.answers-box[b-733s2f2qk8]{
    display: flex;
    width: 85.5%;
    justify-content: space-between;
    padding-left: 6%;
}

.clause[b-733s2f2qk8]{
    opacity: .4;
    margin-bottom: -1%;
}

.question-box[b-733s2f2qk8] {
    display: flex;
    justify-content: flex-end;
    width: 91.5%;
}

.add-question-btn[b-733s2f2qk8]{
    margin-top: 1%;
    background-color: #fff !important;
}

#header-container[b-733s2f2qk8]{
    display: flex;
    flex-direction: row;
    width: 99%;
    justify-content: space-between;
    align-items: center;
}

#body-container[b-733s2f2qk8] {
    display: flex;
    flex-direction: column;
    margin: 1%;
    gap: 1vh;
    background-color: #fff;
    padding: 2vh;
    border-radius: .3rem;
    -webkit-box-shadow: 8px 8px 12px -12px rgba(66, 68, 90, 1);
    -moz-box-shadow: 8px 8px 12px -12px rgba(66, 68, 90, 1);
    box-shadow: 8px 8px 12px -12px rgba(66, 68, 90, 1);
}

.survey-wrapper[b-733s2f2qk8] {
    position: relative;
    width: 98%;
    margin: 1.2vh 0;
}

.standard-answer[b-733s2f2qk8]{
    width: 85%;
}

.labels[b-733s2f2qk8] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    width: 31%;
}

.delete-btn[b-733s2f2qk8]{
    position: absolute;
    top: 20%;
    right: 8.5%;
    cursor: pointer;
}

.delete-ans-btn[b-733s2f2qk8] {
    position: absolute;
    top: 20%;
    right: 13%;
    cursor: pointer;
}
/* /Components/Pages/Surveys/Surveys.razor.rz.scp.css */
table[b-4f9spjun1y] {
    width: 100%;
    border-spacing: 0;
    table-layout: fixed;
    border-collapse: separate;
}

    table tbody tr:hover[b-4f9spjun1y] {
        cursor: pointer;
        background-color: #eee;
    }

    table thead[b-4f9spjun1y] {
        background-color: #F2F2F2;
        height: 8vh;
    }

        table thead tr th[b-4f9spjun1y] {
            text-align: left;
            padding: 1vh;
            color: #444;
            opacity: .6;
            text-transform: uppercase;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 1.8vh;
        }

            table thead tr th span[b-4f9spjun1y] {
                display: inline-block;
                vertical-align: middle;
                transform: rotate(270deg);
                font-size: 1.8vh;
                line-height: 1;
                cursor: pointer;
            }

            table thead tr th:first-child[b-4f9spjun1y] {
                padding-left: 5vh;
                width: 10%;
            }

            table thead tr th:last-child[b-4f9spjun1y] {
                padding-right: 5vh;
                width: 10%;
            }

    table tbody tr[b-4f9spjun1y] {
        height: 6vh;
    }

        table tbody tr td[b-4f9spjun1y] {
            padding: 1vh;
            border-bottom-width: 1px;
            border-bottom-color: rgb(128, 128, 128, .6);
            border-bottom-style: solid;
            color: #666;
            font-size: 1.6vh;
        }

            table tbody tr td:first-child[b-4f9spjun1y] {
                padding-left: 6vh;
                width: 10%;
            }

            table tbody tr td:last-child[b-4f9spjun1y] {
                padding-right: 6vh;
                width: 10%;
            }

header[b-4f9spjun1y] {
    margin-left: 1%;
    margin-right: 1%;
    height: 8vh;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#header-first-container[b-4f9spjun1y] {
    display: flex;
    align-items: center;
    gap: 5%;
}

    #header-first-container span[b-4f9spjun1y] {
        opacity: .8;
    }

#header-second-container[b-4f9spjun1y] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 18%;
}

header input[b-4f9spjun1y] {
    height: 4vh;
    font-size: 1.8vh;
    outline: none;
    border: none;
}

header select[b-4f9spjun1y] {
    border: none;
    outline: none;
    font-size: 1.6vh;
    cursor: pointer;
}

header button[b-4f9spjun1y] {
    height: 4vh;
    width: 12vh;
    background-color: #fff;
    border-radius: 6px;
    cursor: pointer;
}

header span[b-4f9spjun1y] {
    font-size: 3.2vh;
}

footer[b-4f9spjun1y] {
    margin-left: 1%;
    margin-right: 1%;
    height: 8vh;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #444;
}

    footer span[b-4f9spjun1y] {
        font-size: 1.4vh;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

#main-container[b-4f9spjun1y] {
    background-color: #fff;
    -webkit-box-shadow: 8px 8px 12px -12px rgba(66, 68, 90, 1);
    -moz-box-shadow: 8px 8px 12px -12px rgba(66, 68, 90, 1);
    box-shadow: 8px 8px 12px -12px rgba(66, 68, 90, 1);
    border-radius: .3rem;
    width: 98%;
    margin: 1%;
    min-height: 84vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.action-button[b-4f9spjun1y] {
    width: 5vh;
    position: relative;
    text-align: right;
}

.pagger[b-4f9spjun1y] {
    display: flex;
    gap: 2vh;
}

h3[b-4f9spjun1y] {
    font-size: 2.8vh;
    color: #42526E;
}

.pagger span.active[b-4f9spjun1y] {
    font-weight: bold !important;
    text-decoration: underline !important;
}

.disabled[b-4f9spjun1y] {
    cursor: not-allowed;
    opacity: .5;
}

.action-wrapper[b-4f9spjun1y] {
    position: relative;
    display: inline-block;
    outline: none;
}

.kebab[b-4f9spjun1y] {
    background: transparent;
    border: 0;
    padding: 4px;
    cursor: pointer;
}

.action-menu[b-4f9spjun1y] {
    position: absolute;
    right: 0;
    top: 28px;
    list-style: none;
    margin: 0;
    padding: 6px 0;
    min-width: 160px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 10px 25px rgba(0,0,0,.08);
    z-index: 10;
}

    .action-menu li[b-4f9spjun1y] {
        margin: 0;
    }

    .action-menu button[b-4f9spjun1y] {
        width: 100%;
        text-align: left;
        background: none;
        border: 0;
        padding: 10px 14px;
        cursor: pointer;
        font: inherit;
    }

        .action-menu button:hover[b-4f9spjun1y] {
            background: #f3f4f6;
        }

    .action-menu .danger[b-4f9spjun1y] {
        color: #b91c1c;
    }

#header-container[b-4f9spjun1y] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 0;
}

.add-btn[b-4f9spjun1y] {
    width: 10%;
    letter-spacing: 1px;
    font-weight: 600;
}

.filters[b-4f9spjun1y] {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    height: 5vh;
    width: 40%;
    padding-left: 1vh;
    padding-right: 1vh;
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 1.8vh;
}

#filters-box[b-4f9spjun1y] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 10vh;
    padding-left: 5vh;
}

    #filters-box select[b-4f9spjun1y] {
        height: 5vh;
        width: 32vh;
        border-radius: .3rem;
    }

.input-wrapper[b-4f9spjun1y] {
    display: flex;
    flex-direction: column;
}

    .input-wrapper label[b-4f9spjun1y] {
        opacity: .6;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 600;
        text-transform: uppercase;
    }

    .input-wrapper select[b-4f9spjun1y] {
        opacity: .6;
        -webkit-box-shadow: 8px 8px 24px -15px rgba(66, 68, 90, 1);
        -moz-box-shadow: 8px 8px 24px -15px rgba(66, 68, 90, 1);
        box-shadow: 8px 8px 24px -15px rgba(66, 68, 90, 1);
        padding: 1vh;
        font-size: 1.2rem;
    }
/* /Components/Pages/Users/User.razor.rz.scp.css */
h3[b-fucdbrzktn] {
    font-size: 28px;
    color: #42526E;
}

form[b-fucdbrzktn] {
    display: flex;
    flex-direction: column;
    margin: 1%;
    gap: 1vh;
}

form input[b-fucdbrzktn]{
    width: 30%;
    height: 4vh;
}

.input-wrapper[b-fucdbrzktn] {
    display: flex;
    flex-direction: column;
    color: #888;
    margin: 1%;
}

    .input-wrapper label[b-fucdbrzktn] {
        opacity: .8;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 600;
        font-size: 1.5vh;
        text-transform: uppercase;
    }

.standard-input[b-fucdbrzktn] {
    width: 30%;
    border-width: 1px;
    background: #fff;
    padding-left: 1%;
    font-size: 1.5vh;
}

.standard-select[b-fucdbrzktn] {
    width: 31.25% !important;
}

.primary-button[b-fucdbrzktn] {
    width: 15%;
}

#btn-container[b-fucdbrzktn]{
    display: flex;
    gap: 1%;
    width: 50%;
    justify-content: flex-end;
}

#header-container[b-fucdbrzktn] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

#body-container[b-fucdbrzktn] {
    background-color: #fff;
    -webkit-box-shadow: 8px 8px 12px -12px rgba(66, 68, 90, 1);
    -moz-box-shadow: 8px 8px 12px -12px rgba(66, 68, 90, 1);
    box-shadow: 8px 8px 12px -12px rgba(66, 68, 90, 1);
    border-radius: .3rem;
    padding: 2vh;
}

.labels[b-fucdbrzktn] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    width: 31%;
}
/* /Components/Pages/Users/Users.razor.rz.scp.css */
table[b-f5uu08z054] {
    width: 100%;
    border-spacing: 0;
    table-layout: fixed;
    border-collapse: separate;
}

    table tbody tr:hover[b-f5uu08z054] {
        cursor: pointer;
        background-color: #eee;
    }

    table thead[b-f5uu08z054]{
        background-color: #F2F2F2;
        height: 8vh;
    }

    table thead tr th[b-f5uu08z054] {
        text-align: left;
        padding: 1vh;
        color: #444;
        opacity: .6;
        text-transform: uppercase;

        font-family: Arial, Helvetica, sans-serif;
        font-size: 1.8vh;
    }

        table thead tr th span[b-f5uu08z054] {
            display: inline-block;
            vertical-align: middle;
            transform: rotate(270deg);
            font-size: 1.8vh;
            line-height: 1;
            cursor: pointer;
        }

    table thead tr th:first-child[b-f5uu08z054] {
        padding-left: 5vh;
        width: 10%;
    }

        table thead tr th:last-child[b-f5uu08z054] {
            padding-right: 5vh;
            width: 10%;
        }

    table tbody tr[b-f5uu08z054] {
        height: 6vh;
    }

    table tbody tr td[b-f5uu08z054] {
        padding: 1vh;
        border-bottom-width: 1px;
        border-bottom-color: rgb(128, 128, 128, .6);
        border-bottom-style: solid;
        color: #666;
        font-size: 1.6vh;
    }

        table tbody tr td:first-child[b-f5uu08z054] {
            padding-left: 6vh;
            width: 10%;
        }

        table tbody tr td:last-child[b-f5uu08z054] {
            padding-right: 6vh;
            width: 10%;
        }

header[b-f5uu08z054] {
    margin-left: 1%;
    margin-right: 1%;
    height: 8vh;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#header-first-container[b-f5uu08z054]{
    display: flex;
    align-items: center;
    gap: 5%;
}

#header-first-container span[b-f5uu08z054]{
    opacity: .8;
}

#header-second-container[b-f5uu08z054]{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 18%;
}

header input[b-f5uu08z054]{
    height: 4vh;
    font-size: 1.8vh;
    outline: none;
    border: none;
}

header select[b-f5uu08z054] {
    border: none;
    outline: none;
    font-size: 1.6vh;
    cursor: pointer;
}

header button[b-f5uu08z054]{
    height: 4vh;
    width: 12vh;
    background-color: #fff;
    border-radius: 6px;
    cursor: pointer;
}

header span[b-f5uu08z054]{
    font-size: 3.2vh;
}

footer[b-f5uu08z054] {
    margin-left: 1%;
    margin-right: 1%;
    height: 8vh;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #444;
}

    footer span[b-f5uu08z054] {
        font-size: 1.4vh;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

#main-container[b-f5uu08z054] {
    background-color: #fff;
    -webkit-box-shadow: 8px 8px 12px -12px rgba(66, 68, 90, 1);
    -moz-box-shadow: 8px 8px 12px -12px rgba(66, 68, 90, 1);
    box-shadow: 8px 8px 12px -12px rgba(66, 68, 90, 1);
    border-radius: .3rem;
    width: 98%;
    margin: 1%;
    min-height: 84vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.action-button[b-f5uu08z054] {
    width: 5vh;
    position: relative;
    text-align: right;
}

.pagger[b-f5uu08z054]{
    display: flex;
    gap: 2vh;
}

h3[b-f5uu08z054]{
    font-size: 2.8vh;
    color: #42526E;
}

.pagger span.active[b-f5uu08z054] {
    font-weight: bold !important;
    text-decoration: underline !important;
}

.disabled[b-f5uu08z054] {
    cursor: not-allowed;
    opacity: .5;
}

.action-wrapper[b-f5uu08z054] {
    position: relative;
    display: inline-block;
    outline: none;
}

.kebab[b-f5uu08z054] {
    background: transparent;
    border: 0;
    padding: 4px;
    cursor: pointer;
}

.action-menu[b-f5uu08z054] {
    position: absolute;
    right: 0;
    top: 28px;
    list-style: none;
    margin: 0;
    padding: 6px 0;
    min-width: 160px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 10px 25px rgba(0,0,0,.08);
    z-index: 10;
}

    .action-menu li[b-f5uu08z054] {
        margin: 0;
    }

    .action-menu button[b-f5uu08z054] {
        width: 100%;
        text-align: left;
        background: none;
        border: 0;
        padding: 10px 14px;
        cursor: pointer;
        font: inherit;
    }

        .action-menu button:hover[b-f5uu08z054] {
            background: #f3f4f6;
        }

    .action-menu .danger[b-f5uu08z054] {
        color: #b91c1c;
    }

#header-container[b-f5uu08z054]{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 0;
}

.add-btn[b-f5uu08z054] {
    width: 10%;
    letter-spacing: 1px;
    font-weight: 600;
}

.filters[b-f5uu08z054] {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    height: 5vh;
    width: 40%;
    padding-left: 1vh;
    padding-right: 1vh;
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 1.8vh;
}

#filters-box[b-f5uu08z054]{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 10vh;
    padding-left: 5vh;
}

#filters-box select[b-f5uu08z054]{
    height: 5vh;
    width: 32vh;
    border-radius: .3rem;
}

.input-wrapper[b-f5uu08z054]{
    display: flex;
    flex-direction: column;
}

    .input-wrapper label[b-f5uu08z054] {
        opacity: .6;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 600;
        text-transform: uppercase;
    }

    .input-wrapper select[b-f5uu08z054] {
        opacity: .6;
        -webkit-box-shadow: 8px 8px 24px -15px rgba(66, 68, 90, 1);
        -moz-box-shadow: 8px 8px 24px -15px rgba(66, 68, 90, 1);
        box-shadow: 8px 8px 24px -15px rgba(66, 68, 90, 1);
        padding: 1vh;
        font-size: 1.2rem;
    }