/* /Pages/LogIn.razor.rz.scp.css */
.container[b-vgqf2y4ewe] {
    width: 30vw;
    display: flex;
    flex-direction: column;
    place-items: center;
}
img[b-vgqf2y4ewe]{
    width:min(100%, 250px);
}
/* /Pages/Reports/PaySlip.razor.rz.scp.css */
.pay-page[b-s6a3fyry6e] {
    max-width: 210mm;
    margin: auto;
    font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
    font-size: 11pt;
}
.pay-page > h1[b-s6a3fyry6e], h2[b-s6a3fyry6e], h3[b-s6a3fyry6e], h4[b-s6a3fyry6e], h5[b-s6a3fyry6e] {
    font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
}
h2[b-s6a3fyry6e]{
    font-weight: bold;
}
.title-label[b-s6a3fyry6e]{
    float:left;
    margin-right:4px;
    width:30%;
    clear:left;
    margin-bottom:2px;
}
.title-entry[b-s6a3fyry6e] {
    float: left;
    clear: right;
    width: 65%;
    border-radius: .5vh;
    border: 1px solid gray;
    margin-bottom: 2px;
    padding:2px;
    font-weight:bold;
    min-height: 25px;
}
.sub-total[b-s6a3fyry6e]{
    border-top:1px solid gray;
    border-bottom:2px solid gray;
    font-weight: bold;
}
.last-col[b-s6a3fyry6e]{
    max-width:10vmin;
    min-width:10vmin;
}
.summary[b-s6a3fyry6e]{
    border:1px solid gray;
    padding:3px;
    width:100%;
    border-radius:1vmin;
    margin:auto;
}
.summary-header[b-s6a3fyry6e]{
    transform: translateY(3.5vh);
    margin-left: 10vw;
    max-width:15vmax;
    font-weight: bold;
    display:inline-block;
    font-weight:bold;
    background: white;
    padding: 1%;
    z-index:10;
}
.text-right[b-s6a3fyry6e]{
    text-align: right;
}
/* /Shared/Busy.razor.rz.scp.css */
div.msg-body[b-36ye4wst01] {
    top: 0;
    width: 100%;
    height: 100vh;
    margin: auto;
    position: fixed;
    background: rgba(128,128,128, 0.8);
    display:flex;
    place-items:center;
    place-content: center;
    transition: all 1s;
    margin-left: -5vw;
}

div.msg-container[b-36ye4wst01] {
    background: white;
    width: 50vw;
    padding:2%;
    text-align: center;
    height: 100px;
    border-radius: 1vh;
    box-shadow: 0 0 10px #808080;
    transition: all 1s;
}
div.ring[b-36ye4wst01]{
    border-radius:50%;
    width:20px;
    height:20px;
    margin:2%;
    animation: round-bars-b-36ye4wst01 1s infinite;
    display: inline-block;
    margin:auto;
}
div.ring:nth-child(2n)[b-36ye4wst01]{
    animation-delay: .33s;
}
div.ring:last-child[b-36ye4wst01]{
    animation-delay: .67s;
}
@keyframes round-bars-b-36ye4wst01{
    0% {
        background: black;
    }
    67% {
        background: white;
    }
}
.centred[b-36ye4wst01]{
    width: 100%;
    display: flex;
}
.centred>p[b-36ye4wst01]{
    display: block;
}
.inline[b-36ye4wst01]{
    background: linear-gradient(to right, white, silver 50%, white);
    padding-top: 2%;
    padding-bottom: 2%;
    font-style: italic;
    text-align: center;
}
/* /Shared/InteractionBox.razor.rz.scp.css */
body[b-5gzk7qvjob] {
}
div.msg-body[b-5gzk7qvjob] {
    top: 0;
    width: 100%;
    height: 100vh;
    margin: auto;
    position: fixed;
    background: rgba(128,128,128, 0.8);
    padding: 5%;
    transition: all 1s;
}

div.msg-container[b-5gzk7qvjob] {
    background: white;
    width: 80%;
    margin-top: 10vh;
    border-radius: 1vh;
    box-shadow: 0 0 10px #808080;
    transition: all 1s;
}
/* /Shared/LogInLayout.razor.rz.scp.css */
.page[b-rz8z0lfzb6] {
    margin: 2%;
    padding: 2%;
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-pudzx3vlax] {
    margin: 2%;
    margin-top: 5%;
    padding: 2%;
    height: 80vh;
    margin-top: 10vmax;
}

@media screen and (min-width:960px) {
    .page[b-pudzx3vlax] {
        margin: 2%;
        padding: 2%;
        height: 80vh;
        margin-top: 4%;
    }
}
/* /Shared/NavMenu.razor.rz.scp.css */
.sticky[b-wtbgceqp8q]{
    height:60px;
    overflow:visible;
    top:0;
    position: fixed;
    width: 96%;
    background: linear-gradient(to right, white 5%, silver);
    padding: 1%;
    display: flex;
    transition: all;
    box-shadow: 0 0 1px 2px silver;
    z-index:10000;
    margin-left:2%;
    margin-right:2%;
}
.home-lander[b-wtbgceqp8q]{
    margin-right: 5%;
    width:10vw;
    display: flex;
    place-items: center;
}
    .home-lander a[b-wtbgceqp8q] {
        font-size: 2em;
        font-weight: bold;
        color: navy;
    }
home-lander a .admin[b-wtbgceqp8q]{
    font-size:smaller !important;
}
.collapsible[b-wtbgceqp8q] {
    display: flex;
    width: 90vw;
    place-items: center;
}
.profile[b-wtbgceqp8q] {
    margin-left: auto;
}
.profile img[b-wtbgceqp8q]{
    height:100%;
    max-height: 30px;
    border-radius:50%;
}
.collapsible-item[b-wtbgceqp8q] {
    margin-right: 2%;
    margin-left: 2%;
    display: flex;
    font-size: max(1.5em,2vmax);
    place-items: center;
}
.collapsible-item-description[b-wtbgceqp8q]{
    display: none;
}

.darkerpurple[b-wtbgceqp8q] {
    color: navy;
}

.collapsible-item > a[b-wtbgceqp8q] {
    color: inherit;
    text-decoration: none;
    display: flex;
    place-items: center;
    align-items: stretch;
    justify-content: space-evenly;
}


@media screen and (min-width:920px) {
    .collapsible-item-description[b-wtbgceqp8q] {
        display: flex;
        font-size: min(2em,2.5vmin);
        place-items: center;
        margin-left: 2px;
    }    
}
a.visited[b-wtbgceqp8q]{
    display: flex;
}
/* /Shared/NoData.razor.rz.scp.css */
div.ring[b-mc8brs0c1d] {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin: 2%;
    animation: round-bars-b-mc8brs0c1d 1s infinite;
    display: inline-block;
    margin: auto;
}

    div.ring:nth-child(2n)[b-mc8brs0c1d] {
        animation-delay: .33s;
    }

    div.ring:last-child[b-mc8brs0c1d] {
        animation-delay: .67s;
    }

@keyframes round-bars-b-mc8brs0c1d {
    0% {
        background: black;
    }

    67% {
        background: white;
    }
}
.centred[b-mc8brs0c1d] {
    width: 100%;
    display: flex;
    place-content: center;
}
.twenty[b-mc8brs0c1d]{
    width: 20%;
}
/* /Shared/PopContainer.razor.rz.scp.css */
.holderz[b-eznae289g3] {
    top: 0;
    position:fixed;
    display: flex;
    width: 100%;
    height: 100vh;
    margin: auto;
    background: rgba(128,128,128, 0.8);
    padding: 5%;
    padding-top:10%;
    transition: all 1s;
    z-index: 1000;
    align-items: center;
    place-content: center;
    align-content: center;
    place-items: center;
    left:-2vw;
}

.heldz[b-eznae289g3] {
    display: flex;
    place-items: center;
    background: white;
    width: 90%;
    padding: 1vh;
    box-shadow: 0 0 10px #808080;
    transition: all 1s;
}
.scrollable[b-eznae289g3] {
    width: 100%;
    max-height: 80vh;
    overflow: auto;
}

.show-popup[b-eznae289g3]{
    animation: pop-up-b-eznae289g3 1s;
}

@keyframes pop-up-b-eznae289g3{
    0%{
        transform: scale(.1);
    }
    100%{
        transform: scale(1);
    }
}
.close-button[b-eznae289g3] {
    font-size: xx-large;
    cursor: pointer;
}
.close-button:hover[b-eznae289g3]{
    color:red;
}