@import '_content/Toolbelt.Blazor.PWA.Updater/Toolbelt.Blazor.PWA.Updater.bnjuj6nd91.bundle.scp.css';

/* /Components/Card.razor.rz.scp.css */
.card[b-sqe2irym4c] {
    border: solid 2px #eee;
    margin-top: 10px !important;
    border-radius: 7px;
    box-shadow: 5px 6px 15px 0px #eee;
}

@media (max-width:700px) {
    div:nth-last-of-type(2)[b-sqe2irym4c] {
        font-size:14px;
    }
}
/* /Components/CustomModal.razor.rz.scp.css */

div.floatmodel[b-7ptyr8jb5r] {
    display: none;
    height: 600px;
    width: 700px;
    position: absolute;
    z-index: 1060;
    margin: auto;
    inset:0;
    border-radius: 15px;
    opacity: 1;
    animation: fade-b-7ptyr8jb5r 0.3s linear;
    background: white;
    overflow: hidden;
    transition: 0.5s;
    animation-delay: 0s;
    margin-top: 80px;
}

.backdrop[b-7ptyr8jb5r] {
    display: none;
    position: absolute;
    width: 100%;
    background-color: black;
    height: 100%;
    overflow: hidden;
    z-index: 1040;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.5;
}

a.close[b-7ptyr8jb5r] {
    color: black;
    position:absolute;
    padding: 15px;
    transition: 0.5s;
}

    a.close:hover[b-7ptyr8jb5r] {
        transform: scale(1.3);
    }

form[b-7ptyr8jb5r] {
    margin-top: 5px;
    padding: 15px;
}

button:first-child[b-7ptyr8jb5r] {
    margin-top: -8px;
}
div > button[b-7ptyr8jb5r] {
    width: 80px;
    height: 40px;
    background-color: green;
    border-radius: 8px;
    color: white;
    border: solid 1px green !important;
    box-shadow: 0px 2px 10px 2px #eee;
    transition: 1s;
    z-index: 100;
    position: absolute;
    margin-left: -30px !important;
    background-color: green;
    position: absolute;
}

div > button:hover[b-7ptyr8jb5r] {
    font-weight: 900;
    transform:scale(1.1);
}
div > button:active[b-7ptyr8jb5r] {
    background-color:#ddd;
}
div label[b-7ptyr8jb5r] {
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 14px;
}

input[b-7ptyr8jb5r] {
    margin-bottom: 7px;
}

div ~ hr[b-7ptyr8jb5r] {
    margin-left: -50px;
    margin-right: -50px;
}
hr + div[b-7ptyr8jb5r] {
    display:block;
    margin-top:-30px!important;
    text-align: center;
}
form input[type="text"][b-7ptyr8jb5r] {
    background-color: white;
    color: black;
    box-shadow: 0px 2px 10px 6px #eeeeee;
}

.line[b-7ptyr8jb5r] {
    border: solid 1.5px black;
    margin-top: 55px;
}

@keyframes fade-b-7ptyr8jb5r {
    0% {
        opacity: 0;
        transform: translateX(-100%);
    }

    100% {
        opacity: 1;
        transform: translateX(0%);
    }
}

input[b-7ptyr8jb5r]::placeholder {
    color: lightgray;
}

@media (max-width:485px) {
    div.floatmodel[b-7ptyr8jb5r] {
        width:340px;
    }
}
@media (min-width:641px) and (max-width:740px) {
    div.floatmodel[b-7ptyr8jb5r] {
        width:350px;
    }
}
/* /Components/Modal.razor.rz.scp.css */
.modal[b-qf5mdvv625] {
    /*opacity:2!important;*/
    /*position: fixed!important;*/
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Adjust the opacity as needed */
    /*z-index: 1055!important;*/ /* Adjust the z-index to make sure it's positioned below the modal */
}
/*.modal {
    background: rgba(0, 0, 0, 0.5);
}

.modal-backdrop {
    display: none;
}*/
@media (max-width:640)
{
    .modal[b-qf5mdvv625] {
        z-index: -1 !important; /* Adjust the z-index to make sure it's positioned below the modal */
    }

}
.modal-backdrop.show[b-qf5mdvv625] {
    /* opacity: .5; */
}

.modal-backdrop.fade[b-qf5mdvv625] {
    opacity: 0;
}
/* /Components/OffCanvasRight.razor.rz.scp.css */
.offcanvas[b-hopghv01z1] {
    width: max(400px,30%); /*
     /*
        The max() function selects the larger of the two values provided.
        So, when the available width is larger than 400 pixels, the resulting width will be 400px.
        When the available width is less than 400 pixels, the resulting width will be 30%.
    */
    transition-duration: 300ms; /* Adjust as needed */
    transition-property: transform; /* Ensure transform is included */
    transition-timing-function: ease-in-out; /* Or use a custom easing function */
    animation-delay: 0s;
    z-index: 3000 !important;
    height: calc(100% - (40px)) !important;
    margin-top: 40px;
}
@media (max-width:641px) {
    .offcanvas[b-hopghv01z1] {
        height: calc(100% - 160px);
        margin-top: 90px;
    }
}
/* /Components/OffCanvasRightAccount.razor.rz.scp.css */
.offcanvas[b-opvkgg7a3u] {
    width: max(500px,35%); /*
        The max() function selects the larger of the two values provided.
        So, when the available width is larger than 400 pixels, the resulting width will be 400px.
        When the available width is less than 400 pixels, the resulting width will be 30%.
    */
    transition-duration: 300ms; /* Adjust as needed */
    transition-property: transform; /* Ensure transform is included */
    transition-timing-function: ease-in-out; /* Or use a custom easing function */
    animation-delay: 0s;
    z-index: 3000 !important;
    height: calc(100% - (40px)) !important;
    margin-top: 40px;
}
@media (max-width:641px) {
    .offcanvas[b-opvkgg7a3u] {
        height: calc(100% - 160px);
        margin-top:90px;
    }
}
/* /Components/PurchaseInvoice.razor.rz.scp.css */

@media only screen and (max-width: 600px) {
    .invoice-box table tr.top table td[b-0jhndk8xyd] {
        width: 100%;
        display: block;
        text-align: center;
    }

    .invoice-box table tr.information table td[b-0jhndk8xyd] {
        width: 100%;
        display: block;
        text-align: center;
    }
}
/* /Components/SaleInvoice.razor.rz.scp.css */

@media only screen and (max-width: 600px) {
    .invoice-box table tr.top table td[b-t4qx36pfde] {
        width: 100%;
        display: block;
        text-align: center;
    }

    .invoice-box table tr.information table td[b-t4qx36pfde] {
        width: 100%;
        display: block;
        text-align: center;
    }
}
/* /Components/Tabs.razor.rz.scp.css */
.nav-link.active[b-u17cembpix] {
    background-color: dimgrey !important;
    font-weight: bold !important;
    color:white;
}
.nav-link[b-u17cembpix]{
    background-color: transparent !important;
    font-weight:normal!important;
    color: black;
    border: solid;
    border-width: 1px;
    border-color: lightgray;
    border-top: none;
    border-bottom: none;
}
.container-fluid[b-u17cembpix] {
    padding: 0px;
    border: solid;
    border-width: 1px;
    border-color: lightgray;
    border-radius:5px;
}
/* /Pages/Accounts/AccountsPage.razor.rz.scp.css */
@keyframes slideIn-b-sn977kiose {
    0% {
        opacity: 0;
        transform: translateY(100%);
    }

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

/* Apply the animation styles to the popup container */
.popup-container[b-sn977kiose] {
    animation: slideIn-b-sn977kiose 0.3s ease-in-out;
}
/* /Pages/Accounts/AddAccount.razor.rz.scp.css */
.fade-in[b-ab9b7r6vkd] {
    opacity: 0;
    animation: fadeInAnimation-b-ab9b7r6vkd 0.7s forwards;
}

@keyframes fadeInAnimation-b-ab9b7r6vkd {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
.main-row[b-ab9b7r6vkd] {
    padding: 30px !important;
}
.card[b-ab9b7r6vkd] {
    border:solid 2px #eee;
    border-radius:10px;
}
/* /Pages/Accounts/EditAccount.razor.rz.scp.css */
.fade-in[b-0xl0r2tpec] {
    opacity: 0;
    animation: fadeInAnimation-b-0xl0r2tpec 0.7s forwards;
}

@keyframes fadeInAnimation-b-0xl0r2tpec {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
.main-row[b-0xl0r2tpec] {
    padding: 5px !important;
}
nav[b-0xl0r2tpec] {
    top:-10px;
}

.card[b-0xl0r2tpec] {
    border: solid 2px #eee;
    border-radius: 10px;
}
/* /Pages/AgingReports/FixedAssets.razor.rz.scp.css */
body[b-t87bi4luzq] {
}
/* /Pages/AgingReports/PayableAging.razor.rz.scp.css */
@keyframes slideTopToBottom-b-jwy9upf2bn {
    from {
        margin-top: -100%; /* Start off-screen */
        opacity: 0;
    }

    to {
        margin-top: 0; /* Slide in from the top */
        opacity: 1;
    }
}

.slide-top-to-bottom[b-jwy9upf2bn] {
    animation: slideTopToBottom-b-jwy9upf2bn 0.7s forwards;
}

@keyframes slideBottomToTop-b-jwy9upf2bn {
    from {
        margin-top: 100%; /* Start off-screen */
        opacity: 0;
    }

    to {
        margin-top: 0; /* Slide in from the bottom */
        opacity: 1;
    }
}

.slide-bottom-to-top[b-jwy9upf2bn] {
    animation: slideBottomToTop-b-jwy9upf2bn 0.7s forwards;
}

/* /Pages/AgingReports/ReceivableAging.razor.rz.scp.css */
@keyframes slideTopToBottom-b-nwubp6codb {
    from {
        margin-top: -100%; /* Start off-screen */
        opacity: 0;
    }

    to {
        margin-top: 0; /* Slide in from the top */
        opacity: 1;
    }
}

.slide-top-to-bottom[b-nwubp6codb] {
    animation: slideTopToBottom-b-nwubp6codb 0.7s forwards;
}

@keyframes slideBottomToTop-b-nwubp6codb {
    from {
        margin-top: 100%; /* Start off-screen */
        opacity: 0;
    }

    to {
        margin-top: 0; /* Slide in from the bottom */
        opacity: 1;
    }
}

.slide-bottom-to-top[b-nwubp6codb] {
    animation: slideBottomToTop-b-nwubp6codb 0.7s forwards;
}
/* /Pages/CompanyInfo.razor.rz.scp.css */
@keyframes slideIn-b-nv8u67e3ao {
    0% {
        opacity: 0;
        transform: translateY(100%);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.slide-in[b-nv8u67e3ao] {
    animation: slideIn-b-nv8u67e3ao 0.6s ease-in-out;
    animation-delay: 0s;
}

/*.container {
    flex-direction: row;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 150%;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    grid-template-rows: 1000px 1000px 1000px;
    grid-template-columns: repeat(auto-fit,minmax(1000px,1fr));
    overflow: hidden;
    animation: slideIn 0.3s ease-in-out;
}*/
.searchBtn[b-nv8u67e3ao] {
    transition-delay: 0s;
}
.searchBtn:hover[b-nv8u67e3ao] {
    transform: scale(1.1);
    font-weight: 600;
}
.container[b-nv8u67e3ao] {
    justify-content:center;
    top: 0;
    right: 0;
    left: 0;
    position: center;
    height:fit-content!important;
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    height: 100vh;
    overflow: hidden;
}
/* /Pages/Contracts/AddPurchaseOrder.razor.rz.scp.css */
.form-container[b-ahbwlokyfs] {
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    display: inline-block;
    width: 100%;
}
.loading-container[b-ahbwlokyfs] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.loading-indicator[b-ahbwlokyfs] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 4px solid #ccc;
    border-top-color: #333;
    animation: spin-b-ahbwlokyfs 1s linear infinite;
}
.modal-backdrop[b-ahbwlokyfs] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Adjust the opacity as needed */
    z-index: 500; /* Adjust the z-index to make sure it's positioned below the modal */
}
@keyframes spin-b-ahbwlokyfs {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.custom-saving-modal[b-ahbwlokyfs] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 150vh;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    z-index: 9999; /* Ensure the modal is on top of other elements */
    overflow-x: auto;
    overflow-y: auto;
}

.modal-content[b-ahbwlokyfs] {
    background-color: white;
    padding: 10px;
    border-radius: 8px;
    position: relative; /* Added position relative */
}

.loading-container[b-ahbwlokyfs] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.loading-indicator[b-ahbwlokyfs] {
    /* Add your loading indicator styles here */
}

.modal-body[b-ahbwlokyfs] {
    padding:0;
    margin-top: 10px;
}


@keyframes slideLeft-b-ahbwlokyfs {
    from {
        margin-right: 100%; /* Start off-screen */
        opacity: 0;
    }

    to {
        margin-right: 0; /* Slide in from the right */
        opacity: 1;
    }
}

.slide-left-animation[b-ahbwlokyfs] {
    animation: slideLeft-b-ahbwlokyfs 0.7s forwards;
}
/* /Pages/Contracts/AllPurchaseOrders.razor.rz.scp.css */
.exportbtn:hover[b-2tgcc9bvj0] {
    font-weight: bold;
}

.customRow[b-2tgcc9bvj0]{
    display:flex;
    flex-wrap:wrap;
    margin-right:auto;
}

/*
 Set row width according to the window margin width px.
 For min-width: set width for this margin or larger.
 For max-width: set width for this margin or smaller.
 */


@media (min-width: 1900px) {
    .customRow[b-2tgcc9bvj0] {
        margin-left: -160px;
    }
}
@media (min-width: 1801px) and (max-width:1899px) {
    .customRow[b-2tgcc9bvj0] {
        margin-left: -110px;
    }
}

@media (min-width: 1721px) and (max-width: 1800px) {
        .customRow[b-2tgcc9bvj0] {
            margin-left: -80px;
        }
    }

@media (max-width: 1720px) {
    .customRow[b-2tgcc9bvj0] {
        margin-left: -50px;
    }
}
@media (max-width: 1680px) {
    .customRow[b-2tgcc9bvj0] {
        margin-left: -28px;
    }
}
@keyframes slideIn-b-2tgcc9bvj0 {
    0% {
        opacity: 0;
        transform: translateY(100%);
    }

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

/* Apply the animation styles to the popup container */
.popup-container[b-2tgcc9bvj0] {
    animation: slideIn-b-2tgcc9bvj0 0.3s ease-in-out;
}
/* /Pages/Contracts/FilesPage.razor.rz.scp.css */
.slide-in[b-rsh4l0bs8i] {
    animation: slideIn-b-rsh4l0bs8i 0.3s forwards;
}

.slide-out[b-rsh4l0bs8i] {
    animation: slideOut-b-rsh4l0bs8i 0.3s forwards;
}

@keyframes slideIn-b-rsh4l0bs8i {
    0% {
        transform: translateY(100%);
    }

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

@keyframes slideOut-b-rsh4l0bs8i {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(100%);
    }
}
/* /Pages/Contracts/UpdatePurchaseOrder.razor.rz.scp.css */
.form-container[b-7ssekmgs4r] {
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    display: inline-block;
    width: 100%;
}
.loading-container[b-7ssekmgs4r] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.loading-indicator[b-7ssekmgs4r] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 4px solid #ccc;
    border-top-color: #333;
    animation: spin-b-7ssekmgs4r 1s linear infinite;
}
.modal-backdrop[b-7ssekmgs4r] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Adjust the opacity as needed */
    z-index: 500; /* Adjust the z-index to make sure it's positioned below the modal */
}
@keyframes spin-b-7ssekmgs4r {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.custom-saving-modal[b-7ssekmgs4r] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 150vh;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    z-index: 9999; /* Ensure the modal is on top of other elements */
    overflow-x: auto;
    overflow-y: auto;
}

.modal-content[b-7ssekmgs4r] {
    background-color: white;
    padding: 10px;
    border-radius: 8px;
    position: relative; /* Added position relative */
}

.loading-container[b-7ssekmgs4r] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.loading-indicator[b-7ssekmgs4r] {
    /* Add your loading indicator styles here */
}

.modal-body[b-7ssekmgs4r] {
    padding: 0;
    margin-top: 10px;
}

@keyframes slideLeft-b-7ssekmgs4r {
    from {
        margin-right: 100%; /* Start off-screen */
        opacity: 0;
    }

    to {
        margin-right: 0; /* Slide in from the right */
        opacity: 1;
    }
}

.slide-left-animation[b-7ssekmgs4r] {
    animation: slideLeft-b-7ssekmgs4r 0.7s forwards;
}
/* /Pages/Index.razor.rz.scp.css */
/*.wrapper {
    grid-template-columns:repeat(auto-fill, minmax(1000px,1fr));
    display:grid;
    position:relative;

}
@media (max-width:800px){
    .wrapper {
        grid-template-columns: repeat(auto-fill, minmax(500px,1fr));
        display: grid;
        position: relative;
    }
}*/
/*
.main-class{
    position:relative;
}
ul {
    position: relative;
}
ul li {
    list-style: none;
    margin-bottom: 30px;
}
ul::before {
    content: "";
    position: absolute;
    height: 160px;
    border: solid 2px blue;
    display: block;
    width: 2px;
    margin-left: -23px;
}
ul li::before {
    content: "";
    position: absolute;
    height: 31px;
    outline: 2px solid blue;
    border: solid 2px white;
    margin-top: -4px;
    background-color: blue;
    margin-bottom: 10px;
    margin-left: -36px;
    display: block;
    border-radius: 50%;
    width: 30px;
    z-index:1;
}
li:nth-of-type(3)::before,
li:nth-of-type(4)::before {
    background-color:white;
}*/
/*
input::placeholder {
    color:black;
}
input{
    color:black;
    width:160px;
    transition: width 0.3s;
}
input:hover, input:focus{
    width: 200px;
}
input:focus::placeholder{
    opacity:0;
}*/
/*div {
    height: 100px;
    border-radius: 50%;
    width: 100px;
    position: absolute;
    left: 50%;
    right: 50%;
    background-color: #ededed;
    border-width: 20px;
    border-color: red;
    animation-name: spin;
    border: 10px solid #989898;
    border-left-color: transparent;*/
/*animation-duration: 0.8s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;*/
/*animation: spin 1s linear infinite;
}*/
/*
@keyframes spin {
    0% {
        transform:rotate(0deg)

    }
    100% {
        transform: rotate(360deg)
    }
}
*/
p:not(.special)[b-y0u7lnkx1s] { /*select all elements of type paragraph and must in a parent element, that doesn't have the class name of "special" */
    color: red;
}
p:nth-child(5)[b-y0u7lnkx1s] { /* select element of type paragraph in a parent element that is positioned in the 5th spot*/
    color: red;
}
p:nth-last-of-type(3)[b-y0u7lnkx1s] { /* select the third element of type paragraph but from the bottom*/
    color: red;
}
p:nth-of-type(3)[b-y0u7lnkx1s] { /* select the third element of type paragraph */
    color: red;
}
p:nth-last-child(2)[b-y0u7lnkx1s] { /* select element of type paragraph in a parent element that is positioned in the 5th spot but from the bottom*/
    color: red;
}
p:only-of-type[b-y0u7lnkx1s] { /* only single element of type paragraph in a parent element */
    color: red;
}
p:only-child[b-y0u7lnkx1s] { /* only single element in a parent element */
    color: red;
}
p:first-of-type[b-y0u7lnkx1s] { /* first element of type paragraph and must in a parent element */
    color: red;
}
p:last-of-type[b-y0u7lnkx1s] { /* last element of type paragraph and must in a parent element */
    color: red;
}
p:first-child[b-y0u7lnkx1s] { /* first element of type paragraph and must be the first element in a parent element */
    color: red;
}
p:last-child[b-y0u7lnkx1s] { /* last element of type paragraph and must be the last element in a parent element */
    color: red;
}
intput[type="text"][b-y0u7lnkx1s]::placeholder { /* set placeholder of element type of text styling */
    color: red;
}
div[b-y0u7lnkx1s]::selection{ /* set selection color to div elements*/
    color:black;
}
[b-y0u7lnkx1s]::placeholder { /* set placeholder styling */
    color: black;
}
input:focus[b-y0u7lnkx1s] { /* set styling to focused element */
    border: 2px solid black;
}
input:required + span[b-y0u7lnkx1s]:before { /* required elements add "*" after the <input> elemment in the <span></span> element */
    content: "*";
    color: red;
}
input[type="checkbox"]:checked + label[b-y0u7lnkx1s] { /*Select inputs of type checkbox that are checked and set the label of it*/
    color: red;
}
input:disabled[b-y0u7lnkx1s] { /* Disabled elements of type inputs*/
    color: red;
}
div:empty[b-y0u7lnkx1s] { /*Empty Element*/
    color: red;
}

[title^="S0"][b-y0u7lnkx1s] { /*Select elements that starts with string "S0"*/
    color: red;
}

[title~="Div"][b-y0u7lnkx1s] { /*Select elements that contains the word "Div"*/
    color: red;
}

[title*="Div"][b-y0u7lnkx1s] { /*Select elements that contains the string "Div"*/
    color: red;
}

input[type="text"][b-y0u7lnkx1s] { /*Select input elements with type of "text"*/
    color: red;
}

div[tittle="S01"][b-y0u7lnkx1s] { /*Select div elements with attribute "Title="S01""*/
    color: red;
}

div[tittle][b-y0u7lnkx1s] { /*Select div elements with attribute "Title"*/
    color: red;
}

div ~ p[b-y0u7lnkx1s] { /*All p elements that have <div></div> below it*/
    font-size: 20px;
    color: red;
}

div + p[b-y0u7lnkx1s] { /*All p elements that have <div></div> element above it*/
    font-size: 20px;
    color: red;
}
div > p.parent[b-y0u7lnkx1s] { /*Paragraph selected that are right inside the <div> element*/
    font-size: 20px;
    color: red;
}

p.parent.paragraph-font[b-y0u7lnkx1s] { /*Paragraph with two classes selected*/
    font-size: 20px;
    color: red;
}
.p.parent[b-y0u7lnkx1s] { /*Paragraph with single class selected*/
    font-size: 20px;
    color: red;
}



/* Define the styles for the popup animation */
    @keyframes slideIn-b-y0u7lnkx1s {
        0% {
            transform: translateY(100%);
        }

        100% {
            transform: translateY(0);
        }
    }
    /* Apply the animation styles to the popup container */
    .popup-container[b-y0u7lnkx1s] {
    animation: slideIn-b-y0u7lnkx1s 0.3s ease-in-out;
}
/* Define the blinking animation for the "In-Transit" status */
@keyframes slideLeft-b-y0u7lnkx1s {
    from {
        margin-top: 100%; /* Start off-screen */
        opacity: 0;
    }

    to {
        margin-top: 0; /* Slide in from the right */
        opacity: 1;
    }
}

/*ul li {
    color: red;
    list-style: none;
    padding-top: 10px;
    cursor: pointer;
    padding-left:6px 10px;
}
ul li a{
    text-decoration:none;
}
ul li:hover{
    background-color:antiquewhite;
    font-weight:bold;
    padding-left:10px;
    transition:0.5s ease;
}
ul li::after:hover {
    padding-left: 0px;
    transition: 0.5s ease;
}
*/

/*.parent div p{
    font-size:50px;
    color:red;
}*/
/*
.main-class {
    margin: auto;
    padding-bottom: 20px;
}
img {
    width:auto;
    padding:5px;
    max-height:320px;
    background-size:cover;
}
img:hover {
    -webkit-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}
.card {
    height: 400px;
    box-shadow: 6px 3px 5px #aaaaaa;
    overflow:hidden;
}
*/
/* /Pages/ItemsAndSuppliers/ItemsPage.razor.rz.scp.css */
/* Define the styles for the popup animation */
@keyframes slideIn-b-l78klmrq1x {
    0% {
        transform:translateX(-100%);
    }

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

/* Apply the animation styles to the popup container */
.popup-container[b-l78klmrq1x] {
    animation: slideIn-b-l78klmrq1x 0.3s linear forwards;
}
/* Define the blinking animation for the "In-Transit" status */
@keyframes fade-b-l78klmrq1x {
    0% {
        opacity:0; /* Start off-screen */
    }
    25% {
        opacity: 0.25;
    }
    50% {
        opacity: 0.5;
    }
    75% {
        opacity: 0.75;
    }
    100% {
        opacity: 1;
    }
}

.fade-animation[b-l78klmrq1x] {
    animation: fade-b-l78klmrq1x 0.5s linear forwards;
}
@keyframes blink-animation-b-l78klmrq1x {
    0% {
        background-color: lightpink;
    }

    50% {
        background-color: white;
    }

    100% {
        background-color: lightpink;
    }
}
.custom-newitem[b-l78klmrq1x] {
    animation: blink-animation-b-l78klmrq1x 1.4s infinite;
    font-weight: bold;
    padding: 5px;
    border-radius: 15px;
    color: black;
    margin-left: 10px;
    margin-right: 10px;
}
/* /Pages/ItemsAndSuppliers/SuppliersPage.razor.rz.scp.css */
/* Define the styles for the popup animation */
@keyframes slideIn-b-pddc277rx5 {
    0% {
        opacity: 0;
        transform: translateY(100%);
    }

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

/* Apply the animation styles to the popup container */
.popup-container[b-pddc277rx5] {
    animation: slideIn-b-pddc277rx5 0.3s forwards;
}
/* Define the blinking animation for the "In-Transit" status */
@keyframes slideLeft-b-pddc277rx5 {  
    from {
        margin-top: 100%; /* Start off-screen */
        opacity: 0;
    }

    to {
        margin-top: 0; /* Slide in from the right */
        opacity: 1;
    }
}

.slide-left-animation[b-pddc277rx5] {
    animation: slideLeft-b-pddc277rx5 0.4s forwards;
}
/* /Pages/Reports/AccountStatment.razor.rz.scp.css */
@keyframes slideTopToBottom-b-hl1myygto1 {
    from {
        margin-top: -100%; /* Start off-screen */
        opacity: 0;
    }

    to {
        margin-top: 0; /* Slide in from the top */
        opacity: 1;
    }
}

.slide-top-to-bottom[b-hl1myygto1] {
    animation: slideTopToBottom-b-hl1myygto1 0.7s forwards;
}
@keyframes slideBottomToTop-b-hl1myygto1 {
    from {
        margin-top: 100%; /* Start off-screen */
        opacity: 0;
    }

    to {
        margin-top: 0; /* Slide in from the bottom */
        opacity: 1;
    }
}

.slide-bottom-to-top[b-hl1myygto1] {
    animation: slideBottomToTop-b-hl1myygto1 0.7s forwards;
}
/* /Pages/Reports/BanksAndCashReport.razor.rz.scp.css */
@keyframes slideLeft-b-au2lsplt1h {
    from {
        margin-right: 100%; /* Start off-screen */
        opacity: 0;
    }

    to {
        margin-right: 0; /* Slide in from the right */
        opacity: 1;
    }
}

.slide-left-animation[b-au2lsplt1h] {
    animation: slideLeft-b-au2lsplt1h 0.7s forwards;
}
/* /Pages/Reports/InventoryReport.razor.rz.scp.css */
@keyframes slideTopToBottom-b-hkewvsmm1d {
    from {
        margin-top: -100%; /* Start off-screen */
        opacity: 0;
    }

    to {
        margin-top: 0; /* Slide in from the top */
        opacity: 1;
    }
}

.slide-top-to-bottom[b-hkewvsmm1d] {
    animation: slideTopToBottom-b-hkewvsmm1d 0.7s forwards;
}
@keyframes blink-b-hkewvsmm1d {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.blinking[b-hkewvsmm1d] {
    animation: blink-b-hkewvsmm1d 1.5s infinite;
    font-weight: bold;
    color: white;
    background-color: red;
    border-radius: 6px;
    height: 21px;
    width: 80%;
    text-align: center;
    margin-top: 8px;
    margin-left: 20px;
    font-weight: 500;
    color: white;
    background-color: red
}
/* /Pages/Reports/JournalReportPage.razor.rz.scp.css */
@keyframes slideBottomToTop-b-3b86daj3pa {
    from {
        margin-top: 100%; /* Start off-screen */
        opacity: 0;
    }

    to {
        margin-top: 0; /* Slide in from the bottom */
        opacity: 1;
    }
}

.slide-bottom-to-top[b-3b86daj3pa] {
    animation: slideBottomToTop-b-3b86daj3pa 0.7s forwards;
}
/* /Pages/Reports/PostDatedReport.razor.rz.scp.css */
@keyframes slideTopToBottom-b-abn1g29b1h {
    from {
        margin-top: -100%; /* Start off-screen */
        opacity: 0;
    }

    to {
        margin-top: 0; /* Slide in from the top */
        opacity: 1;
    }
}

.slide-top-to-bottom[b-abn1g29b1h] {
    animation: slideTopToBottom-b-abn1g29b1h 0.7s forwards;
}
@keyframes slideBottomToTop-b-abn1g29b1h {
    from {
        margin-top: 100%; /* Start off-screen */
        opacity: 0;
    }

    to {
        margin-top: 0; /* Slide in from the bottom */
        opacity: 1;
    }
}

.slide-bottom-to-top[b-abn1g29b1h] {
    animation: slideBottomToTop-b-abn1g29b1h 0.7s forwards;
}
/* /Pages/SalesAndPurchaseInvoices/Purchases/BillsOutStanding.razor.rz.scp.css */
body[b-1rgj13ywua] {
    font-family: Arial, sans-serif;
    line-height: 1.6;
}
@keyframes slideBottomToTop-b-1rgj13ywua {
    from {
        margin-top: 100%; /* Start off-screen */
        opacity: 0;
    }

    to {
        margin-top: 0; /* Slide in from the bottom */
        opacity: 1;
    }
}

.slide-bottom-to-top[b-1rgj13ywua] {
    animation: slideBottomToTop-b-1rgj13ywua 0.7s forwards;
}
/* /Pages/SalesAndPurchaseInvoices/Purchases/EditPurchaseInvoice.razor.rz.scp.css */

@keyframes slideLeft-b-zzwoypxbev {
    from {
        margin-right: 100%; /* Start off-screen */
        opacity: 0;
    }

    to {
        margin-right: 0; /* Slide in from the right */
        opacity: 1;
    }
}

.slide-left-animation[b-zzwoypxbev] {
    animation: slideLeft-b-zzwoypxbev 0.7s forwards;
}
.searchBtn:hover[b-zzwoypxbev] {
    font-weight: 500;
    transform: scale(1.1);
}
/* /Pages/SalesAndPurchaseInvoices/Purchases/PurchaseInvoice.razor.rz.scp.css */

@keyframes slideLeft-b-8mqb92dc7o {
    from {
        margin-right: 100%; /* Start off-screen */
        opacity: 0;
    }

    to {
        margin-right: 0; /* Slide in from the right */
        opacity: 1;
    }
}

.slide-left-animation[b-8mqb92dc7o] {
    animation: slideLeft-b-8mqb92dc7o 0.7s forwards;
}
.searchBtn:hover[b-8mqb92dc7o] {
    font-weight: 500;
    transform: scale(1.1);
}
/* /Pages/SalesAndPurchaseInvoices/Purchases/PurchasesCharts.razor.rz.scp.css */
@keyframes slideLeft-b-hjs1rl382r {
    from {
        margin-right: 100%; /* Start off-screen */
        opacity: 0;
    }

    to {
        margin-right: 0; /* Slide in from the right */
        opacity: 1;
    }
}

.slide-left-animation[b-hjs1rl382r] {
    animation: slideLeft-b-hjs1rl382r 0.7s forwards;
}
/* /Pages/SalesAndPurchaseInvoices/Purchases/PurchasesReport.razor.rz.scp.css */
@keyframes slideBottomToTop-b-gn5tu51hdf {
    from {
        margin-top: 100%; /* Start off-screen */
        opacity: 0;
    }

    to {
        margin-top: 0; /* Slide in from the bottom */
        opacity: 1;
    }
}

.slide-bottom-to-top[b-gn5tu51hdf] {
    animation: slideBottomToTop-b-gn5tu51hdf 0.8s forwards;
}
/* /Pages/SalesAndPurchaseInvoices/Purchases/PurchasesSummaryByMonth.razor.rz.scp.css */
@keyframes slideTopToBottom-b-h1put93c0n {
    from {
        margin-top: -100%; /* Start off-screen */
        opacity: 0;
    }

    to {
        margin-top: 0; /* Slide in from the top */
        opacity: 1;
    }
}

.slide-top-to-bottom[b-h1put93c0n] {
    animation: slideTopToBottom-b-h1put93c0n 0.5s forwards;
}
/* /Pages/SalesAndPurchaseInvoices/Sales/EditSalesInvoice.razor.rz.scp.css */

@keyframes slideLeft-b-3nzq94ke4k {
    from {
        margin-right: 100%; /* Start off-screen */
        opacity: 0;
    }

    to {
        margin-right: 0; /* Slide in from the right */
        opacity: 1;
    }
}

.slide-left-animation[b-3nzq94ke4k] {
    animation: slideLeft-b-3nzq94ke4k 0.7s forwards;
}
.searchBtn:hover[b-3nzq94ke4k] {
    font-weight: 500;
    transform: scale(1.1);
}
/* /Pages/SalesAndPurchaseInvoices/Sales/InvoicesOutStanding.razor.rz.scp.css */
body[b-1j96fpkdp7] {
    font-family: Arial, sans-serif;
    line-height: 1.6;
}
@keyframes slideBottomToTop-b-1j96fpkdp7 {
    from {
        margin-top: 100%; /* Start off-screen */
        opacity: 0;
    }

    to {
        margin-top: 0; /* Slide in from the bottom */
        opacity: 1;
    }
}

.slide-bottom-to-top[b-1j96fpkdp7] {
    animation: slideBottomToTop-b-1j96fpkdp7 0.7s forwards;
}
/* /Pages/SalesAndPurchaseInvoices/Sales/SalesCharts.razor.rz.scp.css */
@keyframes slideLeft-b-ky76wtm6nr {
    from {
        margin-right: 100%; /* Start off-screen */
        opacity: 0;
    }

    to {
        margin-right: 0; /* Slide in from the right */
        opacity: 1;
    }
}

.slide-left-animation[b-ky76wtm6nr] {
    animation: slideLeft-b-ky76wtm6nr 0.7s forwards;
}
/* /Pages/SalesAndPurchaseInvoices/Sales/SalesInvoice.razor.rz.scp.css */

@keyframes slideLeft-b-5zr6r31ukn {
    from {
        margin-right: 100%; /* Start off-screen */
        opacity: 0;
    }

    to {
        margin-right: 0; /* Slide in from the right */
        opacity: 1;
    }
}

.slide-left-animation[b-5zr6r31ukn] {
    animation: slideLeft-b-5zr6r31ukn 0.7s forwards;
}
.searchBtn:hover[b-5zr6r31ukn] {
    font-weight: 500;
    transform: scale(1.1);
}
/* /Pages/SalesAndPurchaseInvoices/Sales/SalesReport.razor.rz.scp.css */
@keyframes slideBottomToTop-b-2ia2w6t7lz {
    from {
        margin-top: 100%; /* Start off-screen */
        opacity: 0;
    }

    to {
        margin-top: 0; /* Slide in from the bottom */
        opacity: 1;
    }
}

.slide-bottom-to-top[b-2ia2w6t7lz] {
    animation: slideBottomToTop-b-2ia2w6t7lz 0.8s forwards;
}
/* /Pages/SalesAndPurchaseInvoices/Sales/SalesSummaryByMonth.razor.rz.scp.css */
@keyframes slideTopToBottom-b-oeodr4fpr5 {
    from {
        margin-top: -100%; /* Start off-screen */
        opacity: 0;
    }

    to {
        margin-top: 0; /* Slide in from the top */
        opacity: 1;
    }
}

.slide-top-to-bottom[b-oeodr4fpr5] {
    animation: slideTopToBottom-b-oeodr4fpr5 0.5s forwards;
}

/* /Pages/ShipmentsCharts/DashboardCharts.razor.rz.scp.css */
/* Define the styles for the popup animation */
@keyframes slideIn-b-cjhesfv2bm {
    0% {
        transform: translateY(100%);
    }
    100% {
        transform: translateY(0);
    }
}

/* Apply the animation styles to the popup container */
.popup-container[b-cjhesfv2bm] {
    animation: slideIn-b-cjhesfv2bm 0.3s ease-in-out;
}
/* Define the blinking animation for the "In-Transit" status */
.rz-tick-text[b-cjhesfv2bm] {
    font-size: 8.5px;
    font-weight: bold;
    white-space: normal;
}

.card-container[b-cjhesfv2bm] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

/*@media(max-width:1500px) {
    .customshow {
        display: none;
    }
}*/

@media (min-width:1500px) and (max-width: 1650px) {
    .customshow[b-cjhesfv2bm] {
        width: 1300px;
    }
}
@media (min-width: 1651px) and (max-width: 1747px) {
    .customshow[b-cjhesfv2bm] {
        width: 1405px;
    }
}
@media (min-width: 1747px) {
    .customshow[b-cjhesfv2bm] {
        width: 1450px;
    }
}
.card-header[b-cjhesfv2bm] {
    font-weight: bold;
}

.fs-18[b-cjhesfv2bm] {
    font-size: 18px;
}

.fs-24[b-cjhesfv2bm] {
    font-size: 24px;
}

/* /Pages/Shipments/AddNewShipment.razor.rz.scp.css */
.form-container[b-yxmnsuf3nm] {
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    display: inline-block;
    width: 100%;
}
.loading-container[b-yxmnsuf3nm] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}
rz-text-align-left[b-yxmnsuf3nm] {
    text-align: left;
}

.rz-p-12[b-yxmnsuf3nm] {
    padding: 1rem !important;
}
.loading-indicator[b-yxmnsuf3nm] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 4px solid #ccc;
    border-top-color: #333;
    animation: spin-b-yxmnsuf3nm 1s linear infinite;
}
.modal-backdrop[b-yxmnsuf3nm] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Adjust the opacity as needed */
    z-index: 500; /* Adjust the z-index to make sure it's positioned below the modal */
}
@keyframes spin-b-yxmnsuf3nm {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.custom-saving-modal[b-yxmnsuf3nm] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 150vh;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    z-index: 9999; /* Ensure the modal is on top of other elements */
    overflow-x: auto;
    overflow-y: auto;
}

.modal-content[b-yxmnsuf3nm] {
    background-color: white;
    padding: 10px;
    border-radius: 8px;
    position: relative; /* Added position relative */
}

.loading-container[b-yxmnsuf3nm] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.loading-indicator[b-yxmnsuf3nm] {
    /* Add your loading indicator styles here */
}

.modal-body[b-yxmnsuf3nm] {
    padding: 0;
    margin-top: 10px;
}

@keyframes slideLeft-b-yxmnsuf3nm {
    from {
        margin-right: 100%; /* Start off-screen */
        opacity: 0;
    }

    to {
        margin-right: 0; /* Slide in from the right */
        opacity: 1;
    }
}

.slide-left-animation[b-yxmnsuf3nm] {
    animation: slideLeft-b-yxmnsuf3nm 0.7s forwards;
}
/* /Pages/Shipments/ShipmentsFilesPage.razor.rz.scp.css */
.slide-in[b-etqg8i4enm] {
    animation: slideIn-b-etqg8i4enm 0.3s forwards;
}

.slide-out[b-etqg8i4enm] {
    animation: slideOut-b-etqg8i4enm 0.3s forwards;
}

@keyframes slideIn-b-etqg8i4enm {
    0% {
        transform: translateY(100%);
    }

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

@keyframes slideOut-b-etqg8i4enm {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(100%);
    }
}
/* /Pages/Shipments/ShowAllShipments.razor.rz.scp.css */
/* Define the styles for the popup animation */
@keyframes slideIn-b-flj6hpbn50 {
    0% {
        opacity: 0;
        transform: translateY(100%);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes slideLeft-b-flj6hpbn50 {
    from {
        margin-right: 100%; /* Start off-screen */
        opacity: 0;
    }

    to {
        margin-right: 0; /* Slide in from the right */
        opacity: 1;
    }
}

.slide-left-animation[b-flj6hpbn50] {
    animation: slideLeft-b-flj6hpbn50 0.7s forwards;
}
.exportbtn:hover[b-flj6hpbn50] {
    font-weight: bold;
}
.exportbtn:hover .dropdown-menu[b-flj6hpbn50] {
    display: flex;
}
.exportbtn:not(:hover) .dropdown-toggle[b-flj6hpbn50]::after {
    font-weight: normal;
    display: none;
}
.exportbtn[b-flj6hpbn50]{
    border:none;

}
/* Apply the animation styles to the popup container */
.popup-container[b-flj6hpbn50] {
    animation: slideIn-b-flj6hpbn50 0.3s ease-in-out;
}
/* Define the blinking animation for the "In-Transit" status */

.status-in-transit[b-flj6hpbn50] {
    animation: blink-animation-b-flj6hpbn50 1.4s infinite;
    font-weight: bold;
    padding: 7px;
    border-radius: 15px;
    color: white;
    margin-left: 20px;
    margin-right: 10px;
}

.status-delivered[b-flj6hpbn50] {
    background-color: green;
    color: white;
    padding: 7px;
    border-radius: 15px;
    font-weight: bold;
    margin-left: 20px;
    margin-right: 10px;
}

@keyframes blink-animation-b-flj6hpbn50 {
    0% {
        background-color: red;
    }

    50% {
        background-color: white;
    }

    100% {
        background-color: red;
    }
}

.custom-arrivaldate[b-flj6hpbn50] {
    background-color: lightpink;
    color: black;
    padding: 7px;
    border-radius: 15px;
    font-weight: bold;
    margin-left: 20px;
    margin-right: 10px;
}
/* Define the styles for the "Delivered" status */
.invoice-link[b-flj6hpbn50] {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 4px;
    background-color: #f8f9fa;
    transition: background-color 0.3s ease;
}

    .invoice-link:hover[b-flj6hpbn50] {
        background-color: #e9ecef;
    }

.edit-icon[b-flj6hpbn50] {
    display: inline-block;
    margin-right: 6px;
}

    .edit-icon i[b-flj6hpbn50] {
        color: #007bff;
    }

.invoice-link[b-flj6hpbn50] {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 4px;
    background-color: #f8f9fa;
    transition: background-color 0.3s ease;
}

    .invoice-link:hover[b-flj6hpbn50] {
        background-color: #e9ecef;
    }
/* Style to make dropdown appear on hover */
.dropdown:hover .dropdown-menu[b-flj6hpbn50] {
    display: block;
}

/* Optional: Hide the caret icon when the dropdown is not open */
.dropdown:not(:hover) .dropdown-toggle[b-flj6hpbn50]::after {
    font-weight: normal;
    display: none;
}
.nav-link:hover[b-flj6hpbn50] {
    font-weight: bold;
}
.seasonDropdown:hover[b-flj6hpbn50] {
    font-weight: bold;
}
/* /Pages/Shipments/SoonArrivingShipments.razor.rz.scp.css */
.slide-in[b-j9j7qsx4ag] {
    animation: slideIn-b-j9j7qsx4ag 0.3s forwards;
}

.slide-out[b-j9j7qsx4ag] {
    animation: slideOut-b-j9j7qsx4ag 0.3s forwards;
}

@keyframes slideIn-b-j9j7qsx4ag {
    0% {
        transform: translateY(100%);
    }

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

@keyframes slideOut-b-j9j7qsx4ag {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(100%);
    }
}
/* /Pages/Shipments/UpdateShipment.razor.rz.scp.css */
.form-container[b-sq05hwd5ph] {
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    display: inline-block;
    width: 100%;
}
/* Define the styles for the popup animation */
@keyframes slideIn-b-sq05hwd5ph {
    0% {
        opacity: 0;
        transform: translateY(100%);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.slide-in[b-sq05hwd5ph] {
    animation: slideIn-b-sq05hwd5ph 0.3s ease-in-out;
}
.loading-container[b-sq05hwd5ph] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}
rz-text-align-left[b-sq05hwd5ph] {
    text-align: left;
}

.rz-p-12[b-sq05hwd5ph] {
    padding: 1rem !important;
}
.loading-indicator[b-sq05hwd5ph] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 4px solid #ccc;
    border-top-color: #333;
    animation: spin-b-sq05hwd5ph 1s linear infinite;
}
.modal-backdrop[b-sq05hwd5ph] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Adjust the opacity as needed */
    z-index: 500; /* Adjust the z-index to make sure it's positioned below the modal */
}
@keyframes spin-b-sq05hwd5ph {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.custom-saving-modal[b-sq05hwd5ph] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 150vh;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    z-index: 9999; /* Ensure the modal is on top of other elements */
    overflow-x: auto;
    overflow-y: auto;
}

.modal-content[b-sq05hwd5ph] {
    background-color: white;
    padding: 10px;
    border-radius: 8px;
    position: relative; /* Added position relative */
}

.loading-container[b-sq05hwd5ph] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.loading-indicator[b-sq05hwd5ph] {
    /* Add your loading indicator styles here */
}

.modal-body[b-sq05hwd5ph] {
    margin-top: 10px;
    padding: 0;
}

ul.progresslist[b-sq05hwd5ph] {
    position: relative;
}

    ul.progresslist li[b-sq05hwd5ph] {
        list-style: none;
        margin-bottom: 30px;
    }

    ul.progresslist[b-sq05hwd5ph]::before {
        content: "";
        position: absolute;
        height: 100%;
        border: solid 2px grey;
        display: block;
        width: 2px;
        margin-left: -37px;
    }

    ul.progresslist li[b-sq05hwd5ph]::before {
        content: "";
        position: absolute;
        height: 31px;
        outline: 2px solid grey;
        border: solid 2px white;
        margin-top: -4px;
        background-color: dimgrey;
        margin-bottom: 10px;
        margin-left: -50px;
        display: block;
        border-radius: 50%;
        width: 30px;
        z-index: 1;
        transition:0.5s;
    }
div.row[b-sq05hwd5ph] {
    overflow: hidden;
}
ul.progresslist li.arrived[b-sq05hwd5ph]:before {
    background-color: white;
    animation:change-color-b-sq05hwd5ph;
}


@keyframes change-color-b-sq05hwd5ph{
    0% {
        background-color: dimgrey;
    }
    100% {
        background-color: white;
    }
}
/* /Pages/Tenants/AllTenants.razor.rz.scp.css */
/* Define the styles for the popup animation */
@keyframes slideIn-b-anxmxigy74 {
    0% {
        opacity: 0;
        transform: translateY(100%);
    }

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

/* Apply the animation styles to the popup container */
.popup-container[b-anxmxigy74] {
    animation: slideIn-b-anxmxigy74 0.3s ease-in-out;
}
/* Define the blinking animation for the "In-Transit" status */
/* /Pages/Tenants/CreateTenant.razor.rz.scp.css */
body[b-jtktz38e83] {
}
/* /Pages/Users/ResetPassword.razor.rz.scp.css */

@media (max-width:530px) {
    .modal-content[b-jn30kpr0j4] {
        margin-left:-30px;
    }
}
@media (max-width:470px) {
    .modal-content[b-jn30kpr0j4] {
        margin-left: -110px;
    }
}
@media (max-width:415px) {
    .modal-content[b-jn30kpr0j4] {
        margin-left: -150px;
    }
}
@media (max-width:375px) {
    .modal-content[b-jn30kpr0j4] {
        margin-left: -190px;
    }
}


@media(min-width:767px) {
    .modal-body[b-jn30kpr0j4] {
        width: 500px;
    }
}
@media(max-width:767px) {
    .modal-body[b-jn30kpr0j4] {
        width: 350px;
    }
}
.modal-content[b-jn30kpr0j4] {
    margin-top: 300px;
}
@media(min-width:800px){
    .alert[b-jn30kpr0j4] {
        height: 45px;
        width: 450px;
        padding: 15px;
    }
}
@media(max-width:801px) {
    .alert[b-jn30kpr0j4] {
        height: 70px;
        padding: 10px;
        width:370px
    }
}
/*.form-group input[type="text"] {
    background-color: grey;
}*/
/* /Pages/Users/UserManagement.razor.rz.scp.css */
    .slideIn[b-0q6mv3kwt6] {
    animation: slideIn-b-0q6mv3kwt6 0.7s forwards;
    transition:1s;
    overflow-y:hidden!important;
}
.table-container[b-0q6mv3kwt6] {
    overflow-y: hidden !important;
}
@keyframes slideIn-b-0q6mv3kwt6 {
    0% {
        opacity: 0;
        transform: translateY(200%);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
table thead tr th:first-child[b-0q6mv3kwt6] {
    border-top-left-radius: 10px;
}
table thead tr th:last-child[b-0q6mv3kwt6] {
    border-top-right-radius: 10px;
}
table tfoot tr td[b-0q6mv3kwt6] {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    font-size:14px;
}
table tbody tr:hover td[b-0q6mv3kwt6] {
    background-color: lightgray;
}
table thead tr th[b-0q6mv3kwt6] {
    background-color: black;
    color: white;
    font-size: 12px;
    font-weight: bold !important;
    border-bottom: solid 2px #eee !important;
}
table tbody tr td[b-0q6mv3kwt6]{
    border:solid 1px white;
    font-size:13px;
    transition:1s;
}
table tbody tr td:nth-child(2)[b-0q6mv3kwt6] {
    padding-left: 15px;
    padding-top:7px;
}

table[b-0q6mv3kwt6] {
    box-shadow: 10px 10px 10px 0 #CCC;
    width: 100%;
}
table tfoot tr td[b-0q6mv3kwt6] {
    text-align: start;
    background-color: #eee;
    padding: 10px;
    background-color: black;
    color: white;
    border-top: solid 2px #eee !important;
}
table tbody tr:nth-child(even)[b-0q6mv3kwt6]{
    background-color:white!important;
    color:black!important;
}
table tbody tr:nth-child(odd)[b-0q6mv3kwt6] {
    background-color: #eee!important;
    color: black !important;
}
table tbody tr td:first-child[b-0q6mv3kwt6] {
    min-width: 50px !important;
}
table tbody tr td div > button:hover[b-0q6mv3kwt6]{
    transform:scale(1.3);
}
table tbody tr td div > button[b-0q6mv3kwt6]{
    transition: 0.5s;
}
/* /Pages/Vouchers/Contra/ContraVoucher.razor.rz.scp.css */

@keyframes fadeInAnimation-b-xr30lrhgke {
    from {
        opacity: 0;
        visibility: hidden;
    }

    to {
        opacity: 1;
        visibility: visible;
    }
}

.fade-in[b-xr30lrhgke] {
    opacity: 0;
    animation: fadeInAnimation-b-xr30lrhgke 0.3s ease-in-out forwards;
}



@keyframes slideLeft-b-xr30lrhgke {
    from {
        margin-right: 100%; /* Start off-screen */
        opacity: 0;
    }

    to {
        margin-right: 0; /* Slide in from the right */
        opacity: 1;
    }
}

.slide-left-animation[b-xr30lrhgke] {
    animation: slideLeft-b-xr30lrhgke 0.7s forwards;
}
.rz-cell-data:hover[b-xr30lrhgke] {
    cursor: pointer;
}
.searchBtn:hover[b-xr30lrhgke] {
    font-weight: 500;
    transform: scale(1.1);
}
/* /Pages/Vouchers/Contra/EditContraVoucher.razor.rz.scp.css */
@keyframes slideLeft-b-55q72u3fpo {
    from {
        margin-right: 100%; /* Start off-screen */
        opacity: 0;
    }

    to {
        margin-right: 0; /* Slide in from the right */
        opacity: 1;
    }
}

.slide-left-animation[b-55q72u3fpo] {
    animation: slideLeft-b-55q72u3fpo 0.7s forwards;
}
.rz-cell-data:hover[b-55q72u3fpo] {
    cursor: pointer;
}
.searchBtn:hover[b-55q72u3fpo] {
    font-weight: 500;
    transform: scale(1.1);
}
/* /Pages/Vouchers/Journals/EditJournalVoucher.razor.rz.scp.css */
@keyframes slideLeft-b-q1xdqrs37g {
    from {
        margin-right: 100%; /* Start off-screen */
        opacity: 0;
    }

    to {
        margin-right: 0; /* Slide in from the right */
        opacity: 1;
    }
}

.slide-left-animation[b-q1xdqrs37g] {
    animation: slideLeft-b-q1xdqrs37g 0.7s forwards;
}
.rz-cell-data:hover[b-q1xdqrs37g] {
    cursor: pointer;
}
.rz-lookup-panel[b-q1xdqrs37g] {
    width: 120%;
}
.searchBtn:hover[b-q1xdqrs37g] {
    font-weight: 500;
    transform: scale(1.1);
}
/* /Pages/Vouchers/Journals/JournalVoucher.razor.rz.scp.css */

@keyframes fadeInAnimation-b-jmfq8hbyme {
    from {
        opacity: 0;
        visibility: hidden;
    }

    to {
        opacity: 1;
        visibility: visible;
    }
}

.fade-in[b-jmfq8hbyme] {
    opacity: 0;
    animation: fadeInAnimation-b-jmfq8hbyme 0.3s ease-in-out forwards;
}



@keyframes slideLeft-b-jmfq8hbyme {
    from {
        margin-right: 100%; /* Start off-screen */
        opacity: 0;
    }

    to {
        margin-right: 0; /* Slide in from the right */
        opacity: 1;
    }
}

.slide-left-animation[b-jmfq8hbyme] {
    animation: slideLeft-b-jmfq8hbyme 0.7s forwards;
}
.rz-cell-data:hover[b-jmfq8hbyme] {
    cursor: pointer;
}
.rz-lookup-panel[b-jmfq8hbyme] {
    width: 120%;
}
.searchBtn:hover[b-jmfq8hbyme] {
    font-weight: 500;
    transform: scale(1.1);
}
/* /Pages/Vouchers/Payment/EditPaymentVoucher.razor.rz.scp.css */
@keyframes slideLeft-b-poxwn190ny {
    from {
        margin-right: 100%; /* Start off-screen */
        opacity: 0;
    }

    to {
        margin-right: 0; /* Slide in from the right */
        opacity: 1;
    }
}

.slide-left-animation[b-poxwn190ny] {
    animation: slideLeft-b-poxwn190ny 0.7s forwards;
}
.rz-cell-data:hover[b-poxwn190ny] {
    cursor: pointer;
}
.rz-lookup-panel[b-poxwn190ny] {
    width: 120%;
}
.searchBtn:hover[b-poxwn190ny] {
    font-weight: 500;
    transform: scale(1.1);
}
/* /Pages/Vouchers/Payment/PaymentVoucher.razor.rz.scp.css */
@keyframes slideLeft-b-ynul7nsvqm {
    from {
        margin-right: 100%; /* Start off-screen */
        opacity: 0;
    }

    to {
        margin-right: 0; /* Slide in from the right */
        opacity: 1;
    }
}

.slide-left-animation[b-ynul7nsvqm] {
    animation: slideLeft-b-ynul7nsvqm 0.7s forwards;
}
.rz-cell-data:hover[b-ynul7nsvqm] {
    cursor: pointer;
}
.rz-lookup-panel[b-ynul7nsvqm] {
    width: 120%;
}
.searchBtn:hover[b-ynul7nsvqm] {
    font-weight: 500;
    transform: scale(1.1);
}
/* /Pages/Vouchers/Receipt/EditReceiptVoucher.razor.rz.scp.css */
@keyframes slideLeft-b-blgr6jfdln {
    from {
        margin-right: 100%; /* Start off-screen */
        opacity: 0;
    }

    to {
        margin-right: 0; /* Slide in from the right */
        opacity: 1;
    }
}

.slide-left-animation[b-blgr6jfdln] {
    animation: slideLeft-b-blgr6jfdln 0.7s forwards;
}
.rz-cell-data:hover[b-blgr6jfdln] {
    cursor: pointer;
}
.searchBtn:hover[b-blgr6jfdln] {
    font-weight: 500;
    transform: scale(1.1);
}
/* /Pages/Vouchers/Receipt/ReceiptVoucher.razor.rz.scp.css */
@keyframes slideLeft-b-vtunbe88zh {
    from {
        margin-right: 100%; /* Start off-screen */
        opacity: 0;
    }

    to {
        margin-right: 0; /* Slide in from the right */
        opacity: 1;
    }
}

.slide-left-animation[b-vtunbe88zh] {
    animation: slideLeft-b-vtunbe88zh 0.7s forwards;
}
.rz-cell-data:hover[b-vtunbe88zh] {
    cursor: pointer;
}
.rz-lookup-panel[b-vtunbe88zh] {
    width: 120%;
}
.searchBtn:hover[b-vtunbe88zh] {
    font-weight: 500;
    transform: scale(1.1);
}
/* /Shared/EmailVerificationPage.razor.rz.scp.css */
/* CSS for the page layout */
body[b-4uc51bij0x] {
    background-color: #f6f6f6;
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
}

.verification-message[b-4uc51bij0x] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    text-align: center;
    opacity: 0;
    animation: fade-in-b-4uc51bij0x 0.5s ease-in-out forwards;
}

@keyframes fade-in-b-4uc51bij0x {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.verification-content[b-4uc51bij0x] {
    background-color: #fff;
    padding: 30px;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.verification-icon[b-4uc51bij0x] {
    width: 80px;
    height: 80px;
    fill: #007bff;
}

.verification-text[b-4uc51bij0x] {
    margin-top: 20px;
    font-size: 24px;
    color: #333;
}

.verification-message p[b-4uc51bij0x] {
    margin: 10px 0;
    font-size: 16px;
    color: #555;
}
/* /Shared/Footer.razor.rz.scp.css */
/* /Shared/GridColumn.razor.rz.scp.css */
th[b-nhon05eqa9] {
    background-color: black !important;
    color: white;
    text-align:left;
    font-size: 12px;
    font-weight: bold !important;
    background-color: darkgrey;
    min-width: 250px;
    padding: 10px;
    border-bottom: solid 2px #eee !important;
}
tr div[b-nhon05eqa9] {
    margin-left: 5px;
}
input[b-nhon05eqa9] {
    transition: width 0.3s;
    width: 170px;
    border: solid 2px #CCC!important;
    border-radius: 8px;
    height: 25px;
    display:block;
}
input:focus[b-nhon05eqa9] {
    width: 200px;
}
th[b-nhon05eqa9]::after {
    font-family: var(--fa-style-family-classic);
    content: "\f002";
    opacity: 0.4;
    color: black;
    margin-left: 2px;
    top: 36px;
    font-size: 14px;
    font-weight: 900;
    width: 30px;
    height: 30px;
    position: absolute;
}
input:focus[b-nhon05eqa9]::placeholder {
    opacity: 0;
}
input[b-nhon05eqa9]::placeholder {
    font-size:13px;
}
th div div:first-child[b-nhon05eqa9]{
    position:relative;
}
input[b-nhon05eqa9] {
    padding-left: 32px;
    margin-left:-8px;
}
/* /Shared/LoginLayout.razor.rz.scp.css */
.fade-in[b-gvhcjdtwhg] {
    animation: fade-in-b-gvhcjdtwhg 1s ease-in-out;
}

@keyframes fade-in-b-gvhcjdtwhg {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.container[b-gvhcjdtwhg] {
    justify-content: center;
    top: 0;
    right: 0;
    left: 0;
    position: center;
    height: 100%;
    max-width: 500px;
    margin: 0 auto;
    padding: 8px;
    background-color: #fff;
    height: 100vh;
    height:100%;
    overflow: auto;
}
@media (min-width:1000px)
{
    .form-container[b-gvhcjdtwhg] {
        margin-top:50px;
    }
}
.form-container[b-gvhcjdtwhg] {
    border-radius: 11px;
    padding:35px;

}
#app > div:first-child > div[b-gvhcjdtwhg] {
    transform: translate(0,0) !important;
}
/* /Shared/LoginPages/LoginPage.razor.rz.scp.css */
@media(min-width:800px) {
    .alert[b-7tphd5htr5] {
        height: 45px;
        width: 450px;
        padding: 15px;
    }
}

@media(max-width:801px) {
    .alert[b-7tphd5htr5] {
        height: 70px;
        padding: 10px;
        width: 370px
    }
}
.raise[b-7tphd5htr5], .loginBtn[b-7tphd5htr5] {
    display: block;
    margin: auto;
    transition: 0.3s;
}
.raise:hover[b-7tphd5htr5] {
    box-shadow: 0px 15px 20px 1px lightgrey;
    transform: translateY(-0.25em);
    font-weight: 600;
}
.loginBtn:hover[b-7tphd5htr5] {
    transform: scale(1.1);
}
input:focus[b-7tphd5htr5]::placeholder{
    opacity:0;
}
input:focus[b-7tphd5htr5]{
    border:solid 3px #ccc;
}
input[b-7tphd5htr5] {
    border: solid 2px #eee;
    border-radius: 5px;
    margin-top: 4px;
    padding-left:45px;
    margin-bottom: 4px;
    font-weight: 500;
    height: 38px;
}
a[b-7tphd5htr5]{
    margin-left:-8px!important;
}
input.password-input[b-7tphd5htr5]{
    padding-right:45px!important;
}
label[for="EmailAddress"][b-7tphd5htr5]::before {
    font-family: var(--fa-style-family,"Font Awesome 6 Free");
    content: "\f007";
    margin-left: 15px !important;
    margin-top: 31px;
    position: absolute;
    font-weight: 900;
    font-size: 16px;
    z-index: 100 !important;
    color: black;
    opacity: 0.4;
    width: 50px;
    height: 50px;
}
label[for="Password"][b-7tphd5htr5]::before {
    font-family: var(--fa-style-family,"Font Awesome 6 Free");
    content: "\f023";
    margin-left: 15px !important;
    margin-top: 31px;
    position: absolute;
    font-weight: 900;
    font-size: 18px;
    z-index: 100 !important;
    color: black;
    opacity: 0.4;
    width: 50px;
    height: 50px;
}
.show-password[b-7tphd5htr5] {
    transition: 0.3s;
    display: inline-block;
    margin-left: 280px !important;
}
@media (max-width:470px) {
    .show-password[b-7tphd5htr5]::after {
        margin-left:-5px;
    }
}
@media (max-width:430px) {
    .show-password[b-7tphd5htr5]::after {
        margin-left: -25px;
    }
}
@media (max-width:415px) {
    .show-password[b-7tphd5htr5]::after {
        margin-left: -45px !important;
    }
}

.show-password[b-7tphd5htr5]::after {
    font-family: var(--fa-style-family,"Font Awesome 6 Free");
    content: "\f070";
    margin-top: 13px;
    position: absolute;
    font-weight: 900;
    font-size: 16px;
    z-index: 100 !important;
    color: black;
    opacity: 0.4;
    width: 50px;
    height: 50px;
    cursor: pointer;
    transition: 0.3s;
}
.show-password:hover[b-7tphd5htr5]:after {
    transition: 0.3s;
    transform: scale(1.1);
}
h3[b-7tphd5htr5] {
    margin-bottom: 40px;
    font-weight: 700;
    padding: 10px;
}
label[b-7tphd5htr5] {
    margin-left: -12px !important;
    font-weight: 900;
    font-size: 14px;
    margin-top: 6px;
}
label[b-7tphd5htr5]::after {
    content:"*";
    position:absolute;
    font-size:16px;
    color:red;
    margin-left:5px;
}
.reset-password[b-7tphd5htr5] {
    font-weight:700;
    font-size:14px;
    margin-left:-42px;
    margin-bottom: 40px;
}
.login-validation[b-7tphd5htr5] {
    margin-left: -9px !important;
    margin-top: -6px !important;
    color: red !important;
    font-weight: 700;
    font-size: 12px;
}
.row:nth-child(1)[b-7tphd5htr5]{
    margin-bottom:8px;
}

.line[b-7tphd5htr5] {
    width: 100%;
    height: 2px;
    margin-top: 20px;
    margin-right: 20%;
    /* margin-left: 0px; */
    background-color: #CCC;
    position: relative;
    z-index: 100 !important;
    font-weight: 900;
    /* margin-right: 20px; */
    margin-bottom: 8px;
}
.line[b-7tphd5htr5]::before {
    background-color: black;
    position: absolute;
    background-color: white;
    content: "Or";
    margin-left: 45%;
    padding-left: 8px;
    padding-right: 8px;
    top: -10px;
    font-weight: 500;
    /* margin-right: 20px; */
}
button[b-7tphd5htr5]{
    height:35px;
}
/* /Shared/LoginPages/RegisterUser.razor.rz.scp.css */

@media (min-width:400px){
    .backbtn[b-hyxwcjs4g1] {
        width: 180px
    }
}
/* /Shared/MainLayout.razor.rz.scp.css */
*[b-nsnwfuf555] {
    font-family: 'Roboto', sans-serif;
}

.page[b-nsnwfuf555] {
    position: relative;
    display: flex;
    flex-direction: column;
    height:100vh;
    overflow:hidden;
}

main[b-nsnwfuf555] {
    flex: 1;
    /*margin-top: 40px !important;*/
    /*padding: 10px;*/
    height: 100vh;
    overflow: auto;
}
main article[b-nsnwfuf555]{
    padding:20px 15px !important;
    overflow:hidden;
}
.sidebar[b-nsnwfuf555] {
    position: static!important;
    overflow:auto;
}
.scroll-top[b-nsnwfuf555] {
    position: fixed;
    bottom: 15px;
    z-index: 1000 !important;
    right: 15px;
    width: 40px;
    height: 40px;
    background-color: transparent;
    border-radius: 50%;
    background-color: #5A5A5A;
    transition: 0.3s;
}
    .scroll-top[b-nsnwfuf555]::before {
        width: 30px;
        height: 30px;
        font-family: var(--fa-style-family,"Font Awesome 6 Free");
        font-weight: 900;
        content: "\f062";
        font-size: 30px;
        position: absolute;
        cursor: pointer;
        z-index: 1000 !important;
        right: 1px;
        top: -2px;
        color: #eee;
    }
.scroll-top:hover[b-nsnwfuf555]{
    transform:scale(1.2);
}
    .top-row[b-nsnwfuf555] {
        background-color: #f7f7f7;
        border-bottom: 1px solid #d6d5d5;
        justify-content: flex-end;
        display: flex;
        align-items: center;
        z-index: 1050 !important;
        min-width:100%!important;
        position: sticky;
        overflow: hidden;
        margin-left: -2px !important;
    }

    .top-row[b-nsnwfuf555]  a, .top-row[b-nsnwfuf555]{
        white-space: nowrap;
        position: sticky;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-nsnwfuf555] {
        overflow: hidden;
        position: sticky;
        text-overflow: ellipsis;
    }



@media (max-width: 640.98px) {
    .top-row.auth[b-nsnwfuf555] {
        justify-content: space-between;
        position: sticky;
    }

    .top-row a[b-nsnwfuf555], .top-row .btn-link[b-nsnwfuf555], article[b-nsnwfuf555] {
        position: sticky;
        margin-left: 0;
        padding-left: 1rem !important;
        padding-right: 0.1rem !important;
    }
}
@media (max-width: 550px) {
    .top-row[b-nsnwfuf555] {
        padding-left: 1rem !important;
        padding-right: 0.1rem !important;
        position: sticky;
        font-size: 12px;
    }
}
@media (min-width: 641px) {
    .page[b-nsnwfuf555] {
        flex-direction: row;
    }

    .sidebar[b-nsnwfuf555] {
        width: 250px;
        height: 100vh;
    }

    .top-row[b-nsnwfuf555] {
       /*position: sticky;*/
        top: 0;
        z-index: inherit;
    }

    .top-row[b-nsnwfuf555], article[b-nsnwfuf555] {
        padding-left: 1rem !important;
        padding-right: 0.4rem !important;
        /*position: sticky;*/
        font-size: 11.5px;
    }
}
@media (min-width: 760px) {

    .top-row[b-nsnwfuf555], article[b-nsnwfuf555] {
        padding-left: 1rem !important;
        padding-right: 0.4rem !important;
        /*position: sticky;*/
        font-size: 16px;
    }
}
nav[b-nsnwfuf555] {
    position: sticky !important;
    min-width: 100%;
    overflow: auto;
    top:0;
}
/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-s0f1znmi5e] {
    background-color: rgba(255, 255, 255, 0.1);
    transition: 1s;
}
.navbar-toggler:active[b-s0f1znmi5e]{
    background-color:#eee;
}
div > p[b-s0f1znmi5e] {
    cursor: default;
    margin:0
}
@media (max-width:307px) {
     div > p[b-s0f1znmi5e] {
        font-size: 10px!important;
    }
}
@keyframes fade-b-s0f1znmi5e {
    0%{
        transform:translateX(-120px)
    }
    100% {
        transform: translateX(0px)
    }
}
.top-row[b-s0f1znmi5e] {
    height: 3.5rem;
    background-color: #626464;
    position:relative
    /*position:sticky;*/
}
.text-light[b-s0f1znmi5e] {
    font-size: 14px;
    padding-left:10px;
}
.navbar-brand[b-s0f1znmi5e] {
    font-size: 1.1rem;
}

.oi[b-s0f1znmi5e] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-s0f1znmi5e] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
    font-size: 12px;
    font-weight: bold;
}

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

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

    .nav-item[b-s0f1znmi5e]  a {
        color: #d7d7d7;
        border-radius: 6px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

        .nav-item[b-s0f1znmi5e]  a.active {
            background-color: rgba(255,255,255,0.25);
            color: white;
        }

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

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

    .collapse[b-s0f1znmi5e] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .nav-scrollable[b-s0f1znmi5e] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
div[b-s0f1znmi5e] {
    font-size: 12px !important;
    font-weight:bold;
}
ul li[b-s0f1znmi5e] {
    transition: padding-left 0.5s ease !important;
}
ul li:hover[b-s0f1znmi5e] {
    padding-left: 20px !important;
}
@media (max-width:641px)
{
    ul li[b-s0f1znmi5e] {
        display: block !important;
    }
}
/* /Shared/RegisterLayout.razor.rz.scp.css */
body[b-5emra14xcf] {
    background-color: whitesmoke;
    min-height: 100vh;
    width: 100vw;
    overflow: hidden;
}

.fade-in[b-5emra14xcf] {
    animation: fade-in-b-5emra14xcf 1s ease-in-out;
}

@keyframes fade-in-b-5emra14xcf {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.container[b-5emra14xcf] {
    justify-content: center;
    top: 0;
    right: 0;
    left: 0;
    position: center;
    height: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
    background-color: #fff;
    border-radius: 5px;
    height: 100vh;
    height: 100%;
    overflow: auto;
}
.row[b-5emra14xcf] {
    border-color: lightgray;
    border-style: solid;
    border-width: 0.1rem;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 3px 2px 10px rgba(0, 0, 0, 0.2);
}
@media (min-width:1000px) {
    .row[b-5emra14xcf] {
        margin-top: 50px;
    }
}
.col-5[b-5emra14xcf] {
    background: lightslategrey;
    text-align: center;
    color: white;
    border-radius:10px;
}
.sidecol h4[b-5emra14xcf] {
    margin-top: 200px;
    font-weight: 700 !important;
}
.btngroup[b-5emra14xcf] {
    width:100%;
    display: inline-flex;
    margin-top: 30px !important;
    justify-content:center;
}
@media (max-width:576px)
{
    .btngroup[b-5emra14xcf] {
        width: 100%;
        margin-left: -5px !important;
        display: flex;
        margin-top: 30px !important;
        justify-content: center;
    }
}
div.col[b-5emra14xcf]{
    padding-left:30px;
}
/* /Shared/UserButton.razor.rz.scp.css */
div[b-m2yd2c8rc5] {
	display: flex;
	justify-content: flex-end;
	flex: 1;
	align-items: center;
	padding:5px;
}
div p:first-child[b-m2yd2c8rc5] {
	font-size: 14px;
	display: flex;
	cursor: default;
	margin-top:15px;
	margin-right:-17px!important;
}
@media (min-width:0px) and (max-width:402.98px) {
	div > p:first-child[b-m2yd2c8rc5] {
		font-size: 10px;
	}
}
@media (max-width:660px) and (min-width:402.98px) {
	div > p:first-child[b-m2yd2c8rc5] {
		margin-right: -18px !important;
		font-size: 12px;
	}
}
.profile-button[b-m2yd2c8rc5] {
	width: 50px;
	transition-delay: 0s;
	transition: 0.5s ease-in-out;
}
.profile-button:hover[b-m2yd2c8rc5] {
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}