@import '_content/BlazorDateRangePicker/BlazorDateRangePicker.iitr8bszy4.bundle.scp.css';

/* _content/JoJoOffice/Components/ArticleFinder.razor.rz.scp.css */


.article-finder[b-eoisyium2p] {
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    position: fixed;
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
    width: 800px;
    height: calc(100vh - 110px);
    overflow: hidden;
    scroll-behavior: smooth;
    z-index: 1000;
    font-size: smaller;
    font-weight: 100;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 20px;
}

    .article-finder .table-container[b-eoisyium2p] {
        height: calc(100% - 40px);
        overflow-y: auto;
        margin-top: 10px;
        border: 0.01em solid rgb(106, 170, 233);
        transition: height 0.3s ease;
    }

        .article-finder .table-container.keyboard-open[b-eoisyium2p] {
            height: calc(100% - 200px); /* leave space for keyboard */
        }


thead[b-eoisyium2p] {
    height: 25px;
}

    thead th[b-eoisyium2p] {
        background-color: #eee;
        color: rgb(30, 92, 152);
        font-size: small;
        font-weight: 600;
    }

tr[b-eoisyium2p] {
    height: 25px;
}

thead[b-eoisyium2p], tr[b-eoisyium2p] {
    border: 0.01em solid rgb(106, 170, 233);
}

tbody[b-eoisyium2p], tr[b-eoisyium2p] {
    background-color: white;
    border-left: 0.01em solid rgb(106, 170, 233);
    border-right: 0.01em solid rgb(106, 170, 233);
    border-top: none;
    border-bottom: none;
    font-weight: 100;
    color: black
}

    tr.first-body-row[b-eoisyium2p] {
        border-left: 0.01em solid rgb(106, 170, 233);
        border-right: 0.01em solid rgb(106, 170, 233);
        border-top: 0.01em solid rgb(106, 170, 233);
        border-bottom: none;
    }

    tr.last-body-row[b-eoisyium2p] {
        border: 0.01em solid rgb(106, 170, 233);
    }

th[b-eoisyium2p], td[b-eoisyium2p] {
    text-align: left;
    padding: 2px 8px;
    font-size: small;
}


.scrollable-table[b-eoisyium2p] {
    min-width: 100%;
    border-collapse: collapse;
}

    .scrollable-table th[b-eoisyium2p], .scrollable-table td[b-eoisyium2p] {
        border: 1px solid #ccc;
        font-size: x-small !important;
    }

        .scrollable-table td[content="vendor"][b-eoisyium2p] {
            font-size: small;
            color: #2077C7;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .scrollable-table td[content="brand"][b-eoisyium2p] {
            font-size: x-small;
            color: #2077C7;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .scrollable-table td[content="articlename"][b-eoisyium2p] {
            font-size: x-small;
            color: #2077C7;
            min-width: 100px;
        }



.spinner-overlay[b-eoisyium2p] {
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: rgba(255, 157, 157, 0.6);
    z-index: 2000;
    width: 180px;
    padding: 10px 0px;
    margin: 0;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    text-align: center;
}

.spinner-message[b-eoisyium2p] {
    font-size: medium;
    color: #333;
}

.virtual-keyboard-container[b-eoisyium2p] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1500; /* above scrollable table */
}

/* _content/JoJoOffice/Components/ArticlePicker.razor.rz.scp.css */


.title[b-iridpuwivr] {
    margin-top: 0;
    margin-bottom: 15px;
    padding-bottom: 10px;
    color: rgb(30, 92, 152);
    border-bottom: 0.01em solid darkgray;
    font-size: medium;
    font-weight: 600;
    display: flex;
    align-items: center
}

thead[b-iridpuwivr] {
    height: 25px;
}

    thead th[b-iridpuwivr] {
        background-color: #eee;
        color: rgb(30, 92, 152);
        font-size: small;
        font-weight: 600;
    }

tr[b-iridpuwivr] {
    height: 25px;
}

thead[b-iridpuwivr], tr[b-iridpuwivr] {
    border: 0.01em solid rgb(106, 170, 233);
}

tbody[b-iridpuwivr], tr[b-iridpuwivr] {
    background-color: white;
    border-left: 0.01em solid rgb(106, 170, 233);
    border-right: 0.01em solid rgb(106, 170, 233);
    border-top: none;
    border-bottom: none;
    font-weight: 100;
    color: black
}

    tr.first-body-row[b-iridpuwivr] {
        border-left: 0.01em solid rgb(106, 170, 233);
        border-right: 0.01em solid rgb(106, 170, 233);
        border-top: 0.01em solid rgb(106, 170, 233);
        border-bottom: none;
    }

    tr.last-body-row[b-iridpuwivr] {
        border: 0.01em solid rgb(106, 170, 233);
    }

th[b-iridpuwivr], td[b-iridpuwivr] {
    text-align: left;
    padding: 2px 8px;
    font-size: small;
}


.search-results[b-iridpuwivr] {
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    position: absolute;
    top: 100%;
    left:20px;
    width: 350%;
    height: 600px;
    overflow-y: auto;
    z-index: 1000;
    font-size: smaller;
    font-weight: 100;
    padding-bottom: 20px;
}

    .search-results div[b-iridpuwivr] {
        padding: 8px;
        cursor: pointer;
        padding-bottom: 20px;
    }

        .search-results div:hover[b-iridpuwivr] {
            background-color: #f1f1f1;
        }


.scrollable-table[b-iridpuwivr] {
    width: 100%;
    border-collapse: collapse;
}

    .scrollable-table th[b-iridpuwivr], .scrollable-table td[b-iridpuwivr] {
        border: 1px solid #ccc;
    }

        .scrollable-table td[content="vendor"][b-iridpuwivr] {
            font-size: small;
            color: #2077C7;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .scrollable-table td[content="brand"][b-iridpuwivr] {
            font-size: x-small;
            color: #2077C7;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .scrollable-table td[content="articlename"][b-iridpuwivr] {
            font-size: x-small;
            color: #2077C7;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
/* _content/JoJoOffice/Components/BankTransactionAssignReceipts.razor.rz.scp.css */


.table-invoices[b-04u9xbf566] {
    overflow-y: auto;
    position: relative;
    border: 0.01em solid rgb(106, 170, 233);
}

    .table-invoices table[b-04u9xbf566] {
        width: 100%;
        background-color: white;
        border-collapse: separate;
        border-spacing: 0px;
    }

    .table-invoices thead[b-04u9xbf566] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .table-invoices tr[b-04u9xbf566] {
        background-color: rgb(106, 170, 233);
        color: white;
        height: 30px;
        font-weight: 600;
        padding-left: 10px;
        padding-right: 10px;
    }

    .table-invoices th[b-04u9xbf566], td[b-04u9xbf566] {
        padding-left: 10px;
        padding-right: 10px;
    }

    .table-invoices tr.invoice-title[b-04u9xbf566] {
        background-color: #F3F8FA;
        font-weight: 600;
        font-size: smaller;
        color: #206fb7;
    }

    .table-invoices tr.invoice-details[b-04u9xbf566] {
        background-color: white;
        font-weight: 100;
        font-size: small;
        color: black
    }

    .table-invoices tr.invoice-details-pdf-open[b-04u9xbf566] {
        background-color: #d9f0ff;
        font-weight: 600;
        font-size: small;
        color: black
    }

.jojo-spinner[b-04u9xbf566] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite
}
/* _content/JoJoOffice/Components/CustomerSales.razor.rz.scp.css */



thead[b-iqa05mn455] {
    height: 25px;
}

    thead th[b-iqa05mn455] {
        background-color: #eee;
        color: rgb(30, 92, 152);
        font-size: small;
        font-weight: 100;
    }

tr[b-iqa05mn455] {
    height: 25px;
}

thead[b-iqa05mn455], tr[b-iqa05mn455] {
    border: 0.01em solid rgb(106, 170, 233);
}

tbody[b-iqa05mn455], tr[b-iqa05mn455] {
    background-color: white;
    border-left: 0.01em solid rgb(106, 170, 233);
    border-right: 0.01em solid rgb(106, 170, 233);
    border-top: none;
    border-bottom: none;
}

    tr.first-body-row[b-iqa05mn455] {
        border-left: 0.01em solid rgb(106, 170, 233);
        border-right: 0.01em solid rgb(106, 170, 233);
        border-top: 0.01em solid rgb(106, 170, 233);
        border-bottom: none;
    }

    tr.last-body-row[b-iqa05mn455] {
        border: 0.01em solid rgb(106, 170, 233);
    }

th[b-iqa05mn455], td[b-iqa05mn455] {
    text-align: left;
    padding: 2px 8px;
    font-size: smaller;
}
/* _content/JoJoOffice/Components/DateRangeSelector.razor.rz.scp.css */


.custom-hover:hover[b-dphx8nsbg0] {
    background-color: white;
    border-color: #b6dfff;
    color: #0056b3;
}

    .custom-hover:hover svg[b-dphx8nsbg0] {
        fill: #007bff;
    }

    .custom-hover:hover .label-text[b-dphx8nsbg0] {
        color: #0056b3;
    }

.modal-wide[b-dphx8nsbg0] {
    max-width: 900px;
}
/* _content/JoJoOffice/Components/DeliveryDayItems.razor.rz.scp.css */



thead[b-81od87v4i9] {
    height: 25px;
}

    thead th[b-81od87v4i9] {
        background-color: #eee;
        color: rgb(30, 92, 152);
        font-size: small;
        font-weight: 100;
    }

tr[b-81od87v4i9] {
    height: 25px;
}

thead[b-81od87v4i9], tr[b-81od87v4i9] {
    border: 0.01em solid rgb(106, 170, 233);
}

tbody[b-81od87v4i9], tr[b-81od87v4i9] {
    background-color: white;
    border-left: 0.01em solid rgb(106, 170, 233);
    border-right: 0.01em solid rgb(106, 170, 233);
    border-top: none;
    border-bottom: none;
}

    tr.first-body-row[b-81od87v4i9] {
        border-left: 0.01em solid rgb(106, 170, 233);
        border-right: 0.01em solid rgb(106, 170, 233);
        border-top: 0.01em solid rgb(106, 170, 233);
        border-bottom: none;
    }

    tr.last-body-row[b-81od87v4i9] {
        border: 0.01em solid rgb(106, 170, 233);
    }

th[b-81od87v4i9], td[b-81od87v4i9] {
    text-align: left;
    padding: 2px 8px;
    font-size: smaller;
}
/* _content/JoJoOffice/Components/Forms/DetailsToggle.razor.rz.scp.css */


.details-toggle summary[b-83m0ztxcx9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.details-toggle .toggle-arrow[b-83m0ztxcx9] {
    margin-left: auto;
    display: inline-block;
    width: 12px; /* Explicitly set width */
    height: 12px; /* Explicitly set height */
    transform-origin: center center; /* Rotate around the exact center */
    transition: transform 0.2s ease;
}

.details-toggle[open] .toggle-arrow[b-83m0ztxcx9] {
    transform: rotate(180deg); /* Rotate the arrow */
}

.details-toggle summary.nav-link:hover[b-83m0ztxcx9] {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

/* _content/JoJoOffice/Components/Forms/PopupFormBase.razor.rz.scp.css */


.popup[b-754vxnnw02] {
    border: 1px solid #ccc;
    position: fixed;
    display: block;
    overflow-y: auto;
    z-index: 1000;
    font-weight: 100;
    padding: 15px 15px 5px 15px;
    border-radius: 5px;
    background-color: white;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
    margin-left: -8px;
    margin-top: 5px;
}
/* _content/JoJoOffice/Components/InventoryFlowArticleTable.razor.rz.scp.css */


.table-inventory-flow[b-rb2ova8rxp] {
    width: 100%;
    border: 0.01em solid darkgray;
}

.table-inventory-flow thead tr[b-rb2ova8rxp] {
    text-align: left;
    padding-left: 8px;
    background-color: whitesmoke;
}

.table-inventory-flow thead th[b-rb2ova8rxp] {
    border: none;
    text-align: left;
    padding: 2px 8px;
    font-size: small;
    color: cornflowerblue;
}
/* First row - top border */
.table-inventory-flow thead tr:first-child th[b-rb2ova8rxp] {
    border-top: 0.01em solid darkgray;
}

/* Last row - bottom border */
    .table-inventory-flow thead tr:last-child th[b-rb2ova8rxp] {
        border-bottom: 0.01em solid darkgray;
    }

/* First column - left border */
    .table-inventory-flow thead th:first-child[b-rb2ova8rxp] {
        border-left: 0.01em solid darkgray;
    }

/* Last column - right border */
    .table-inventory-flow thead th:last-child[b-rb2ova8rxp] {
        border-right: 0.01em solid darkgray;
    }

    .table-inventory-flow tbody tr[b-rb2ova8rxp] {
        background-color: white;
    }

    .table-inventory-flow tbody td[b-rb2ova8rxp] {
        text-align: left;
        padding: 5px 8px;
        font-size: small;
        color: cornflowerblue;
    }

/* Reset all borders on articlegroup-rows */
.table-inventory-flow tbody tr.articlegroup-row td[b-rb2ova8rxp] {
    border-top: none;
    border-bottom: none;
}

/* All articlegroup-rows after header get bottom border... */
.table-inventory-flow tbody tr.articlegroup-row td[b-rb2ova8rxp] {
    border-bottom: 0.01em solid rgb(106, 170, 233);
}

/* ...except the last row before the next header or table end, which gets top border only */
.table-inventory-flow tbody tr.articlegroup-row:not(:last-of-type):has(+ tr.articlegroup-header) td[b-rb2ova8rxp],
.table-inventory-flow tbody tr.articlegroup-row:last-of-type td[b-rb2ova8rxp] {
    border-bottom: none; /* Remove bottom border on the last row */
}
/* _content/JoJoOffice/Components/InventoryFlowTableRow.razor.rz.scp.css */

.noselect[b-nd75cgvtbo] {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}


.tableMain[b-nd75cgvtbo] {
    overflow-y: auto;
}

    .tableMain table[b-nd75cgvtbo] {
        border-collapse: collapse;
        width: 100%;
        background-color: white;
    }

    .tableMain thead[b-nd75cgvtbo] {
        background-color: #C6DDF6;
        position: sticky;
        top: 0;
        height: 40px;
        font-size: medium;
        color: rgb(41, 125, 209);
    }

        .tableMain thead tr[b-nd75cgvtbo] {
            border: 0.01em solid rgb(106, 170, 233);
            text-align: left;
            padding-left: 8px;
        }

    .tableMain th[b-nd75cgvtbo], td[b-nd75cgvtbo] {
        text-align: left;
        padding: 2px 8px;
        font-size: small;
/*        border-top: 0.01em solid rgb(106, 170, 233);
*/    }


    .tableMain tbody tr.articlegroup-header[b-nd75cgvtbo],
    .tableMain tbody tr.articlegroup-header-open[b-nd75cgvtbo] {
        background-color: #eee;
        font-weight: 100;
        font-size: smaller;
        color: darkslategray;
    }

    .tableMain tbody tr.articlegroup-header td:nth-child(n+6)[b-nd75cgvtbo] {
        color: rgb(41, 125, 209);
    }

        .tableMain tbody tr.articlegroup-header-open td:nth-child(n+6)[b-nd75cgvtbo] {
            background-color: white;
            border-bottom: none;
            color: rgb(41, 125, 209);
        }

    .tableMain tbody tr.articlegroup-header-open td[b-nd75cgvtbo] {
        background-color: #eee;
        border-bottom: 1px solid darkgray;
    }

    .tableMain tbody tr.articlegroup-header-open[b-nd75cgvtbo] {
        background-color: white;
    }

    .tableMain tbody tr.articlegroup-header td[b-nd75cgvtbo] {
        border-top: 1px solid darkgray;
        font-weight: 100;
    }

    .tableMain tbody tr.articlegroup-header-open td[b-nd75cgvtbo] {
        border-top: 8px solid lightgray;
        font-weight: 100;
    }

    .tableMain tbody tr[b-nd75cgvtbo] {
        background-color: transparent;
        color: rgb(41, 125, 209);
    }

    .tableMain tbody td[b-nd75cgvtbo] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

tr.dategroup-row td[b-nd75cgvtbo] {
    border-bottom: 1px solid lightgray;
}


/* _content/JoJoOffice/Components/InventoryListTableView.razor.rz.scp.css */




td[b-cbo75k3gk0] {
    padding: 5px 16px;
    font-size: small;
}

td[content="article-name"][b-cbo75k3gk0] {
    color: #2077C7;
/*    white-space: nowrap;
*/    overflow: hidden;
    text-overflow: ellipsis;
    font-size: small;
}


.inside table[b-cbo75k3gk0] {
    border-collapse: collapse;
    background-color: transparent;
    margin: 0px 0px;
}

.inside tHead[b-cbo75k3gk0] {
    border: none;
    background-color: white;  
}

.inside tr[b-cbo75k3gk0] {
}

.inside th[b-cbo75k3gk0] {
    color: #2077C7;
    border: none;
    border-bottom: 0.01em solid lightgray;
    padding: 2px 5px;
    font-weight: 300;
    text-align: center;
    font-size: small;
}

.inside td[b-cbo75k3gk0] {
    border: none;
    padding: 2px 5px;
    text-align: center;
    font-size: small;
}
/* _content/JoJoOffice/Components/InventoryStatesView.razor.rz.scp.css */

.noselect[b-eagu8j6i4p] {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}


.tableMain[b-eagu8j6i4p] {
    overflow-y: auto;
}

    .tableMain table[b-eagu8j6i4p] {
        border-collapse: collapse;
        width: 100%;
        background-color: white;
    }

    .tableMain thead[b-eagu8j6i4p] {
        background-color: #C6DDF6;
        position: sticky;
        top: 0;
        height: 40px;
        font-size: medium;
        color: rgb(41, 125, 209);
    }

        .tableMain thead tr[b-eagu8j6i4p] {
            border: 0.01em solid rgb(106, 170, 233);
            text-align: left;
            padding-left: 8px;
        }

    .tableMain th[b-eagu8j6i4p], td[b-eagu8j6i4p] {
        text-align: left;
        padding: 2px 8px;
        font-size: small;
    }

    .tableMain tbody tr.hover[b-eagu8j6i4p] {
        color: #212529;
        background-color: rgb(240, 238, 232);
    }

    .tableMain tbody tr[b-eagu8j6i4p] {
        border: 0.01em solid rgb(170, 155, 81);
        background-color: transparent;
        color: rgb(41, 125, 209);
    }

    .tableMain tbody td[b-eagu8j6i4p] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .tableMain tbody td.articleNotice[b-eagu8j6i4p] {
            padding-top: 5px;
            padding-bottom: 5px;
        }

    .tableMain tbody span.date[b-eagu8j6i4p] {
        display: inline-block;
        width: 150px;
        margin-right: 20px;
        color: black;
    }

    .tableMain tbody span.vendor[b-eagu8j6i4p] {
        display: inline-block;
        width: 80px;
        margin-right: 20px;
        color: rgb(41, 125, 209);
    }

    .tableMain tbody span.numarticles[b-eagu8j6i4p] {
        display: inline-block;
        width: 30px;
        margin-right: 20px;
        color: black;
    }

    .tableMain tbody span.type[b-eagu8j6i4p] {
        display: inline-block;
        width: 50px;
        font-size: x-small;
        margin-right: 20px;
        color: black;
    }

    .tableMain tbody span.fileid[b-eagu8j6i4p] {
        display: inline-block;
        width: 60px;
        font-size: x-small;
        margin-right: 20px;
        color: black;
    }

    .tableMain tbody tr.article[b-eagu8j6i4p] {
        background-color: white;
    }

    .tableMain td[content="price"][b-eagu8j6i4p] {
        text-align: right;
    }

    .tableMain td[content="articlename"][b-eagu8j6i4p] {
        font-weight: 400;
        color: #2077C7;
    }


.btn-primary[b-eagu8j6i4p] {
    color: rgb(25, 54, 83);
    background-color: #E6EFF9;
    border-color: #1861ac;
}

.btn:hover[b-eagu8j6i4p] {
    background-color: #78b9e7;
}

.form-control[b-eagu8j6i4p]::-webkit-input-placeholder {
    color: lightgray;
}

.color-dot[b-eagu8j6i4p] {
    height: 12px;
    width: 12px;
    background-color: white;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    margin-top: 1px;
}

.my-form-control[b-eagu8j6i4p] {
    margin: 10px 10px;
    display: inline;
    width: auto;
}

.my-dropdown-item[b-eagu8j6i4p] {
    margin: 0px 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 2px;
    padding-bottom: 2px;
    display: inline;
    width: auto;
}
/* _content/JoJoOffice/Components/InvoiceEditor.razor.rz.scp.css */

.form-container[b-ckxlvz3oai] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.form-content[b-ckxlvz3oai] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.header-section[b-ckxlvz3oai] {
    display: flex;
    height: 300px;
    justify-content: space-between;
    border: 0.01em solid rgb(106, 170, 233);
    background-color: aliceblue;
}

.item-section[b-ckxlvz3oai] {
    display: flex;
    justify-content: space-between;
    border-top: 0.01em solid rgb(106, 170, 233);
    border-left: 0.01em solid rgb(106, 170, 233);
    border-right: 0.01em solid rgb(106, 170, 233);
    background-color: aliceblue;
    flex-grow: 1;
    max-height: calc(100% - 450px);
}

.footer-section[b-ckxlvz3oai] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-top: 0.01em solid lightgray;
    border-bottom: 0.01em solid rgb(106, 170, 233);
    border-left: 0.01em solid rgb(106, 170, 233);
    border-right: 0.01em solid rgb(106, 170, 233);
    background-color: aliceblue;
    height: 100px; /* Fixed height */
}

.footer-grid[b-ckxlvz3oai] {
    display: grid;
    grid-template-columns: 150px 100px; /* Two fixed-width columns */
    grid-template-rows: repeat(3, auto); /* Three rows */
    gap: 10px; /* Adjust the gap between the items if needed */
    font-weight: 600;
    color: rgb(30, 92, 152);
    margin-right: 110px;
}

.footer-item[b-ckxlvz3oai] {
    display: contents; /* This allows individual spans to be part of the grid */
}

    .footer-item span[b-ckxlvz3oai] {
        grid-column: span 1;
    }

        .footer-item span:first-child[b-ckxlvz3oai] {
            justify-self: end; /* Align labels to the start (left) of their columns */
        }

        .footer-item span:last-child[b-ckxlvz3oai] {
            justify-self: end; /* Align values to the end (right) of their columns */
        }



.receipient[b-ckxlvz3oai] {
    width: 55%;
    margin: 15px;
}

.details[b-ckxlvz3oai] {
    width: 35%;
    margin: 15px;
}

.articles[b-ckxlvz3oai] {
    width: 100%;
    max-height:100%;
    margin: 15px;
}

.title[b-ckxlvz3oai] {
    margin-top: 0;
    margin-bottom: 15px;
    padding-bottom: 10px;
    color: rgb(30, 92, 152);
    border-bottom: 0.01em solid darkgray;
    font-size: medium;
    font-weight: 600;
    display: flex;
    align-items: center
}

.form-group[b-ckxlvz3oai] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.form-group-item[b-ckxlvz3oai] {
    width: 48%;
    margin: 0px 0px;
}

    .form-group-item[type="long"][b-ckxlvz3oai] {
        width: 78%;
        margin: 0px 0px;
    }

    .form-group-item[type="medium"][b-ckxlvz3oai] {
        width: 38%;
        margin: 0px 0px;
    }

    .form-group-item[type="short"][b-ckxlvz3oai] {
        width: 20%;
        margin: 0px 0px;
    }




thead[b-ckxlvz3oai] {
    height: 25px;
}

    thead th[b-ckxlvz3oai] {
        background-color: #eee;
        color: rgb(30, 92, 152);
        font-size: small;
        font-weight: 100;
    }

tr[b-ckxlvz3oai] {
    height: 25px;
}

thead[b-ckxlvz3oai], tr[b-ckxlvz3oai] {
    border: 0.01em solid rgb(106, 170, 233);
}

tbody[b-ckxlvz3oai], tr[b-ckxlvz3oai] {
    background-color: white;
    border-left: 0.01em solid rgb(106, 170, 233);
    border-right: 0.01em solid rgb(106, 170, 233);
    border-top: none;
    border-bottom: none;
    font-weight: 100;
    color: black
}

    tr.first-body-row[b-ckxlvz3oai] {
        border-left: 0.01em solid rgb(106, 170, 233);
        border-right: 0.01em solid rgb(106, 170, 233);
        border-top: 0.01em solid rgb(106, 170, 233);
        border-bottom: none;
    }

    tr.last-body-row[b-ckxlvz3oai] {
        border: 0.01em solid rgb(106, 170, 233);
    }

th[b-ckxlvz3oai], td[b-ckxlvz3oai] {
    text-align: left;
    padding: 2px 8px;
    font-size: smaller;
}


label[b-ckxlvz3oai] {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    color: rgb(30, 92, 152);
}

select[b-ckxlvz3oai] {
    height: 30px;
    width: 100%;
    margin-bottom: 8px;
    padding: 0px 8px 0px 8px;
    font-weight: 500;
    color: rgb(30, 92, 152);
}

input[type="text"][b-ckxlvz3oai],
input[type="date"][b-ckxlvz3oai] {
    width: 100%;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

.search-results[b-ckxlvz3oai] {
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    position: absolute;
    top: 100%;
    left: 0;
    width: 600px;
    max-height: 400px;
    overflow-y: auto;
    z-index: 1000;
    font-weight: 100;
}

.search-results div[b-ckxlvz3oai] {
    padding: 8px;
    cursor: pointer;
}

        .search-results div:hover[b-ckxlvz3oai] {
            background-color: #f1f1f1;
        }

/* _content/JoJoOffice/Components/InvoiceItems/DiscountPercentPopupForm.razor.rz.scp.css */


.popup[b-ni92iek1eq] {
    border: 1px solid #ccc;
    position: absolute;
    overflow-y: auto;
    z-index: 1000;
    font-weight: 100;
    padding: 15px 15px 5px 15px;
    border-radius: 5px;
    background-color: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-left: -8px;
    margin-top: 5px;
}
/* _content/JoJoOffice/Components/InvoiceItems/InvoiceItemTable.razor.rz.scp.css */


.table-invoice-items[b-msjv5tlhty] {
    overflow-y: auto;
    border-collapse: separate;
    border-spacing: 0px;
    width: 100%;
    border-left: 0.01em solid lightgray;
    border-right: 0.01em solid lightgray;
    border-bottom: 0.01em solid lightgray;
}

    .table-invoice-items thead[b-msjv5tlhty] {
        height: 25px;
        top: 0;
        z-index: 1;
        position: sticky;
    }

thead tr[b-msjv5tlhty] {
    height: 25px;
}

thead th[b-msjv5tlhty] {
    background-color: #eee;
    color: rgb(30, 92, 152);
    font-weight: 600;
    border: 0.01em solid lightgray;
}

thead tr[b-msjv5tlhty] {
    border: 0.01em solid rgb(106, 170, 233);
}

tbody tr[b-msjv5tlhty] {
    background-color: white;
    border-left: 0.01em solid rgb(106, 170, 233);
    border-right: 0.01em solid rgb(106, 170, 233);
    border-top: none;
    border-bottom: none;
    font-weight: 100;
    color: black
}

    tr.first-body-row[b-msjv5tlhty] {
        border-left: 0.01em solid rgb(106, 170, 233);
        border-right: 0.01em solid rgb(106, 170, 233);
        border-top: 0.01em solid rgb(106, 170, 233);
        border-bottom: none;
    }

    tr.last-body-row[b-msjv5tlhty] {
        border: 0.01em solid rgb(106, 170, 233);
    }

th[b-msjv5tlhty], td[b-msjv5tlhty] {
    text-align: left;
    padding: 2px 8px;
    font-size: small;
}

    td[content="articlename"][b-msjv5tlhty] {
        font-size: x-small;
        color: #2077C7;
        overflow: hidden;
        text-overflow: ellipsis;
    }

tbody td[content="color"][b-msjv5tlhty] {
    font-size: x-small;
    overflow: hidden;
    text-overflow: ellipsis;
}

tbody tr[b-msjv5tlhty] {
    border-bottom: 0.01em solid rgb(106, 170, 233);
}
/* _content/JoJoOffice/Components/InvoiceItems/OrgPricePopupForm.razor.rz.scp.css */
/* _content/JoJoOffice/Components/InvoiceItems/OrgPriceTypeDropdown.razor.rz.scp.css */


.document-item-pricetype[b-gmnzttil9k] {
    cursor: pointer;
    height: 2em;
    background-color: transparent;
    text-align: center;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* _content/JoJoOffice/Components/InvoiceItems/QuantityPopupForm.razor.rz.scp.css */


/* _content/JoJoOffice/Components/InvoiceItems/StockDropdown.razor.rz.scp.css */


.document-item-pricetype[b-82dfsd2wvf] {
    cursor: pointer;
    height: 2em;
    background-color: transparent;
    text-align: center;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* _content/JoJoOffice/Components/InvoiceItems/VATPercentPopupForm.razor.rz.scp.css */


.popup[b-959n0wi1wj] {
    border: 1px solid #ccc;
    position: absolute;
    overflow-y: auto;
    z-index: 1000;
    font-weight: 100;
    padding: 2px 2px 2px 2px;
    border-radius: 5px;
    background-color: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-top: 5px;
}
/* _content/JoJoOffice/Components/ModalDialog.razor.rz.scp.css */

.jojo-spinner[b-grtvdd7hd8] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite
}

.left-align-footer[b-grtvdd7hd8] {
    display: flex;
    justify-content: flex-start;
}
/* _content/JoJoOffice/Components/PosJournalSales.razor.rz.scp.css */



thead[b-75fq1fgsip] {
    height: 25px;
}

    thead th[b-75fq1fgsip] {
        background-color: #eee;
        color: rgb(30, 92, 152);
        font-size: small;
        font-weight: 100;
    }

tr[b-75fq1fgsip] {
    height: 25px;
}

thead[b-75fq1fgsip], tr[b-75fq1fgsip] {
    border: 0.01em solid rgb(106, 170, 233);
}

tbody[b-75fq1fgsip], tr[b-75fq1fgsip] {
    background-color: white;
    border-left: 0.01em solid rgb(106, 170, 233);
    border-right: 0.01em solid rgb(106, 170, 233);
    border-top: none;
    border-bottom: none;
}

    tr.first-body-row[b-75fq1fgsip] {
        border-left: 0.01em solid rgb(106, 170, 233);
        border-right: 0.01em solid rgb(106, 170, 233);
        border-top: 0.01em solid rgb(106, 170, 233);
        border-bottom: none;
    }

    tr.last-body-row[b-75fq1fgsip] {
        border: 0.01em solid rgb(106, 170, 233);
    }

th[b-75fq1fgsip], td[b-75fq1fgsip] {
    text-align: left;
    padding: 2px 8px;
    font-size: smaller;
}
/* _content/JoJoOffice/Components/PosJournalTransfers.razor.rz.scp.css */



thead[b-q9rm5qq5jd] {
    height: 25px;
}

    thead th[b-q9rm5qq5jd] {
        background-color: #eee;
        color: rgb(30, 92, 152);
        font-size: small;
        font-weight: 100;
    }


body tr[b-q9rm5qq5jd] {
    background-color: white;
    border: 0.01em solid rgb(106, 170, 233);
    font-weight: 100;
}

th[b-q9rm5qq5jd], td[b-q9rm5qq5jd] {
    text-align: left;
    padding: 2px 8px;
    font-size: small;
}
/* _content/JoJoOffice/Components/ProductChannelInventory.razor.rz.scp.css */


.tableInside[b-b9uqyonk9l] {
}

    .tableInside table[b-b9uqyonk9l] {
        border-collapse: collapse;
        width: 100%;
        font-size: small;
        font-weight: 100;
        background-color: transparent;
    }

    .tableInside tHead[b-b9uqyonk9l] {
        position: static;
        background-color: transparent;
    }

        .tableInside tHead tr[b-b9uqyonk9l], th[b-b9uqyonk9l] {
            padding-top: 0px;
            padding-bottom: 0px;
            border: 0.01em solid transparent;
            border-bottom: 0.01em solid darkgray;
        }

    .tableInside th[b-b9uqyonk9l], td[b-b9uqyonk9l] {
        border: none; /* 0.01em solid rgb(25, 54, 83);*/
        padding-top: 0px;
        padding-bottom: 0px;
        padding-right: 8px;
        padding-left: 8px;
        text-align: center;
    }

    .tableInside th[b-b9uqyonk9l] {
        font-size: small;
    }
/* _content/JoJoOffice/Components/StockInputDetails.razor.rz.scp.css */

.nav-pills .pill-custom .nav-link[b-3ekm857xqm] {
    background-color: #ffc107;
    border: 1px solid rgb(229, 0, 0);
    color: black;
}

.nav-pills .pill-custom .nav-link:not(.active)[b-3ekm857xqm] {
    background-color: transparent;
    border: 1px solid #ffc107;
    color: black;
}

.nav-pills .pill-custom .nav-link:hover[b-3ekm857xqm] {
    background-color: #78b9e7;
}

.btn:hover[b-3ekm857xqm] {
    background-color: #78b9e7;
}

.dropdown-item.disabled[b-3ekm857xqm] {
    color: lightgray;
}

[b-3ekm857xqm]::placeholder {
    color: gray;
    opacity: 0.3;
}


.tableMain[b-3ekm857xqm] {
    overflow-y: auto;
    height: calc(100% - 70px);
    border: 1px solid lightgray;
}

    .tableMain table[b-3ekm857xqm] {
        border-collapse: collapse;
        width: 100%;
        background-color: white;
    }

    .tableMain thead[b-3ekm857xqm] {
        background-color: #C6DDF6;
        position: sticky;
        top: 0;
        border: 0.01em solid rgb(106, 170, 233);
    }

    .tableMain .scan-success[b-3ekm857xqm] {
        background-color: #d7ebb0 !important;
    }

    .tableMain .scan-failed[b-3ekm857xqm] {
        background-color: lightcoral !important;
        transition: background-color 0.5s ease-in-out;
    }

    .tableMain th[b-3ekm857xqm], td[b-3ekm857xqm] {
        padding: 8px 16px;
        border: 0.01em solid #cccccc;
        font-size: small;
    }

    .tableMain th[b-3ekm857xqm] {
        border: 0.01em solid rgb(106, 170, 233);
        color: rgb(29, 125, 222);
    }

    div[content="vendor"][b-3ekm857xqm] {
        font-weight: 600;
        color: black;
    }

    .tableMain td[content="articlename"][b-3ekm857xqm] {
        font-size: x-small;
        color: #2077C7;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .tableMain tbody td[content="color"][b-3ekm857xqm] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }



table.tableInside[b-3ekm857xqm] {
    border-collapse: collapse;
    width: 100%;
    font-size: small;
    font-weight: 100;
    background-color: transparent;
}

tHead.tableInside[b-3ekm857xqm] {
    position: static;
    background-color: transparent;
}

th.tableInside[b-3ekm857xqm] {
    background-color: transparent;
    font-size: small;
}

td.tableInside[b-3ekm857xqm] {
    border: none; /* 0.01em solid rgb(25, 54, 83);*/
    text-align: center;
}


.color-dot[b-3ekm857xqm] {
    height: 12px;
    width: 12px;
    background-color: white;
    border: 0.01em solid lightgray;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    margin-top: 1px;
}


.scan-popup[b-3ekm857xqm] {
    border: 2px solid green;
    position: absolute;
    top: 20%;
    left: 20%;
    width: 320px;
    height: 420px;
}


img.zoom[b-3ekm857xqm] {
    transform: scale(10.0, 10.0);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-color: white;
    transition-duration: 2.0s;
}


.jojo-spinner-grow[b-3ekm857xqm] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2.5rem;
    height: 2.5rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-grow 1.0s linear infinite;
    animation: spinner-grow .75s linear infinite
}

.jojo-spinner[b-3ekm857xqm] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite
}
/* _content/JoJoOffice/Components/StockTransferTableView.razor.rz.scp.css */




td[b-4pmivlc3qf] {
    padding: 5px 16px;
    font-size: small;
}

td[content="article-name"][b-4pmivlc3qf] {
    color: #2077C7;
/*    white-space: nowrap;
*/    overflow: hidden;
    text-overflow: ellipsis;
    font-size: small;
}


.inside table[b-4pmivlc3qf] {
    border-collapse: collapse;
    background-color: transparent;
    margin: 0px 0px;
}

.inside tHead[b-4pmivlc3qf] {
    border: none;
    background-color: white;  
}

.inside tr[b-4pmivlc3qf] {
}

.inside th[b-4pmivlc3qf] {
    color: #2077C7;
    border: none;
    border-bottom: 0.01em solid lightgray;
    padding: 2px 5px;
    font-weight: 300;
    text-align: center;
    font-size: small;
}

.inside td[b-4pmivlc3qf] {
    border: none;
    padding: 2px 5px;
    text-align: center;
    font-size: small;
}
/* _content/JoJoOffice/Components/StockTransferTilesView.razor.rz.scp.css */


th[b-6pqo7vy6kt], td[b-6pqo7vy6kt] {
    padding: 8px 16px;
    border: 0.01em solid #cccccc;
    font-size: small;
}

div[content="vendor"][b-6pqo7vy6kt] {
    font-weight: 600;
    color: black;
}

.tableMain td[content="articlename"][b-6pqo7vy6kt] {
    font-weight: 600;
    color: #2077C7;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tableMain tbody td[content="color"][b-6pqo7vy6kt] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* _content/JoJoOffice/Components/Tooltip.razor.rz.scp.css */


.tooltip-wrapper[b-gbnyluyzsv] {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
    cursor: help;
}

span[b-gbnyluyzsv] {
    visibility: hidden;
    position: absolute;
    width: 120px;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
    background-color: #363636;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    z-index: 1;
}

    span[b-gbnyluyzsv]::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #555 transparent transparent transparent;
    }

.tooltip-wrapper:hover span[b-gbnyluyzsv] {
    visibility: visible;
}
/* _content/JoJoOffice/Components/TransactionDetails.razor.rz.scp.css */



thead[b-63gmguztw1] {
    height: 25px;
}

    thead th[b-63gmguztw1] {
        background-color: #eee;
        color: rgb(30, 92, 152);
        font-size: small;
        font-weight: 100;
    }

tr[b-63gmguztw1] {
    height: 25px;
}

thead[b-63gmguztw1], tr[b-63gmguztw1] {
    border: 0.01em solid rgb(106, 170, 233);
}

tbody[b-63gmguztw1], tr[b-63gmguztw1] {
    background-color: white;
    border-left: 0.01em solid rgb(106, 170, 233);
    border-right: 0.01em solid rgb(106, 170, 233);
    border-top: none;
    border-bottom: none;
    font-weight: 100;
    color: black
}

    tr.first-body-row[b-63gmguztw1] {
        border-left: 0.01em solid rgb(106, 170, 233);
        border-right: 0.01em solid rgb(106, 170, 233);
        border-top: 0.01em solid rgb(106, 170, 233);
        border-bottom: none;
    }

    tr.last-body-row[b-63gmguztw1] {
        border: 0.01em solid rgb(106, 170, 233);
    }

th[b-63gmguztw1], td[b-63gmguztw1] {
    text-align: left;
    margin-left: 0px;
    font-size: smaller;
}
/* _content/JoJoOffice/Components/VirtualKeyboard.razor.rz.scp.css */

.virtual-keyboard[b-w5o9fzomt5] {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #f8f9fa;
    padding: 10px;
    border-radius: 8px;
    margin-top: 10px;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1050;
}

.keyboard-row[b-w5o9fzomt5] {
    display: flex;
    justify-content: center;
    gap: 5px;
}

.key[b-w5o9fzomt5] {
    width: 40px;
    height: 40px;
    font-size: 18px;
    border: 1px solid #ddd;
    border-radius: 5px;
    cursor: pointer;
    background: white;
}

    .key:hover[b-w5o9fzomt5] {
        background: #e0e0e0;
    }

.key-action[b-w5o9fzomt5] {
    background: #ff4d4d;
    color: white;
    width: 100px;
}

    .key-action:hover[b-w5o9fzomt5] {
        background: #d63030;
    }

/* _content/JoJoOffice/Pages/ArticleCatalog.razor.rz.scp.css */

.noselect[b-7uico8m8s0] {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}


.tableMain[b-7uico8m8s0] {
    overflow-y: auto;
}

    .tableMain table[b-7uico8m8s0] {
        border-collapse: collapse;
        width: 100%;
        background-color: white;
    }

    .tableMain thead[b-7uico8m8s0] {
        background-color: #C6DDF6;
        position: sticky;
        top: 0;
        height: 40px;
        font-size: medium;
        color: rgb(41, 125, 209);
    }

        .tableMain thead tr[b-7uico8m8s0] {
            border: 0.01em solid rgb(106, 170, 233);
            text-align: left;
            padding-left: 8px;
        }

    .tableMain th[b-7uico8m8s0], td[b-7uico8m8s0] {
        text-align: left;
        padding: 2px 8px;
        font-size: small;
    }

    .tableMain tbody tr.hover[b-7uico8m8s0] {
        color: #212529;
        background-color: rgb(240, 238, 232);
    }

    .tableMain tbody tr[b-7uico8m8s0] {
        border: 0.01em solid rgb(170, 155, 81);
        background-color: transparent;
        color: rgb(41, 125, 209);
    }

    .tableMain tbody td[b-7uico8m8s0] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .tableMain tbody td.articleNotice[b-7uico8m8s0] {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .tableMain tbody span.date[b-7uico8m8s0] {
        display: inline-block;
        width: 150px;
        margin-right: 20px;
        color: black;
    }

    .tableMain tbody span.vendor[b-7uico8m8s0] {
        display: inline-block;
        width: 80px;
        margin-right: 20px;
        color: rgb(41, 125, 209);
    }

    .tableMain tbody span.numarticles[b-7uico8m8s0] {
        display: inline-block;
        width: 30px;
        margin-right: 20px;
        color: black;
    }

    .tableMain tbody span.type[b-7uico8m8s0] {
        display: inline-block;
        width: 50px;
        font-size: x-small;
        margin-right: 20px;
        color: black;
    }

    .tableMain tbody span.fileid[b-7uico8m8s0] {
        display: inline-block;
        width: 60px;
        font-size: x-small;
        margin-right: 20px;
        color: black;
    }

    .tableMain tbody tr.article[b-7uico8m8s0] {
        background-color: white;
    }

    .tableMain tbody tr.article-expired[b-7uico8m8s0] {
        background-color: lightpink;
    }

    .tableMain td[content="price"][b-7uico8m8s0] {
        text-align: right;
    }

    .tableMain td[content="articlename"][b-7uico8m8s0] {
        font-weight: 400;
        color: #2077C7;
    }


.btn-primary[b-7uico8m8s0] {
    color: rgb(25, 54, 83);
    background-color: #E6EFF9;
    border-color: #1861ac;
}

.btn:hover[b-7uico8m8s0] {
    background-color: #78b9e7;
}

.form-control[b-7uico8m8s0]::-webkit-input-placeholder {
    color: lightgray;
}

.color-dot[b-7uico8m8s0] {
    height: 12px;
    width: 12px;
    background-color: white;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    margin-top: 1px;
}

.my-form-control[b-7uico8m8s0] {
    margin: 10px 10px;
    display: inline;
    width: auto;
}

.my-dropdown-item[b-7uico8m8s0] {
    margin: 0px 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 2px;
    padding-bottom: 2px;
    display: inline;
    width: auto;
}

/* _content/JoJoOffice/Pages/ArticleImports.razor.rz.scp.css */

.noselect[b-rz9apd5p6k] {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.tableMain[b-rz9apd5p6k] {
    overflow-y: auto;
}

    .tableMain table[b-rz9apd5p6k] {
        border-collapse: collapse;
        width: 100%;
    }

    .tableMain thead[b-rz9apd5p6k] {
        background-color: #C6DDF6;
        position: sticky;
        top: 0;
        height: 40px;
        font-size: medium;
        color: rgb(41, 125, 209);
    }

        .tableMain thead tr[b-rz9apd5p6k] {
            border: 0.01em solid rgb(106, 170, 233);
            text-align: left;
            padding-left: 8px;
        }

    .tableMain th[b-rz9apd5p6k] {
        border: 0.01em solid rgb(106, 170, 233);
    }

    .tableMain th[b-rz9apd5p6k], td[b-rz9apd5p6k] {
        text-align: left;
        padding: 2px 8px;
        font-size: small;
    }

    .tableMain tbody tr.articleNotice:hover[b-rz9apd5p6k] {
        color: #212529;
        background-color: rgb(240, 238, 232);
    }

    .tableMain tbody tr.articleNotice-open:hover[b-rz9apd5p6k] {
        color: #212529;
        background-color: rgb(209, 228, 243);
    }

    .tableMain tbody tr.articleNotice[b-rz9apd5p6k] {
        border: 0.01em solid rgb(170, 155, 81);
        background-color: transparent;
        color: rgb(41, 125, 209);
    }

    .tableMain tbody tr.articleNotice-open[b-rz9apd5p6k] {
        border: 0.01em solid rgb(170, 155, 81);
        border-bottom: none;
        background-color: rgb(236, 244, 250);
        color: rgb(41, 125, 209);
        font-weight: 600;
    }

    .tableMain tbody tr.article[b-rz9apd5p6k] {
        border-left: 0.01em solid rgb(170, 155, 81);
        border-right: 0.01em solid rgb(170, 155, 81);
        background-color: white;
    }

    .tableMain tbody td[content="date"][b-rz9apd5p6k] {
        font-size: x-small;
    }

    .tableMain tbody span.date[b-rz9apd5p6k] {
        display: inline-block;
        width: 150px;
        margin-right: 20px;
        color: black;
    }

    .tableMain tbody span.vendor[b-rz9apd5p6k] {
        display: inline-block;
        width: 80px;
        margin-right: 20px;
        color: rgb(41, 125, 209);
    }

    .tableMain tbody span.numarticles[b-rz9apd5p6k] {
        display: inline-block;
        width: 30px;
        margin-right: 20px;
        color: black;
    }

    .tableMain tbody div[content="type"][b-rz9apd5p6k] {
        font-size: x-small;
        color: black;
        margin-top: 5px;
    }

    .tableMain tbody div[content="fileid"][b-rz9apd5p6k] {
        font-size: x-small;
        color: black;
    }

    .tableMain tbody td[content="color"][b-rz9apd5p6k] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .tableMain td[content="price"][b-rz9apd5p6k] {
        text-align: right;
    }

    .tableMain td[content="articlename"][b-rz9apd5p6k] {
        font-weight: 400;
        color: #2077C7;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }


.btn-primary[b-rz9apd5p6k] {
    color: rgb(25, 54, 83);
    background-color: #E6EFF9;
    border-color: #1861ac;
}

.btn:hover[b-rz9apd5p6k] {
    background-color: #78b9e7;
}

.form-control[b-rz9apd5p6k]::-webkit-input-placeholder {
    color: lightgray;
}

.color-dot[b-rz9apd5p6k] {
    height: 12px;
    width: 12px;
    background-color: white;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    margin-top:1px;
}

.my-form-control[b-rz9apd5p6k] {
    margin: 10px 10px;
    display: inline;
    width: auto;
}

.my-dropdown-item[b-rz9apd5p6k] {
    margin: 0px 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 2px;
    padding-bottom: 2px;
    display: inline;
    width: auto;
}

/* _content/JoJoOffice/Pages/ArticlePage.razor.rz.scp.css */


.custom-hover:hover[b-yx3dab1rae] {
    background-color: #e9f5ff;
    border-color: #b6dfff;
    color: #0056b3;
}
/* _content/JoJoOffice/Pages/ArticlePricats.razor.rz.scp.css */

.noselect[b-zfg7vj80n8] {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.tableMain[b-zfg7vj80n8] {
    overflow-y: auto;
}

    .tableMain table[b-zfg7vj80n8] {
        border-collapse: collapse;
        width: 100%;
    }

    .tableMain thead[b-zfg7vj80n8] {
        background-color: #C6DDF6;
        position: sticky;
        top: 0;
        height: 40px;
        font-size: medium;
        color: rgb(41, 125, 209);
    }

        .tableMain thead tr[b-zfg7vj80n8] {
            border: 0.01em solid rgb(106, 170, 233);
            text-align: left;
            padding-left: 8px;
        }

    .tableMain th[b-zfg7vj80n8] {
        border: 0.01em solid rgb(106, 170, 233);
    }

    .tableMain th[b-zfg7vj80n8], td[b-zfg7vj80n8] {
        text-align: left;
        padding: 2px 8px;
        font-size: small;
    }

    .tableMain tbody tr.articleNotice:hover[b-zfg7vj80n8] {
        color: #212529;
        background-color: rgb(240, 238, 232);
    }

    .tableMain tbody tr.articleNotice-open:hover[b-zfg7vj80n8] {
        color: #212529;
        background-color: rgb(209, 228, 243);
    }

    .tableMain tbody tr.articleNotice[b-zfg7vj80n8] {
        border: 0.01em solid rgb(170, 155, 81);
        background-color: transparent;
        color: rgb(41, 125, 209);
    }

    .tableMain tbody tr.articleNotice-open[b-zfg7vj80n8] {
        border: 0.01em solid rgb(170, 155, 81);
        border-bottom: none;
        background-color: rgb(236, 244, 250);
        color: rgb(41, 125, 209);
        font-weight: 600;
    }

    .tableMain tbody tr.article[b-zfg7vj80n8] {
        border-left: 0.01em solid rgb(170, 155, 81);
        border-right: 0.01em solid rgb(170, 155, 81);
        background-color: white;
    }

    .tableMain tbody td[content="date"][b-zfg7vj80n8] {
        font-size: x-small;
    }

    .tableMain tbody span.date[b-zfg7vj80n8] {
        display: inline-block;
        width: 150px;
        margin-right: 20px;
        color: black;
    }

    .tableMain tbody span.vendor[b-zfg7vj80n8] {
        display: inline-block;
        width: 80px;
        margin-right: 20px;
        color: rgb(41, 125, 209);
    }

    .tableMain tbody span.numarticles[b-zfg7vj80n8] {
        display: inline-block;
        width: 30px;
        margin-right: 20px;
        color: black;
    }

    .tableMain tbody div[content="type"][b-zfg7vj80n8] {
        font-size: x-small;
        color: black;
        margin-top: 5px;
    }

    .tableMain tbody div[content="fileid"][b-zfg7vj80n8] {
        font-size: x-small;
        color: black;
    }

    .tableMain tbody td[content="color"][b-zfg7vj80n8] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .tableMain td[content="price"][b-zfg7vj80n8] {
        text-align: right;
    }

    .tableMain td[content="articlename"][b-zfg7vj80n8] {
        font-weight: 400;
        color: #2077C7;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }


.btn-primary[b-zfg7vj80n8] {
    color: rgb(25, 54, 83);
    background-color: #E6EFF9;
    border-color: #1861ac;
}

.btn:hover[b-zfg7vj80n8] {
    background-color: #78b9e7;
}

.form-control[b-zfg7vj80n8]::-webkit-input-placeholder {
    color: lightgray;
}

.color-dot[b-zfg7vj80n8] {
    height: 12px;
    width: 12px;
    background-color: white;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    margin-top:1px;
}

.my-form-control[b-zfg7vj80n8] {
    margin: 10px 10px;
    display: inline;
    width: auto;
}

.my-dropdown-item[b-zfg7vj80n8] {
    margin: 0px 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 2px;
    padding-bottom: 2px;
    display: inline;
    width: auto;
}

/* _content/JoJoOffice/Pages/BankTransactionsPage.razor.rz.scp.css */


.table-invoices[b-rp75rajqqd] {
    overflow-y: auto;
    position: relative;
}

    .table-invoices table[b-rp75rajqqd] {
        width: 100%;
        background-color: white;
        border-collapse: separate;
        border-spacing: 0px;
        border-left: 0.01em solid rgb(106, 170, 233);
        border-right: 0.01em solid rgb(106, 170, 233);
    }

    .table-invoices thead[b-rp75rajqqd] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .table-invoices tr[b-rp75rajqqd] {
        background-color: rgb(106, 170, 233);
        color: white;
        height: 30px;
        font-size: small;
        font-weight: 600;
        padding-left: 10px;
        padding-right: 10px;
    }

    .table-invoices th[b-rp75rajqqd], td[b-rp75rajqqd] {
        padding-left: 10px;
        padding-right: 10px;
    }

    .table-invoices tr.year-title[b-rp75rajqqd] {
        background-color: #c5def6;
        font-weight: 600;
        font-size: small;
        color: #206fb7
    }

        .table-invoices tr.year-title td[b-rp75rajqqd] {
            border-top: none;
            border-bottom: 0.01em solid rgb(106, 170, 233);
        }

    .table-invoices tr.month-title[b-rp75rajqqd] {
        cursor: pointer;
        background-color: antiquewhite;
        font-weight: 600;
        font-size: small;
        color: #206fb7
    }

        .table-invoices tr.month-title td[b-rp75rajqqd] {
            border-top: none;
        }

    .table-invoices tr.invoice-title[b-rp75rajqqd] {
        background-color: white;
        font-weight: 100;
        font-size: small;
        color: black
    }
    .table-invoices tr.invoice-title-open[b-rp75rajqqd] {
        background-color: #F3F8FA;
        font-weight: 600;
        font-size: small;
        color: #206fb7;
    }
    .table-invoices tr.invoice-title-open-details[b-rp75rajqqd] {
        background-color: lightskyblue;
    }

    .table-invoices tr.invoice-title-open td[b-rp75rajqqd] {
        border-top: 0.01em solid rgb(106, 170, 233);
    }

    .table-invoices tr.transaction-title-adviced[b-rp75rajqqd] {
        background-color: lightyellow;
        border-top: 0.01em solid rgb(106, 170, 233);
        color:#a2a2a2
    }
    .table-invoices tr.transaction-title-adviced-open-details[b-rp75rajqqd] {
        background-color: #ffed00;
    }

        .table-invoices tr.transaction-title-adviced td[b-rp75rajqqd] {
            border-top: 0.01em solid #b3b3b3;
        }

    .table-invoices tr.invoice-title td[b-rp75rajqqd] {
        border-top: none;
        border-bottom: 0.01em solid rgb(106, 170, 233);
    }

    .table-invoices tr.invoice-details[b-rp75rajqqd] {
        background-color: white;
        font-size: x-small;
        font-weight: 100;
        color: black
    }
    .table-invoices tr.invoice-details-pdf-open[b-rp75rajqqd] {
        background-color: #d9f0ff;
        font-weight: 600;
        font-size: small;
        color: black
    }

/* _content/JoJoOffice/Pages/Channels.razor.rz.scp.css */

.tableMain .channel-button-container[b-mr2gzu8qvp] {
    text-align: center;
}

.tableMain .channel-button[b-mr2gzu8qvp] {
    border: 1px solid transparent;
    border-radius: .25rem;
    height: 22px;
    width: 22px;
    background-color: transparent;
    align-items: center; /* vertically center inside the button */
    text-align: center;
}

    .tableMain .channel-button:hover[b-mr2gzu8qvp] {
        background-color: #2e6997;
    }

    .tableMain .channel-button:focus[b-mr2gzu8qvp] {
        border: none;
        outline: none;
        box-shadow: 0 0 0 .1rem rgba(0,123,255,.25);
        background-color: rgb(209, 228, 243);
    }

    .tableMain .channel-button img[b-mr2gzu8qvp] {
        position: relative;
        left: -3px;
    }

    .tableMain .channel-button:focus img[b-mr2gzu8qvp] {
        position: relative;
        left: -2px;
    }

.dropdown-item[b-mr2gzu8qvp] {
    margin: 0px 10px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    display: inline;
    width: auto;
}

.category-button-container[b-mr2gzu8qvp] {
    display: flex;
    float: left;
}


.tableMain[b-mr2gzu8qvp] {
    overflow-y: auto;
}

    .tableMain table[b-mr2gzu8qvp] {
        border-collapse: collapse;
        width: 100%;
    }

    .tableMain thead[b-mr2gzu8qvp] {
        background-color: #C6DDF6;
        position: sticky;
        z-index: 1;
        top: 0;
        height: 40px;
        border: 0.01em solid rgb(106, 170, 233);
    }

    .tableMain tbody tr[b-mr2gzu8qvp] {
        background-color: white;
        border-left: 0.01em solid #92B8E5;
        border-right: 0.01em solid #92B8E5;
    }

        .tableMain tbody tr.open-details[b-mr2gzu8qvp] {
            background-color: #f2f7fa !important;
        }
        .tableMain tbody tr.closed-details[b-mr2gzu8qvp] {
            background-color: #f2f7fa !important;
        }

        .tableMain tbody tr.details-row td[b-mr2gzu8qvp] {
            padding-top: 5px !important;
            padding-bottom: 5px !important;
            background-color: #F5F5F5;
            border: 0.01em solid darkgray;
            text-align: center !important;
        }

        .tableMain tbody tr.details-row td.details-no-border[b-mr2gzu8qvp] {
            border: none !important;
        }

    .tableMain th[b-mr2gzu8qvp], td[b-mr2gzu8qvp] {
        padding: 8px 10px;
        border: 1px solid #cccccc;
        font-size: small;
        z-index: 1;
    }

    .tableMain th[b-mr2gzu8qvp] {
        border: 0.01em solid rgb(106, 170, 233);
        color: rgb(29, 125, 222);
    }

img.zoom[b-mr2gzu8qvp] {
    transition: transform 0.05s;
    transform-origin: 0%;
    background-color: white;
    cursor: pointer;
}

    img.zoom:hover[b-mr2gzu8qvp] {
        transform: scale(10.0, 10.0);
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        transition-delay: 0.4s;
    }


.btn-primary[b-mr2gzu8qvp] {
    color: rgb(25, 54, 83);
    background-color: #E6EFF9;
    border-color: #1861ac;
}

.btn:hover[b-mr2gzu8qvp] {
    background-color: #78b9e7;
}


.color-dot[b-mr2gzu8qvp] {
    height: 12px;
    width: 12px;
    background-color: white;
    border: 0.01em solid gray;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    margin-top: 1px;
}

.inplace-edit[b-mr2gzu8qvp] {
    cursor: pointer;
    margin: 0px;
    padding: 0px 2px;
}

    .inplace-edit:hover[b-mr2gzu8qvp] {
        border: 0.01em solid cornflowerblue;
        border-radius: .25em;
        background-color: #f5f5f5;
    }
/* _content/JoJoOffice/Pages/Customers.razor.rz.scp.css */


.table-customers[b-puijs63s1w] {
    overflow-y: auto;
}

    .table-customers table[b-puijs63s1w] {
        border-collapse: collapse;
        width: 100%;
        background-color: white;
    }


.table-customers thead tr[b-puijs63s1w] {
    position: sticky;
    height: 35px;
    z-index: 1;
    top: 0;
}

.table-customers thead th[b-puijs63s1w] {
    background-color: #C6DDF6;
    color: rgb(30, 92, 152);
    font-size: small;
    font-weight: 600;
}

tr.table-title[b-puijs63s1w] {
    border-top: none;
    border-bottom: none;
}

.table-title td[b-puijs63s1w] {
    background-color: #F3F8FA;
    font-weight: 600;
    color: rgb(30, 92, 152);
}

.table-customers tr.details-open[b-puijs63s1w] {
    background-color: #F3F8FA;
    border-top: none;
    border-bottom: none;
}

.table-customers tr.details-open-header[b-puijs63s1w] {
    border-left: 0.01em solid rgb(106, 170, 233);
    border-right: 0.01em solid rgb(106, 170, 233);
    border-top: 0.01em solid rgb(106, 170, 233);
    border-bottom: none;
    font-weight: 600;
    color: rgb(30, 92, 152);
    background-color: #F3F8FA;
}

.table-customers .table-title tr th[b-puijs63s1w] {
}

body tr[b-puijs63s1w] {
    background-color: white;
    border: 0.01em solid rgb(106, 170, 233);
    height: 30px;
    font-weight: 100;
}

.table-customers th[b-puijs63s1w], td[b-puijs63s1w] {
    text-align: left;
    padding: 2px 8px;
    font-size: small;
}
/* _content/JoJoOffice/Pages/Deliveries.razor.rz.scp.css */

.nav-pills .pill-custom .nav-link[b-txgz6nrtam] {
    background-color: #ffc107;
    border: 1px solid rgb(229, 0, 0);
    color: black;
}

    .nav-pills .pill-custom .nav-link:not(.active)[b-txgz6nrtam] {
        background-color: transparent;
        border: 1px solid #ffc107;
        color: black;
    }

    .nav-pills .pill-custom .nav-link:hover[b-txgz6nrtam] {
        background-color: #78b9e7;
    }


.tableMain[b-txgz6nrtam] {
    overflow-y: auto;
}

    .tableMain table[b-txgz6nrtam] {
        border-collapse: collapse;
        width: 100%;
        background-color: white;
    }

    .tableMain thead[b-txgz6nrtam] {
        position: sticky;
        background-color: #C6DDF6;
        top: 0;
        border: 0.01em solid rgb(106, 170, 233);
    }

    .tableMain th[b-txgz6nrtam] {
        padding: 8px 16px;
        border: 0.01em solid #cccccc;
        font-size: small;
    }

    .tableMain td[b-txgz6nrtam] {
        padding: 8px 16px;
        border: 0.01em solid #cccccc;
        font-size: small;
    }

    .tableMain th[b-txgz6nrtam] {
        border: 0.01em solid rgb(106, 170, 233);
        color: rgb(29, 125, 222);
    }



table.tableInside[b-txgz6nrtam] {
    border-collapse: collapse;
    width: 100%;
    font-size: small;
    font-weight: 300;
    background-color: transparent;
}

tHead.tableInside[b-txgz6nrtam] {
    position: static;
    background-color: transparent;
}

th.tableInside[b-txgz6nrtam] {
    background-color: transparent;
    font-size: small;
}

td.tableInside[b-txgz6nrtam] {
    border: none; /* 0.01em solid rgb(25, 54, 83);*/
    text-align: center;
}


.color-dot[b-txgz6nrtam] {
    height: 12px;
    width: 12px;
    background-color: white;
    border: 0.01em solid lightgray;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    margin-top: 1px;
}
/* _content/JoJoOffice/Pages/DeliveryPreview.razor.rz.scp.css */


.table-journals[b-jz4mei9aqy] {
    overflow-y: auto;
    position: relative;
}

    .table-journals table[b-jz4mei9aqy] {
        width: 100%;
        background-color: white;
        border-collapse: separate;
        border-spacing: 0px;
        border-left: 0.01em solid rgb(106, 170, 233);
        border-right: 0.01em solid rgb(106, 170, 233);
    }

    .table-journals thead[b-jz4mei9aqy] {
        position: sticky;
        top: 0;
        background-color: darkblue;
        z-index: 1;
    }

    .table-journals tr[b-jz4mei9aqy] {
        height: 35px;
    }

    .table-journals td[b-jz4mei9aqy] {
        border-bottom: 0.01em solid rgb(106, 170, 233);
    }

    .table-journals th[b-jz4mei9aqy] {
        background-color: rgb(106, 170, 233);
        color: #000;
        font-size: small;
        font-weight: 600;
        border-bottom: 0.01em solid rgb(106, 170, 233);
    }

tr.table-title[b-jz4mei9aqy] {
    border-top: none;
    border-bottom: none;
}

.table-title td[b-jz4mei9aqy] {
    background-color: #F3F8FA;
    font-weight: 600;
    color: rgb(30, 92, 152);
}

.table-journals tr.details-open[b-jz4mei9aqy] {
    background-color: #F3F8FA;
    border-top: none;
    border-bottom: none;
}

.table-journals tr.details-open-header[b-jz4mei9aqy] {
    border-left: 0.01em solid rgb(106, 170, 233);
    border-right: 0.01em solid rgb(106, 170, 233);
    border-top: 0.01em solid rgb(106, 170, 233);
    border-bottom: none;
    font-weight: 600;
    color: rgb(30, 92, 152);
    background-color: #F3F8FA;
}

.table-journals tbody tr[content="month-group"][b-jz4mei9aqy] {
    background-color: #EAEAEA;
    border: 0.01em solid #cccccc;
    padding: 5px 16px;
    font-size: small;
    font-weight: 600;
}


.tablejournals .table-title tr th[b-jz4mei9aqy] {
}

body tr[b-jz4mei9aqy] {
    background-color: white;
    border: 0.01em solid rgb(106, 170, 233);
    height: 30px;
    font-weight: 100;
}

.table-journals th[b-jz4mei9aqy], td[b-jz4mei9aqy] {
    text-align: left;
    padding: 2px 8px;
    font-size: small;
}
/* _content/JoJoOffice/Pages/Index.razor.rz.scp.css */

.noselect[b-59or8s56nk] {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}


.tableInside[b-59or8s56nk] {
}

    .tableInside table[b-59or8s56nk] {
        border-collapse: collapse;
        width: 100%;
        font-size: small;
        font-weight: 100;
        background-color: transparent;
    }

    .tableInside thead[b-59or8s56nk] {
        position: static;
        background-color: transparent;
        padding: 0px;
        margin: 0px;
    }

        .tableInside thead tr[b-59or8s56nk] {
            text-align: left;
            font-size: smaller;
            font-weight: 100;
            color: rgb(106, 170, 233);
            border: none;
            padding: 0px;
            margin: 0px;
        }

        .tableInside thead th[b-59or8s56nk] {
            border: 0.01em solid rgb(106, 170, 233);
            margin: 0px;
            font-weight: 100;
            padding-top: 0px;
            padding-bottom: 0px;
            padding-right: 8px;
            padding-left: 8px;
            text-align: left;
        }

        .tableInside tHead td[b-59or8s56nk] {
            font-weight: 100;
            border: none;
            border-right: 0.01em solid darkgray;
            margin: 0px;
            padding-top: 0px;
            padding-bottom: 0px;
            padding-right: 8px;
            padding-left: 8px;
            text-align: left;
        }

    .tableInside tbody tr[b-59or8s56nk] {
        border: 0.01em solid rgb(106, 170, 233);
        cursor: pointer;
        text-align: left;
        font-size: smaller;
        font-weight: initial;
        color: rgb(139, 87, 30);
        border: none;
        padding: 0px;
        margin: 0px;
    }

    .tableInside tbody td[b-59or8s56nk] {
        border: 0.01em solid rgb(106, 170, 233);
    }


.btn-primary[b-59or8s56nk] {
    color: rgb(25, 54, 83);
    background-color: #E6EFF9;
    border-color: #1861ac;
}

.btn:hover[b-59or8s56nk] {
    background-color: #78b9e7;
}

.form-control[b-59or8s56nk]::-webkit-input-placeholder {
    color: lightgray;
}

.color-dot[b-59or8s56nk] {
    height: 12px;
    width: 12px;
    background-color: white;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    margin-top: 1px;
}

.my-form-control[b-59or8s56nk] {
    margin: 10px 10px;
    display: inline;
    width: auto;
}

.my-dropdown-item[b-59or8s56nk] {
    margin: 0px 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 2px;
    padding-bottom: 2px;
    display: inline;
    width: auto;
}
body[b-59or8s56nk] {
}
/* _content/JoJoOffice/Pages/InventoryFlow.razor.rz.scp.css */

.noselect[b-y5p9x21678] {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}


/* tricky thead border handling! */
/* border-collapse: separate introduces that weirdness with scrolling (especially in WebKit-based browsers) where collapsed borders flicker or bleed. 
/* Since you need border-collapse: separate, and thead won’t show a visible border on its own, you’re totally right: you’ll need to simulate the outer frame by applying borders to the right th elements only.*/

.tableMain[b-y5p9x21678] {
    overflow-y: auto;
    position: relative;
}

    .tableMain table[b-y5p9x21678] {
        border-collapse: separate;
        border-spacing: 0px;
        width: 100%;
        background-color: white;
        border-left: 0.01em solid darkgray;
        border-right: 0.01em solid darkgray;
    }

    .tableMain thead[b-y5p9x21678] {
        position: sticky;
        top: 0;
        z-index: 1;
        background-color: lightslategray;
        height: 40px;
        font-size: medium;
        color: ghostwhite;
        border: 0.01em solid lightgray;
    }

    .tableMain thead tr[b-y5p9x21678] {
        text-align: left;
        padding-left: 5px;
    }

    .tableMain thead th[b-y5p9x21678] {
        border:none;
        text-align: left;
        padding: 2px 12px;
        font-size: small;
    }

    .tableMain tbody tr.hover[b-y5p9x21678] {
        color: #212529;
        background-color: rgb(240, 238, 232);
    }

    .tableMain tbody tr[b-y5p9x21678] {
        background-color: whitesmoke;
        color: rgb(41, 125, 209);
    }

    .tableMain tbody td[b-y5p9x21678] {
        padding: 2px 8px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

/* _content/JoJoOffice/Pages/InventoryListDetails.razor.rz.scp.css */


.nav-pills .pill-custom .nav-link[b-b5d9m25e1b] {
    background-color: #ffc107;
    border: 1px solid rgb(229, 0, 0);
    color: black;
}

    .nav-pills .pill-custom .nav-link:not(.active)[b-b5d9m25e1b] {
        background-color: transparent;
        border: 1px solid #ffc107;
        color: black;
    }

    .nav-pills .pill-custom .nav-link:hover[b-b5d9m25e1b] {
        background-color: #78b9e7;
    }

.btn:hover[b-b5d9m25e1b] {
    background-color: #78b9e7;
}

.dropdown-item.disabled[b-b5d9m25e1b] {
    color: lightgray;
}

[b-b5d9m25e1b]::placeholder {
    color: gray;
    opacity: 0.3;
}


.tableMain[b-b5d9m25e1b] {
    overflow-y: auto;
}

    .tableMain table[b-b5d9m25e1b] {
        border-collapse: collapse;
        width: 100%;
        background-color: white;
    }

    .tableMain thead[b-b5d9m25e1b] {
        background-color: #C6DDF6;
        position: sticky;
        top: 0;
        border: 0.01em solid rgb(106, 170, 233);
    }

    .tableMain th[b-b5d9m25e1b], td[b-b5d9m25e1b] {
        padding: 8px 16px;
        border: 0.01em solid #cccccc;
        font-size: small;
    }

    .tableMain th[b-b5d9m25e1b] {
        border: 0.01em solid rgb(106, 170, 233);
        color: rgb(29, 125, 222);
    }

div[content="vendor"][b-b5d9m25e1b] {
    font-weight: 600;
    color: black;
}

.tableMain td[content="articlename"][b-b5d9m25e1b] {
    font-size: x-small;
    color: #2077C7;
    overflow: hidden;
}

.tableMain tbody td[content="color"][b-b5d9m25e1b] {
    font-size: x-small;
    overflow: hidden;
}



table.tableInside[b-b5d9m25e1b] {
    border-collapse: collapse;
    width: 100%;
    font-size: small;
    font-weight: 100;
    background-color: transparent;
}

tHead.tableInside[b-b5d9m25e1b] {
    position: static;
    background-color: transparent;
}

th.tableInside[b-b5d9m25e1b] {
    background-color: transparent;
    font-size: small;
}

td.tableInside[b-b5d9m25e1b] {
    border: none; /* 0.01em solid rgb(25, 54, 83);*/
    text-align: center;
}


.color-dot[b-b5d9m25e1b] {
    height: 12px;
    width: 12px;
    background-color: white;
    border: 0.01em solid lightgray;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    margin-top: 1px;
}


.scan-popup[b-b5d9m25e1b] {
    border: 2px solid green;
    position: absolute;
    top: 20%;
    left: 20%;
    width: 320px;
    height: 420px;
}


img.zoom[b-b5d9m25e1b] {
    transform: scale(10.0, 10.0);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-color: white;
    transition-duration: 2.0s;
}


.jojo-spinner-grow[b-b5d9m25e1b] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2.5rem;
    height: 2.5rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-grow 1.0s linear infinite;
    animation: spinner-grow .75s linear infinite
}

.jojo-spinner[b-b5d9m25e1b] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite
}
/* _content/JoJoOffice/Pages/InvoicesInboundPage.razor.rz.scp.css */


.table-invoices[b-jatyvd1yq9] {
    overflow-y: auto;
    position: relative;
}

    .table-invoices table[b-jatyvd1yq9] {
        width: 100%;
        background-color: white;
        border-collapse: separate;
        border-spacing: 0px;
        border-left: 0.01em solid rgb(106, 170, 233);
        border-right: 0.01em solid rgb(106, 170, 233);
    }

    .table-invoices thead[b-jatyvd1yq9] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .table-invoices tr[b-jatyvd1yq9] {
        background-color: rgb(106, 170, 233);
        color: white;
        height: 30px;
        font-size: small;
        font-weight: 600;
        padding-left: 10px;
        padding-right: 10px;
    }

    .table-invoices th[b-jatyvd1yq9], td[b-jatyvd1yq9] {
        padding-left: 10px;
        padding-right: 10px;
    }

    .table-invoices tr.year-title[b-jatyvd1yq9] {
        background-color: #c5def6;
        font-weight: 600;
        font-size: small;
        color: #206fb7
    }

        .table-invoices tr.year-title td[b-jatyvd1yq9] {
            border-top: none;
            border-bottom: 0.01em solid rgb(106, 170, 233);
        }

    .table-invoices tr.month-title[b-jatyvd1yq9] {
        cursor: pointer;
        background-color: antiquewhite;
        font-weight: 600;
        font-size: small;
        color: #206fb7
    }

        .table-invoices tr.month-title td[b-jatyvd1yq9] {
            border-top: none;
            border-bottom: 0.01em solid rgb(106, 170, 233);
        }

    .table-invoices tr.month-title-red[b-jatyvd1yq9] {
        cursor: pointer;
        background-color: lightpink;
        font-weight: 600;
        font-size: small;
        color: #206fb7
    }

    .table-invoices tr.invoice-title[b-jatyvd1yq9] {
        background-color: white;
        font-weight: 100;
        font-size: small;
        color: black
    }
    .table-invoices tr.invoice-title-open[b-jatyvd1yq9] {
        background-color: #F3F8FA;
        font-weight: 600;
        font-size: small;
        color: black
    }
    .table-invoices tr.invoice-title-pdf-open[b-jatyvd1yq9] {
        background-color: #d9f0ff;
        font-weight: 600;
        font-size: small;
        color: black
    }

    .table-invoices tr.invoice-title td[b-jatyvd1yq9] {
        border-top: none;
        border-bottom: 0.01em solid rgb(106, 170, 233);
    }

    .table-invoices tr.invoice-title-pdf-open td[b-jatyvd1yq9] {
        border-top: none;
        border-bottom: 0.01em solid rgb(106, 170, 233);
    }

    .table-invoices tr.invoice-details[b-jatyvd1yq9] {
        background-color: #F3F8FA;
        font-weight: 600;
        font-size: small;
        color: cornflowerblue
    }

/* _content/JoJoOffice/Pages/InvoicesOutboundPage.razor.rz.scp.css */


.table-invoices[b-1y9p1dlfbh] {
    overflow-y: auto;
    position: relative;
}

    .table-invoices table[b-1y9p1dlfbh] {
        width: 100%;
        background-color: white;
        border-collapse: separate;
        border-spacing: 0px;
        border-left: 0.01em solid rgb(106, 170, 233);
        border-right: 0.01em solid rgb(106, 170, 233);
    }

    .table-invoices thead[b-1y9p1dlfbh] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .table-invoices tr[b-1y9p1dlfbh] {
        border: 0.01em solid rgb(106, 170, 233);
        background-color: rgb(106, 170, 233);
        color: white;
        height: 30px;
        font-size: small;
        font-weight: 600;
        padding-left: 10px;
        padding-right: 10px;
    }

    .table-invoices th[b-1y9p1dlfbh], td[b-1y9p1dlfbh] {
        padding-left: 10px;
        padding-right: 10px;
    }

    .table-invoices tr.year-title[b-1y9p1dlfbh] {
        background-color: #c5def6;
        font-weight: 600;
        font-size: small;
        color: #206fb7
    }

        .table-invoices tr.year-title td[b-1y9p1dlfbh] {
            border-top: none;
            border-bottom: 0.01em solid rgb(106, 170, 233);
        }

    .table-invoices tr.month-title[b-1y9p1dlfbh] {
        cursor: pointer;
        background-color: #e0f0ff;
        font-weight: 600;
        font-size: small;
        color: #206fb7
    }

        .table-invoices tr.month-title td[b-1y9p1dlfbh] {
            border-top: none;
            border-bottom: 0.01em solid #d9f0ff;
        }

    .table-invoices tr.invoice-title[b-1y9p1dlfbh] {
        background-color: white;
        font-weight: 100;
        font-size: small;
        color: black
    }
    .table-invoices tr.invoice-title-open[b-1y9p1dlfbh] {
        background-color: #F3F8FA;
        font-weight: 600;
        font-size: small;
        color: black
    }
    .table-invoices tr.invoice-title-pdf-open[b-1y9p1dlfbh] {
        background-color: #d9f0ff;
        font-weight: 600;
        font-size: small;
        color: black
    }

    .table-invoices tr.invoice-title td[b-1y9p1dlfbh] {
        border-top: none;
        border-bottom: 0.01em solid #c3d8e5;
    }

    .table-invoices tr.invoice-title-pdf-open td[b-1y9p1dlfbh] {
        border-top: none;
        border-bottom: 0.01em solid #d9f0ff;
    } 

    .table-invoices tr.invoice-details[b-1y9p1dlfbh] {
        background-color: #F3F8FA;
        font-weight: 600;
        font-size: small;
        color: cornflowerblue
    }

    .table-invoices td[datatype="recipient"][b-1y9p1dlfbh] {
        color: black;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: 500;
    }

.table-invoices td[datatype="number"][b-1y9p1dlfbh] {
    color: #b97000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
}


.table-invoices tbody tr[datatype="invoice-header"]:hover[b-1y9p1dlfbh] {
    background-color: #fff0d9;
    cursor: pointer;
}

/* _content/JoJoOffice/Pages/OrderResponsesPage.razor.rz.scp.css */

.noselect[b-um291wwoye] {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.tableMain[b-um291wwoye] {
    overflow-y: auto;
}

    .tableMain table[b-um291wwoye] {
        border-collapse: collapse;
        width: 100%;
    }

    .tableMain thead[b-um291wwoye] {
        background-color: #C6DDF6;
        position: sticky;
        top: 0;
        height: 40px;
        font-size: medium;
        color: rgb(41, 125, 209);
    }

        .tableMain thead tr[b-um291wwoye] {
            border: 0.01em solid rgb(106, 170, 233);
            text-align: left;
            padding-left: 8px;
        }

    .tableMain th[b-um291wwoye] {
        border: 0.01em solid rgb(106, 170, 233);
    }

    .tableMain th[b-um291wwoye], td[b-um291wwoye] {
        text-align: left;
        padding: 2px 8px;
        font-size: small;
    }

    .tableMain tbody tr.articleNotice:hover[b-um291wwoye] {
        color: #212529;
        background-color: rgb(240, 238, 232);
    }

    .tableMain tbody tr.articleNotice-open:hover[b-um291wwoye] {
        color: #212529;
        background-color: rgb(209, 228, 243);
    }

    .tableMain tbody tr.articleNotice[b-um291wwoye] {
        border: 0.01em solid rgb(170, 155, 81);
        background-color: transparent;
        color: rgb(41, 125, 209);
    }

    .tableMain tbody tr.articleNotice-open[b-um291wwoye] {
        border: 0.01em solid rgb(170, 155, 81);
        border-bottom: none;
        background-color: rgb(236, 244, 250);
        color: rgb(41, 125, 209);
        font-weight: 600;
    }

    .tableMain tbody tr.article:hover[b-um291wwoye] {
        color: #212529;
        background-color: rgb(240, 238, 232);
    }

    .tableMain tbody tr.article[b-um291wwoye] {
        border-left: 0.01em solid rgb(170, 155, 81);
        border-right: 0.01em solid rgb(170, 155, 81);
        background-color: white;
    }

    .tableMain tbody span.date[b-um291wwoye] {
        display: inline-block;
        width: 150px;
        margin-right: 20px;
        color: black;
    }

    .tableMain tbody span.vendor[b-um291wwoye] {
        display: inline-block;
        width: 80px;
        margin-right: 20px;
        color: rgb(41, 125, 209);
    }

    .tableMain tbody span.numarticles[b-um291wwoye] {
        display: inline-block;
        width: 30px;
        margin-right: 20px;
        color: black;
    }

    .tableMain tbody td[content="date"][b-um291wwoye] {
        font-size: x-small;
        margin-top: 10px;
    }

    .tableMain tbody div[content="type"][b-um291wwoye] {
        font-size: x-small;
        color: black;
        margin-top: 5px;
    }

    .tableMain tbody div[content="fileid"][b-um291wwoye] {
        font-size: x-small;
        color: black;
        margin-bottom: 0px;
    }

    .tableMain tbody td[content="color"][b-um291wwoye] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .tableMain td[content="price"][b-um291wwoye] {
        text-align: right;
    }

    .tableMain td[content="total-price"][b-um291wwoye] {
        text-align: right;
        font-weight: 600;
        color: rgb(41, 125, 209);
    }

    .tableMain td[content="articlename"][b-um291wwoye] {
        font-weight: 400;
        color: #2077C7;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .tableMain .searchmatch[b-um291wwoye] {
        padding: 3px 5px;
        background-color: navajowhite;
        margin-left: -5px;
    }


.btn-primary[b-um291wwoye] {
    color: rgb(25, 54, 83);
    background-color: #E6EFF9;
    border-color: #1861ac;
}

.btn:hover[b-um291wwoye] {
    background-color: #78b9e7;
}

.form-control[b-um291wwoye]::-webkit-input-placeholder {
    color: lightgray;
}

.color-dot[b-um291wwoye] {
    height: 12px;
    width: 12px;
    background-color: white;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    margin-top: 1px;
}

.my-form-control[b-um291wwoye] {
    margin: 10px 10px;
    display: inline;
    width: auto;
}

.my-dropdown-item[b-um291wwoye] {
    margin: 0px 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 2px;
    padding-bottom: 2px;
    display: inline;
    width: auto;
}
/* _content/JoJoOffice/Pages/PosJournals.razor.rz.scp.css */


.table-journals[b-4pi8gz4cra] {
    overflow-y: auto;
    position: relative;
}

    .table-journals table[b-4pi8gz4cra] {
        width: 100%;
        background-color: white;
        border-collapse: separate;
        border-spacing: 0px;
        border-left: 0.01em solid rgb(106, 170, 233);
        border-right: 0.01em solid rgb(106, 170, 233);
    }

    .table-journals thead[b-4pi8gz4cra] {
        position: sticky;
        top: 0;
        background-color: darkblue;
        z-index: 1;
    }

    .table-journals tr[b-4pi8gz4cra] {
        height: 35px;
    }

    .table-journals td[b-4pi8gz4cra] {
        border-bottom: 0.01em solid rgb(106, 170, 233);
    }

    .table-journals th[b-4pi8gz4cra] {
        background-color: rgb(106, 170, 233);
        color: #000;
        font-size: small;
        font-weight: 600;
        border-bottom: 0.01em solid rgb(106, 170, 233);
    }

tr.table-title[b-4pi8gz4cra] {
    border-top: none;
    border-bottom: none;
}

.table-title td[b-4pi8gz4cra] {
    background-color: #F3F8FA;
    font-weight: 600;
    color: rgb(30, 92, 152);
}

.table-journals tr.details-open[b-4pi8gz4cra] {
    background-color: #F3F8FA;
    border-top: none;
    border-bottom: none;
}

.table-journals tr.details-open-header[b-4pi8gz4cra] {
    border-left: 0.01em solid rgb(106, 170, 233);
    border-right: 0.01em solid rgb(106, 170, 233);
    border-top: 0.01em solid rgb(106, 170, 233);
    border-bottom: none;
    font-weight: 600;
    color: rgb(30, 92, 152);
    background-color: #F3F8FA;
}

.table-journals tbody tr[content="month-group"][b-4pi8gz4cra] {
    background-color: #EAEAEA;
    border: 0.01em solid #cccccc;
    padding: 5px 16px;
    font-size: small;
    font-weight: 600;
}


.tablejournals .table-title tr th[b-4pi8gz4cra] {
}

body tr[b-4pi8gz4cra] {
    background-color: white;
    border: 0.01em solid rgb(106, 170, 233);
    height: 30px;
    font-weight: 100;
}

.table-journals th[b-4pi8gz4cra], td[b-4pi8gz4cra] {
    text-align: left;
    padding: 2px 8px;
    font-size: small;
}
/* _content/JoJoOffice/Pages/ProductCatalogPage.razor.rz.scp.css */

.tableMain[b-qhk7j108mx] {
    overflow-y: auto;
}

    .tableMain table[b-qhk7j108mx] {
        border-collapse: collapse;
        width: 100%;
    }

    .tableMain thead tr[b-qhk7j108mx] {
        background-color: #C6DDF6;
        position: sticky;
        top: 0;
        z-index: 1;
        height: 40px;
        font-size: medium;
        border: 0.01em solid rgb(106, 170, 233);
    }

    .tableMain th[b-qhk7j108mx], td[b-qhk7j108mx] {
        text-align: left;
        padding: 8px 16px;
        border: 0.01em solid #cccccc;
        font-size: small;
    }

    .tableMain th[b-qhk7j108mx] {
        border: 0.01em solid rgb(106, 170, 233);
        color: rgb(29, 125, 222);
    }


.tableInside[b-qhk7j108mx] {
}

    .tableInside table[b-qhk7j108mx] {
        border-collapse: collapse;
        width: 100%;
        font-size: small;
        font-weight: 100;
        background-color: transparent;
    }

    .tableInside thead[b-qhk7j108mx] {
        position: static;
        background-color: transparent;
        padding: 0px;
        margin: 0px;
    }

        .tableInside thead tr[b-qhk7j108mx] {
            text-align: left;
            font-size: smaller;
            font-weight: initial;
            color: rgb(139, 87, 30);
            border: none;
            padding:0px;
            margin:0px;
        }

        .tableInside thead th[b-qhk7j108mx] {
            border: 0.01em solid rgb(106, 170, 233);
            margin: 0px;
            padding-top: 0px;
            padding-bottom: 0px;
            padding-right: 8px;
            padding-left: 8px;
            text-align: left;
        }

        .tableInside tHead td[b-qhk7j108mx] {
            border:none;
            border-right: 0.01em solid darkgray;
            margin: 0px;
            padding-top: 0px;
            padding-bottom: 0px;
            padding-right: 8px;
            padding-left: 8px;
        }

    .tableInside tbody tr[b-qhk7j108mx] {
        cursor: pointer;
        text-align: left;
        font-size: smaller;
        font-weight: initial;
        color: rgb(139, 87, 30);
        border: none;
        padding: 0px;
        margin: 0px;
    }

    .tableInside tbody th[b-qhk7j108mx] {
        cursor: pointer;
        text-align: left;
        font-size: smaller;
        font-weight: initial;
        color: rgb(139, 87, 30);
        border: none;
        padding: 0px;
        margin: 0px;
    }



img.zoom[b-qhk7j108mx] {
    transition: transform 0.05s;
    transform-origin: 0%;
    background-color: white;
    cursor: pointer;
}

    img.zoom:hover[b-qhk7j108mx] {
        transform: scale(10.0, 10.0);
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        transition-delay: 0.4s;
    }


.btn-primary[b-qhk7j108mx] {
    color: rgb(25, 54, 83);
    background-color: #E6EFF9;
    border-color: #1861ac;
}

.btn:hover[b-qhk7j108mx] {
    background-color: #78b9e7;
}

highlightBox[b-qhk7j108mx] {
    transition: box-shadow .2s;
    margin: 50px;
    border-radius: 5px;
    border: 0px solid #ccc;
    background: #fff;
}

    highlightBox:hover[b-qhk7j108mx] {
        box-shadow: 0 0 11px rgba(33,33,33,.2);
        cursor: pointer;
    }

.form-control[b-qhk7j108mx]::-webkit-input-placeholder {
    color: lightgray;
}

.color-dot[b-qhk7j108mx] {
    height: 12px;
    width: 12px;
    background-color: white;
    border: 0.01em solid gray;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    margin-top: 1px;
}

.my-form-control[b-qhk7j108mx] {
    margin: 10px 10px;
    display: inline;
    width: auto;
}

.cover-container[b-qhk7j108mx] {
    height: 180px;
    width: 1000px;
    overflow-x: scroll;
}

.cover-item[b-qhk7j108mx] {
    /*position: relative;*/
    float: left;
    margin: 8px 8px;
    width: 116px;
    height: 158px;
    vertical-align: bottom;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
}


.my-dropdown-item[b-qhk7j108mx] {
    margin: 0px 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 2px;
    padding-bottom: 2px;
    display: inline;
    width: auto;
}

.category-button-container[b-qhk7j108mx] {
    display: flex;
    float: left;
}

.category-button[b-qhk7j108mx] {
    border: 1px solid transparent;
    border-radius: .25rem;
    height: 20px;
    width: 20px;
    margin-right: auto;
}

    .category-button:hover[b-qhk7j108mx] {
        background-color: rgb(209, 228, 243);
    }

    .category-button:focus[b-qhk7j108mx] {
        border: none;
        outline: none;
        box-shadow: 0 0 0 .1rem rgba(0,123,255,.25);
        background-color: rgb(209, 228, 243);
    }

    .category-button img[b-qhk7j108mx] {
        position: relative;
        left: -3px;
        top: -2px;
    }

    .category-button:focus img[b-qhk7j108mx] {
        position: relative;
        left: -2px;
        top: -1px;
    }

.category-button-container span[b-qhk7j108mx] {
    position: absolute;
    left: 20px;
    margin-left: 5px;
    margin-top: 1px;
}

.inplace-edit[b-qhk7j108mx] {
    cursor: pointer;
    margin: 0px;
    padding: 0px 2px;
}

.inplace-edit:hover[b-qhk7j108mx] {
    border: 0.01em solid cornflowerblue;
    border-radius: .25em;
    background-color: #f5f5f5;
}
/* _content/JoJoOffice/Pages/ServerPage.razor.rz.scp.css */

.nav-pills .pill-custom-off .nav-link[b-7b9c83fwdg] {
    background-color: rgb(229, 0, 0);
    border: 1px solid #ffc107;
    color: white;
}
.nav-pills .pill-custom-off .nav-link:not(.active)[b-7b9c83fwdg] {
    background-color: transparent;
    border: 1px solid darkgray;
    color: black;
}

.nav-pills .pill-custom-on .nav-link[b-7b9c83fwdg] {
    background-color: limegreen;
    border: 1px solid rgb(229, 0, 0);
    color: white;
}
.nav-pills .pill-custom-on .nav-link:not(.active)[b-7b9c83fwdg] {
    background-color: transparent;
    border: 1px solid darkgray;
    color: black;
}
    .nav-pills .pill-custom-on .nav-link:not(.active):hover[b-7b9c83fwdg] {
        background-color: lightgreen;
    }

    .nav-pills .pill-custom-on .nav-link:hover[b-7b9c83fwdg] {
        background-color: limegreen;
    }
.nav-pills .pill-custom-off .nav-link:not(.active):hover[b-7b9c83fwdg] {
    background-color: lightcoral;
}

.nav-pills .pill-custom-off .nav-link:hover[b-7b9c83fwdg] {
    background-color: rgb(229, 0, 0);
}


.table-eventlogs[b-7b9c83fwdg] {
    overflow-y: auto;
    position: relative;
}

    .table-eventlogs table[b-7b9c83fwdg] {
        width: 100%;
        background-color: white;
        border-collapse: separate;
        border-spacing: 0px;
        border-left: 0.01em solid rgb(106, 170, 233);
        border-right: 0.01em solid rgb(106, 170, 233);
    }

    .table-eventlogs thead[b-7b9c83fwdg] {
        position: sticky;
        top: 0;
        background-color: darkblue;
        z-index: 1;
    }

    .table-eventlogs tr[b-7b9c83fwdg] {
        height: 35px;
    }

    .table-eventlogs td[b-7b9c83fwdg] {
        border-bottom: 0.01em solid rgb(106, 170, 233);
    }

    .table-eventlogs th[b-7b9c83fwdg] {
        background-color: rgb(106, 170, 233);
        color: #000;
        font-size: small;
        font-weight: 600;
        border-bottom: 0.01em solid rgb(106, 170, 233);
    }


body tr[b-7b9c83fwdg] {
    background-color: white;
    border: 0.01em solid rgb(106, 170, 233);
    height: 30px;
    font-weight: 100;
}

.table-eventlogs th[b-7b9c83fwdg], td[b-7b9c83fwdg] {
    text-align: left;
    padding: 2px 8px;
    font-size: small;
}
/* _content/JoJoOffice/Pages/SettingsPage.razor.rz.scp.css */



.table-devops-report[b-8oxcxpccoz] {
    overflow-y: auto;
    position: relative;
}

.table-devops-report table[b-8oxcxpccoz] {
    width: 100%;
    background-color: white;
    border-collapse: separate;
    border-spacing: 0px;
    border-left: 0.01em solid rgb(106, 170, 233);
    border-right: 0.01em solid rgb(106, 170, 233);
}

    .table-devops-report thead[b-8oxcxpccoz] {
        position: sticky;
        top: 0;
        background-color: darkblue;
        z-index: 1;
    }

    .table-devops-report tr[b-8oxcxpccoz] {
        height: 35px;
    }

.table-devops-report td[b-8oxcxpccoz] {
    border-bottom: 0.01em solid rgb(106, 170, 233);
    vertical-align: top;
}

.table-devops-report th[b-8oxcxpccoz] {
    background-color: rgb(106, 170, 233);
    color: #000;
    font-size: small;
    font-weight: 600;
    border-bottom: 0.01em solid rgb(106, 170, 233);
}


body tr[b-8oxcxpccoz] {
    background-color: white;
    border: 0.01em solid rgb(106, 170, 233);
    height: 30px;
    font-weight: 100;
}

.table-devops-report th[b-8oxcxpccoz], td[b-8oxcxpccoz] {
    text-align: left;
    padding: 2px 8px;
    font-size: small;
}

/* _content/JoJoOffice/Pages/ShippingNoticesPage.razor.rz.scp.css */

.noselect[b-s49j56m19c] {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.tableMain[b-s49j56m19c] {
    overflow-y: auto;
}

    .tableMain table[b-s49j56m19c] {
        border-collapse: collapse;
        width: 100%;
    }

    .tableMain thead[b-s49j56m19c] {
        background-color: #C6DDF6;
        position: sticky;
        top: 0;
        height: 40px;
        font-size: medium;
        color: rgb(41, 125, 209);
    }

        .tableMain thead tr[b-s49j56m19c] {
            border: 0.01em solid rgb(106, 170, 233);
            text-align: left;
            padding-left: 8px;
        }

    .tableMain th[b-s49j56m19c] {
        border: 0.01em solid rgb(106, 170, 233);
    }

    .tableMain th[b-s49j56m19c], td[b-s49j56m19c] {
        text-align: left;
        padding: 2px 8px;
        font-size: small;
    }

    .tableMain tbody tr.articleNotice:hover[b-s49j56m19c] {
        color: #212529;
        background-color: rgb(240, 238, 232);
    }

    .tableMain tbody tr.articleNotice-open:hover[b-s49j56m19c] {
        color: #212529;
        background-color: rgb(209, 228, 243);
    }

    .tableMain tbody tr.articleNotice[b-s49j56m19c] {
        border: 0.01em solid rgb(170, 155, 81);
        background-color: transparent;
        color: rgb(41, 125, 209);
    }

    .tableMain tbody tr.articleNotice-open[b-s49j56m19c] {
        border: 0.01em solid rgb(170, 155, 81);
        border-bottom: none;
        background-color: rgb(236, 244, 250);
        color: rgb(41, 125, 209);
        font-weight: 600;
    }

    .tableMain tbody tr.article:hover[b-s49j56m19c] {
        color: #212529;
        background-color: rgb(240, 238, 232);
    }

    .tableMain tbody tr.article[b-s49j56m19c] {
        border-left: 0.01em solid rgb(170, 155, 81);
        border-right: 0.01em solid rgb(170, 155, 81);
        background-color: white;
    }

    .tableMain tbody td[content="date"][b-s49j56m19c] {
        font-size: x-small;
        color: black;
    }

    .tableMain tbody span.date[b-s49j56m19c] {
        display: inline-block;
        width: 150px;
        margin-right: 20px;
        color: black;
    }

    .tableMain tbody span.vendor[b-s49j56m19c] {
        display: inline-block;
        width: 80px;
        margin-right: 20px;
        color: rgb(41, 125, 209);
    }

    .tableMain tbody span.numarticles[b-s49j56m19c] {
        display: inline-block;
        width: 30px;
        margin-right: 20px;
        color: black;
    }

    .tableMain tbody div[content="type"][b-s49j56m19c] {
        font-size: x-small;
        color: black;
        margin-top: 5px;
    }

    .tableMain tbody td[content="fileid"][b-s49j56m19c] {
        font-size: x-small;
        color: black;
    }

    .tableMain tbody td[content="color"][b-s49j56m19c] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .tableMain td[content="price"][b-s49j56m19c] {
        text-align: right;
    }

    .tableMain td[content="articlename"][b-s49j56m19c] {
        font-weight: 400;
        font-size: x-small;
        color: #2077C7;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .tableMain .searchmatch[b-s49j56m19c] {
        padding: 3px 5px;
        background-color: navajowhite;
        margin-left: -5px;
    }


.btn-primary[b-s49j56m19c] {
    color: rgb(25, 54, 83);
    background-color: #E6EFF9;
    border-color: #1861ac;
}

.btn:hover[b-s49j56m19c] {
    background-color: #78b9e7;
}

.form-control[b-s49j56m19c]::-webkit-input-placeholder {
    color: lightgray;
}

.color-dot[b-s49j56m19c] {
    height: 12px;
    width: 12px;
    background-color: white;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    margin-top: 1px;
}

.my-form-control[b-s49j56m19c] {
    margin: 10px 10px;
    display: inline;
    width: auto;
}

.my-dropdown-item[b-s49j56m19c] {
    margin: 0px 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 2px;
    padding-bottom: 2px;
    display: inline;
    width: auto;
}
/* _content/JoJoOffice/Pages/Statistic.razor.rz.scp.css */


.table-journals[b-4khevqunkp] {
    overflow-y: auto;
    position: relative;
}

    .table-journals table[b-4khevqunkp] {
        width: 100%;
        background-color: white;
        border-collapse: separate;
        border-spacing: 0px;
        border-left: 0.01em solid rgb(106, 170, 233);
        border-right: 0.01em solid rgb(106, 170, 233);
    }

    .table-journals thead[b-4khevqunkp] {
        position: sticky;
        top: 0;
        background-color: darkblue;
        z-index: 1;
    }

    .table-journals tr[b-4khevqunkp] {
        height: 35px;
    }

    .table-journals td[b-4khevqunkp] {
        border-bottom: 0.01em solid rgb(106, 170, 233);
    }

    .table-journals th[b-4khevqunkp] {
        background-color: rgb(106, 170, 233);
        color: #000;
        font-size: small;
        font-weight: 600;
        border-bottom: 0.01em solid rgb(106, 170, 233);
    }

tr.table-title[b-4khevqunkp] {
    border-top: none;
    border-bottom: none;
}

.table-title td[b-4khevqunkp] {
    background-color: #F3F8FA;
    font-weight: 600;
    color: rgb(30, 92, 152);
}

.table-journals tr.details-open[b-4khevqunkp] {
    background-color: #F3F8FA;
    border-top: none;
    border-bottom: none;
}

.table-journals tr.details-open-header[b-4khevqunkp] {
    border-left: 0.01em solid rgb(106, 170, 233);
    border-right: 0.01em solid rgb(106, 170, 233);
    border-top: 0.01em solid rgb(106, 170, 233);
    border-bottom: none;
    font-weight: 600;
    color: rgb(30, 92, 152);
    background-color: #F3F8FA;
}

.table-journals tbody tr[content="month-group"][b-4khevqunkp] {
    background-color: #EAEAEA;
    border: 0.01em solid #cccccc;
    padding: 5px 16px;
    font-size: small;
    font-weight: 600;
}


.tablejournals .table-title tr th[b-4khevqunkp] {
}

body tr[b-4khevqunkp] {
    background-color: white;
    border: 0.01em solid rgb(106, 170, 233);
    height: 30px;
    font-weight: 100;
}

.table-journals th[b-4khevqunkp], td[b-4khevqunkp] {
    text-align: left;
    padding: 2px 8px;
    font-size: small;
}
/* _content/JoJoOffice/Pages/StatisticBestseller.razor.rz.scp.css */


.table-journals[b-e81qr3ypmi] {
    overflow-y: auto;
    position: relative;
}

    .table-journals table[b-e81qr3ypmi] {
        width: 100%;
        background-color: white;
        border-collapse: separate;
        border-spacing: 0px;
        border-left: 0.01em solid rgb(106, 170, 233);
        border-right: 0.01em solid rgb(106, 170, 233);
    }

    .table-journals thead[b-e81qr3ypmi] {
        position: sticky;
        top: 0;
        background-color: darkblue;
        z-index: 1;
    }

    .table-journals tr[b-e81qr3ypmi] {
        height: 35px;
    }

    .table-journals td[b-e81qr3ypmi] {
        border-bottom: 0.01em solid rgb(106, 170, 233);
    }

    .table-journals th[b-e81qr3ypmi] {
        background-color: rgb(106, 170, 233);
        color: #000;
        font-size: small;
        font-weight: 600;
        border-bottom: 0.01em solid rgb(106, 170, 233);
    }

tr.table-title[b-e81qr3ypmi] {
    border-top: none;
    border-bottom: none;
}

.table-title td[b-e81qr3ypmi] {
    background-color: #F3F8FA;
    font-weight: 600;
    color: rgb(30, 92, 152);
}

.table-journals tr.details-open[b-e81qr3ypmi] {
    background-color: #F3F8FA;
    border-top: none;
    border-bottom: none;
}

.table-journals tr.details-open-header[b-e81qr3ypmi] {
    border-left: 0.01em solid rgb(106, 170, 233);
    border-right: 0.01em solid rgb(106, 170, 233);
    border-top: 0.01em solid rgb(106, 170, 233);
    border-bottom: none;
    font-weight: 600;
    color: rgb(30, 92, 152);
    background-color: #F3F8FA;
}

.table-journals tbody tr[content="month-group"][b-e81qr3ypmi] {
    background-color: #EAEAEA;
    border: 0.01em solid #cccccc;
    padding: 5px 16px;
    font-size: small;
    font-weight: 600;
}


.tablejournals .table-title tr th[b-e81qr3ypmi] {
}

body tr[b-e81qr3ypmi] {
    background-color: white;
    border: 0.01em solid rgb(106, 170, 233);
    height: 30px;
    font-weight: 100;
}

.table-journals th[b-e81qr3ypmi], td[b-e81qr3ypmi] {
    text-align: left;
    padding: 2px 8px;
    font-size: small;
}
/* _content/JoJoOffice/Pages/StatisticEwers.razor.rz.scp.css */


.table-journals[b-ttb1oetnzv] {
    overflow-y: auto;
    position: relative;
}

    .table-journals table[b-ttb1oetnzv] {
        width: 100%;
        background-color: white;
        border-collapse: separate;
        border-spacing: 0px;
        border-left: 0.01em solid rgb(106, 170, 233);
        border-right: 0.01em solid rgb(106, 170, 233);
    }

    .table-journals thead[b-ttb1oetnzv] {
        position: sticky;
        top: 0;
        background-color: darkblue;
        z-index: 1;
    }

    .table-journals tr[b-ttb1oetnzv] {
        height: 35px;
    }

    .table-journals td[b-ttb1oetnzv] {
        border-bottom: 0.01em solid rgb(106, 170, 233);
    }

    .table-journals th[b-ttb1oetnzv] {
        background-color: rgb(106, 170, 233);
        color: #000;
        font-size: small;
        font-weight: 600;
        border-bottom: 0.01em solid rgb(106, 170, 233);
    }

tr.table-title[b-ttb1oetnzv] {
    border-top: none;
    border-bottom: none;
}

.table-title td[b-ttb1oetnzv] {
    background-color: #F3F8FA;
    font-weight: 600;
    color: rgb(30, 92, 152);
}

.table-journals tr.details-open[b-ttb1oetnzv] {
    background-color: #F3F8FA;
    border-top: none;
    border-bottom: none;
}

.table-journals tr.details-open-header[b-ttb1oetnzv] {
    border-left: 0.01em solid rgb(106, 170, 233);
    border-right: 0.01em solid rgb(106, 170, 233);
    border-top: 0.01em solid rgb(106, 170, 233);
    border-bottom: none;
    font-weight: 600;
    color: rgb(30, 92, 152);
    background-color: #F3F8FA;
}

.table-journals tbody tr[content="month-group"][b-ttb1oetnzv] {
    background-color: #EAEAEA;
    border: 0.01em solid #cccccc;
    padding: 5px 16px;
    font-size: small;
    font-weight: 600;
}


.tablejournals .table-title tr th[b-ttb1oetnzv] {
}

body tr[b-ttb1oetnzv] {
    background-color: white;
    border: 0.01em solid rgb(106, 170, 233);
    height: 30px;
    font-weight: 100;
}

.table-journals th[b-ttb1oetnzv], td[b-ttb1oetnzv] {
    text-align: left;
    padding: 2px 8px;
    font-size: small;
}
/* _content/JoJoOffice/Pages/StatisticGarcia.razor.rz.scp.css */


.table-journals[b-bz14m0lun7] {
    overflow-y: auto;
    position: relative;
}

    .table-journals table[b-bz14m0lun7] {
        width: 100%;
        background-color: white;
        border-collapse: separate;
        border-spacing: 0px;
        border-left: 0.01em solid rgb(106, 170, 233);
        border-right: 0.01em solid rgb(106, 170, 233);
    }

    .table-journals thead[b-bz14m0lun7] {
        position: sticky;
        top: 0;
        background-color: darkblue;
        z-index: 1;
    }

    .table-journals tr[b-bz14m0lun7] {
        height: 35px;
    }

    .table-journals td[b-bz14m0lun7] {
        border-bottom: 0.01em solid rgb(106, 170, 233);
    }

    .table-journals th[b-bz14m0lun7] {
        background-color: rgb(106, 170, 233);
        color: #000;
        font-size: small;
        font-weight: 600;
        border-bottom: 0.01em solid rgb(106, 170, 233);
    }

tr.table-title[b-bz14m0lun7] {
    border-top: none;
    border-bottom: none;
}

.table-title td[b-bz14m0lun7] {
    background-color: #F3F8FA;
    font-weight: 600;
    color: rgb(30, 92, 152);
}

.table-journals tr.details-open[b-bz14m0lun7] {
    background-color: #F3F8FA;
    border-top: none;
    border-bottom: none;
}

.table-journals tr.details-open-header[b-bz14m0lun7] {
    border-left: 0.01em solid rgb(106, 170, 233);
    border-right: 0.01em solid rgb(106, 170, 233);
    border-top: 0.01em solid rgb(106, 170, 233);
    border-bottom: none;
    font-weight: 600;
    color: rgb(30, 92, 152);
    background-color: #F3F8FA;
}

.table-journals tbody tr[content="month-group"][b-bz14m0lun7] {
    background-color: #EAEAEA;
    border: 0.01em solid #cccccc;
    padding: 5px 16px;
    font-size: small;
    font-weight: 600;
}


.tablejournals .table-title tr th[b-bz14m0lun7] {
}

body tr[b-bz14m0lun7] {
    background-color: white;
    border: 0.01em solid rgb(106, 170, 233);
    height: 30px;
    font-weight: 100;
}

.table-journals th[b-bz14m0lun7], td[b-bz14m0lun7] {
    text-align: left;
    padding: 2px 8px;
    font-size: small;
}
/* _content/JoJoOffice/Pages/StockInputs.razor.rz.scp.css */


.nav-pills .pill-custom .nav-link[b-5luj7vhab7] {
    background-color: #ffc107;
    border: 1px solid rgb(229, 0, 0);
    color: black;
}

.nav-pills .pill-custom .nav-link:not(.active)[b-5luj7vhab7] {
    background-color: transparent;
    border: 1px solid #ffc107;
    color: black;
}

.nav-pills .pill-custom .nav-link:hover[b-5luj7vhab7] {
    background-color: #78b9e7;
}

.btn:hover[b-5luj7vhab7] {
    background-color: #78b9e7;
}

.dropdown-item.disabled[b-5luj7vhab7] {
    color: lightgray;
}

[b-5luj7vhab7]::placeholder {
    color: gray;
    opacity: 0.3;
}


.tableMain[b-5luj7vhab7] {
    overflow-y: auto;
    height: calc(100vh - 200px);
    border: 1px solid lightgray;
}

    .tableMain table[b-5luj7vhab7] {
        border-collapse: collapse;
        width: 100%;
        background-color: white;
        margin-top: 5px;
        border: 0.01em solid #cccccc;
    }

    .tableMain thead[b-5luj7vhab7] {
        background-color: rgb(232, 242, 250);
        position: sticky;
        top: 0;
    }

        .tableMain thead tr[b-5luj7vhab7] {
            border: 0.01em solid rgb(106, 170, 233);
            text-align: left;
            padding-left: 8px;
        }

    .tableMain thead tr[b-5luj7vhab7] {
        text-align: left;
        padding-left: 8px;
    }

    .tableMain tbody tr[b-5luj7vhab7] {
        padding: 5px 16px;
        font-size: small;
    }

        .tableMain tbody tr[content="month-group"][b-5luj7vhab7] {
            background-color: #EAEAEA;
            border: 0.01em solid #cccccc;
            padding: 5px 16px;
            font-size: small;
            font-weight: 600;
        }

        .tableMain tbody tr[content="view-header"][b-5luj7vhab7] {
            border-top: 0.01em solid #cccccc;
            border-bottom: 0.01em solid #EBEBEB;
            font-size: small;
            font-weight: 600;
            background-color: #FAFAFA;
            color: #CE9D05;
        }

            .tableMain tbody tr[content="view-header"]:hover[b-5luj7vhab7] {
                background-color: #F8F0D9;
                cursor: pointer;
            }

            .tableMain tbody tr[content="view-header"]:active[b-5luj7vhab7] {
                background-color: #F5D169;
                color: black;
                cursor: pointer;
            }

            .tableMain tbody tr[content="view-header"][state="active"][b-5luj7vhab7] {
                background-color: #F5D169;
                color: black;
                cursor: pointer;
            }

    .tableMain tbody tr[content="article-group"][b-5luj7vhab7] {
            border: none;
            padding: 5px 16px;
            font-size: small;
        }

    .tableMain th[b-5luj7vhab7], td[b-5luj7vhab7] {
        padding: 5px 16px;
        font-size: small;
    }

    .tableMain th[b-5luj7vhab7] {
        border: 0.01em solid rgb(106, 170, 233);
        color: rgb(29, 125, 222);
    }

    div[content="vendor"][b-5luj7vhab7] {
        font-weight: 600;
        color: black;
    }

    .tableMain tbody td[content="color"][b-5luj7vhab7] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }



table.tableInside[b-5luj7vhab7] {
    border-collapse: collapse;
    width: 100%;
    font-size: small;
    font-weight: 100;
    background-color: transparent;
}

tHead.tableInside[b-5luj7vhab7] {
    position: static;
    background-color: transparent;
}

th.tableInside[b-5luj7vhab7] {
    background-color: transparent;
    font-size: small;
}

td.tableInside[b-5luj7vhab7] {
    border: none; /* 0.01em solid rgb(25, 54, 83);*/
    text-align: center;
}


.color-dot[b-5luj7vhab7] {
    height: 12px;
    width: 12px;
    background-color: white;
    border: 0.01em solid lightgray;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    margin-top: 1px;
}

@media screen and (max-width: 1024px) {
    .header .row[b-5luj7vhab7] {
        flex-wrap: wrap;
    }

    .header .input-group[b-5luj7vhab7],
    .header button.btn-success[b-5luj7vhab7],
    .header button.btn-danger[b-5luj7vhab7] {
        margin-left: 0 !important;
    }
}

/* _content/JoJoOffice/Pages/StockQuantities.razor.rz.scp.css */

.tableMain[b-jfsh8qi7v7] {
    overflow-y: auto;
}

.tableMain table[b-jfsh8qi7v7] {
    border-collapse: collapse;
    width: 100%;
}

    .tableMain thead[b-jfsh8qi7v7] {
        background-color: #C6DDF6;
        position: sticky;
        top: 0;
        height: 40px;
        border: 0.01em solid rgb(106, 170, 233);
    }

.tableMain th[b-jfsh8qi7v7], td[b-jfsh8qi7v7] {
    padding: 8px 16px;
    border: 1px solid #cccccc;
    font-size: small;
}

    .tableMain th[b-jfsh8qi7v7] {
        border: 0.01em solid rgb(106, 170, 233);
        color: rgb(29, 125, 222);
    }

.tableInside[b-jfsh8qi7v7] {
}

    .tableInside table[b-jfsh8qi7v7] {
        border-collapse: collapse;
        width: 100%;
        font-size: small;
        font-weight: 300;
        background-color: transparent;
    }

    .tableInside tHead[b-jfsh8qi7v7] {
        padding-bottom: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-left: 0px;
        position: static;
        background-color: transparent;
    }

    .tableInside tHead tr[b-jfsh8qi7v7] {
        border: 0.01em solid transparent;
        border-bottom: 0.01em solid darkgray;
    }

    .tableInside th[b-jfsh8qi7v7], td[b-jfsh8qi7v7]{
        border: none; /* 0.01em solid rgb(25, 54, 83);*/
        padding-top: 0px;
        padding-bottom: 0px;
        padding-right: 8px;
        padding-left: 8px;
        text-align: center;
    }

    .tableInside th[b-jfsh8qi7v7] {
        font-size: small;
    }

img.zoom[b-jfsh8qi7v7] {
    transition: transform 0.05s;
    transform-origin: 0%;
    background-color: white;
    cursor: pointer;
}

    img.zoom:hover[b-jfsh8qi7v7] {
        transform: scale(10.0, 10.0);
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        transition-delay: 0.4s;
    }


.btn-primary[b-jfsh8qi7v7] {
    color: rgb(25, 54, 83);
    background-color: #E6EFF9;
    border-color: #1861ac;
}

.btn:hover[b-jfsh8qi7v7] {
    background-color: #78b9e7;
}


.color-dot[b-jfsh8qi7v7] {
    height: 12px;
    width: 12px;
    background-color: white;
    border:0.01em solid lightgray;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    margin-top: 1px;
}
/* _content/JoJoOffice/Pages/StockTakingPage.razor.rz.scp.css */

.nav-pills .pill-custom .nav-link[b-lkb7t04qlv] {
    background-color: #ffc107;
    border: 1px solid rgb(229, 0, 0);
    color: black;
}

    .nav-pills .pill-custom .nav-link:not(.active)[b-lkb7t04qlv] {
        background-color: transparent;
        border: 1px solid #ffc107;
        color: black;
    }

    .nav-pills .pill-custom .nav-link:hover[b-lkb7t04qlv] {
        background-color: #78b9e7;
    }

.btn:hover[b-lkb7t04qlv] {
    background-color: #78b9e7;
}

.dropdown-item.disabled[b-lkb7t04qlv] {
    color: lightgray;
}

[b-lkb7t04qlv]::placeholder {
    color: gray;
    opacity: 0.3;
}


.tableMain[b-lkb7t04qlv] {
    overflow-y: auto;
}

    .tableMain table[b-lkb7t04qlv] {
        border-collapse: collapse;
        width: 100%;
        background-color: white;
        margin-top: 5px;
        border: 0.01em solid #cccccc;
    }

    .tableMain thead[b-lkb7t04qlv] {
        background-color: rgb(232, 242, 250);
        position: sticky;
        top: 0;
    }

        .tableMain thead tr[b-lkb7t04qlv] {
            border: 0.01em solid rgb(106, 170, 233);
            text-align: left;
            padding-left: 8px;
        }

        .tableMain thead tr[b-lkb7t04qlv] {
            text-align: left;
            padding-left: 8px;
        }

    .tableMain tbody tr[b-lkb7t04qlv] {
        padding: 5px 16px;
        font-size: small;
    }

        .tableMain tbody tr[content="month-group"][b-lkb7t04qlv] {
            background-color: #EAEAEA;
            border: 0.01em solid #cccccc;
            padding: 5px 16px;
            font-size: small;
            font-weight: 600;
        }

        .tableMain tbody tr[content="view-header"][b-lkb7t04qlv] {
            border-top: 0.01em solid lightgray;
            border-bottom: 0.01em solid lightgray;
            font-size: small;
            font-weight: 600;
            background-color: #FAFAFA;
            color: #CE9D05;
        }

            .tableMain tbody tr[content="view-header"]:hover[b-lkb7t04qlv] {
                background-color: #F8F0D9;
                cursor: pointer;
            }

            .tableMain tbody tr[content="view-header"]:active[b-lkb7t04qlv] {
                background-color: #F5D169;
                color: black;
                cursor: pointer;
            }

            .tableMain tbody tr[content="view-header"][state="active"][b-lkb7t04qlv] {
                background-color: #F5D169;
                color: black;
                cursor: pointer;
            }

        .tableMain tbody tr[content="article-group"][b-lkb7t04qlv] {
            border: none;
            padding: 5px 16px;
            font-size: small;
        }

    .tableMain th[b-lkb7t04qlv], td[b-lkb7t04qlv] {
        padding: 5px 16px;
        font-size: small;
    }

    .tableMain th[b-lkb7t04qlv] {
        border: 0.01em solid rgb(106, 170, 233);
        color: rgb(29, 125, 222);
    }

div[content="vendor"][b-lkb7t04qlv] {
    font-weight: 600;
    color: black;
}

.tableMain tbody td[content="color"][b-lkb7t04qlv] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}



table.tableInside[b-lkb7t04qlv] {
    border-collapse: collapse;
    width: 100%;
    font-size: small;
    font-weight: 100;
    background-color: transparent;
}

tHead.tableInside[b-lkb7t04qlv] {
    position: static;
    background-color: transparent;
}

th.tableInside[b-lkb7t04qlv] {
    background-color: transparent;
    font-size: small;
}

td.tableInside[b-lkb7t04qlv] {
    border: none; /* 0.01em solid rgb(25, 54, 83);*/
    text-align: center;
}

tr.year-header td[b-lkb7t04qlv] {
    color: rgb(29, 125, 222);
    background-color: aliceblue;
    font-weight: 600;
    border-top: 0.01em solid #cccccc;
    border-bottom: 0.01em solid #cccccc;
}


.color-dot[b-lkb7t04qlv] {
    height: 12px;
    width: 12px;
    background-color: white;
    border: 0.01em solid lightgray;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    margin-top: 1px;
}
/* _content/JoJoOffice/Pages/StockTransferDetails.razor.rz.scp.css */


.dropdown-item.disabled[b-ceiw04bz6i] {
    color: lightgray;
}

[b-ceiw04bz6i]::placeholder {
    color: gray;
    opacity: 0.3;
}


.tableMain[b-ceiw04bz6i] {
    overflow-y: auto;
    height: calc(100% - 70px);
    border: 1px solid lightgray;
}

    .tableMain table[b-ceiw04bz6i] {
        border-collapse: collapse;
        width: 100%;
        background-color: white;
    }

    .tableMain thead[b-ceiw04bz6i] {
        background-color: #C6DDF6;
        position: sticky;
        top: 0;
        border: 0.01em solid rgb(106, 170, 233);
    }

    .tableMain .scan-success[b-ceiw04bz6i] {
        background-color: #d7ebb0 !important;
    }

    .tableMain .scan-failed[b-ceiw04bz6i] {
        background-color: lightcoral !important;
        transition: background-color 0.5s ease-in-out;
    }

    .tableMain th[b-ceiw04bz6i], td[b-ceiw04bz6i] {
        padding: 8px 16px;
        border: 0.01em solid #cccccc;
        font-size: small;
    }

    .tableMain th[b-ceiw04bz6i] {
        border: 0.01em solid rgb(106, 170, 233);
        color: rgb(29, 125, 222);
    }

    div[content="vendor"][b-ceiw04bz6i] {
        font-weight: 600;
        color: black;
    }

    .tableMain td[content="articlename"][b-ceiw04bz6i] {
        font-size: x-small;
        color: #2077C7;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .tableMain tbody td[content="color"][b-ceiw04bz6i] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }



table.tableInside[b-ceiw04bz6i] {
    border-collapse: collapse;
    width: 100%;
    font-size: small;
    font-weight: 100;
    background-color: transparent;
}

tHead.tableInside[b-ceiw04bz6i] {
    position: static;
    background-color: transparent;
}

th.tableInside[b-ceiw04bz6i] {
    background-color: transparent;
    font-size: small;
}

td.tableInside[b-ceiw04bz6i] {
    border: none; /* 0.01em solid rgb(25, 54, 83);*/
    text-align: center;
}


.color-dot[b-ceiw04bz6i] {
    height: 12px;
    width: 12px;
    background-color: white;
    border: 0.01em solid lightgray;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    margin-top: 1px;
}


.scan-popup[b-ceiw04bz6i] {
    border: 2px solid green;
    position: absolute;
    top: 20%;
    left: 20%;
    width: 320px;
    height: 420px;
}


img.zoom[b-ceiw04bz6i] {
    transform: scale(10.0, 10.0);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-color: white;
    transition-duration: 2.0s;
}


.jojo-spinner-grow[b-ceiw04bz6i] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2.5rem;
    height: 2.5rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-grow 1.0s linear infinite;
    animation: spinner-grow .75s linear infinite
}

.jojo-spinner[b-ceiw04bz6i] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite
}
/* _content/JoJoOffice/Pages/StockTransfers.razor.rz.scp.css */

.nav-pills .pill-custom .nav-link[b-juwqwgac7x] {
    background-color: #ffc107;
    border: 1px solid rgb(229, 0, 0);
    color: black;
}

.nav-pills .pill-custom .nav-link:not(.active)[b-juwqwgac7x] {
    background-color: transparent;
    border: 1px solid #ffc107;
    color: black;
}

.nav-pills .pill-custom .nav-link:hover[b-juwqwgac7x] {
    background-color: #78b9e7;
}

.btn:hover[b-juwqwgac7x] {
    background-color: #78b9e7;
}

.dropdown-item.disabled[b-juwqwgac7x] {
    color: lightgray;
}

[b-juwqwgac7x]::placeholder {
    color: gray;
    opacity: 0.3;
}


.tableMain[b-juwqwgac7x] {
    overflow-y: auto;
}

    .tableMain table[b-juwqwgac7x] {
        border-collapse: collapse;
        width: 100%;
        background-color: white;
        margin-top: 5px;
        border: 0.01em solid #cccccc;
    }

    .tableMain thead[b-juwqwgac7x] {
        background-color: rgb(232, 242, 250);
        position: sticky;
        top: 0;
    }

        .tableMain thead tr[b-juwqwgac7x] {
            border: 0.01em solid rgb(106, 170, 233);
            text-align: left;
            padding-left: 8px;
        }

    .tableMain thead tr[b-juwqwgac7x] {
        text-align: left;
        padding-left: 8px;
    }

    .tableMain tbody tr[b-juwqwgac7x] {
        padding: 5px 16px;
        font-size: small;
    }

        .tableMain tbody tr[content="month-group"][b-juwqwgac7x] {
            background-color: #EAEAEA;
            border: 0.01em solid #cccccc;
            padding: 5px 16px;
            font-size: small;
            font-weight: 600;
        }

        .tableMain tbody tr[content="view-header"][b-juwqwgac7x] {
            border-top: 0.01em solid #cccccc;
            border-bottom: 0.01em solid #EBEBEB;
            font-size: small;
            font-weight: 600;
            background-color: #FAFAFA;
            color: #CE9D05;
        }

            .tableMain tbody tr[content="view-header"]:hover[b-juwqwgac7x] {
                background-color: #F8F0D9;
                cursor: pointer;
            }

            .tableMain tbody tr[content="view-header"]:active[b-juwqwgac7x] {
                background-color: #F5D169;
                color: black;
                cursor: pointer;
            }

            .tableMain tbody tr[content="view-header"][state="active"][b-juwqwgac7x] {
                background-color: #F5D169;
                color: black;
                cursor: pointer;
            }

    .tableMain tbody tr[content="article-group"][b-juwqwgac7x] {
            border: none;
            padding: 5px 16px;
            font-size: small;
        }

    .tableMain th[b-juwqwgac7x], td[b-juwqwgac7x] {
        padding: 5px 16px;
        font-size: small;
    }

    .tableMain th[b-juwqwgac7x] {
        border: 0.01em solid rgb(106, 170, 233);
        color: rgb(29, 125, 222);
    }

    div[content="vendor"][b-juwqwgac7x] {
        font-weight: 600;
        color: black;
    }

    .tableMain tbody td[content="color"][b-juwqwgac7x] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }



table.tableInside[b-juwqwgac7x] {
    border-collapse: collapse;
    width: 100%;
    font-size: small;
    font-weight: 100;
    background-color: transparent;
}

tHead.tableInside[b-juwqwgac7x] {
    position: static;
    background-color: transparent;
}

th.tableInside[b-juwqwgac7x] {
    background-color: transparent;
    font-size: small;
}

td.tableInside[b-juwqwgac7x] {
    border: none; /* 0.01em solid rgb(25, 54, 83);*/
    text-align: center;
}


.color-dot[b-juwqwgac7x] {
    height: 12px;
    width: 12px;
    background-color: white;
    border: 0.01em solid lightgray;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    margin-top: 1px;
}
/* _content/JoJoOffice/Shared/MainLayout.razor.rz.scp.css */
.page[b-2j4k6ygiir] {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: #f1f1f1;
}

.main[b-2j4k6ygiir] {
    flex: 1;
    background-color: #f1f1f1;
}

.sidebar[b-2j4k6ygiir] {
    background-color: #393838;
}

.top-row-1[b-2j4k6ygiir] {
    background-color: cornflowerblue;
    height: 3.5rem;
}

.top-row-2[b-2j4k6ygiir] {
    background-color: cornflowerblue;
    height: 3.5rem;
    width: 100%;
}

.bottom-row[b-2j4k6ygiir] {
    height: 20px;
    background-color: transparent;
    border-top: 1px solid lightgray;
    padding-left: 15px;
    padding-top: 10px;
    position: absolute;
    bottom: 35px;
    width: 100%;
    color: lightgray;
    font-size: x-small;
}

.bottom-row-2[b-2j4k6ygiir] {
    height: 20px;
    background-color: transparent;
    padding-left: 15px;
    padding-top: 10px;
    position: absolute;
    bottom: 15px;
    width: 100%;
    color: lightgray;
    font-size: x-small;
}

.top-row-2[b-2j4k6ygiir]  a, .top-row-2 .btn-link[b-2j4k6ygiir] {
    white-space: nowrap;
    margin-left: 1.5rem;
}

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

.content[b-2j4k6ygiir] {
    height: calc(100% - 3.5rem);
    margin: 0px 20px;
}

.main > footer[b-2j4k6ygiir] {
    height: 20px;
    max-height: 20px;
    background-color: transparent;
}

.main > .content[b-2j4k6ygiir] {
    height: calc(100vh - 3.5rem - 20px);
    max-height: calc(100vh - 3.5rem - 20px);
    padding-right: 20px;
    overflow-y: auto;
}

@media (max-width: 640.98px) {
    .top-row-2:not(.auth)[b-2j4k6ygiir] {
        display: none;
    }

    .top-row-2.auth[b-2j4k6ygiir] {
        justify-content: space-between;
    }

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

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

    .sidebar[b-2j4k6ygiir] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row-2[b-2j4k6ygiir] {
        position: sticky;
        top: 0;
        z-index: 1;
    }
/*
    .main > div {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
*/}


.jojo-spinner-grow[b-2j4k6ygiir] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2.5rem;
    height: 2.5rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-grow 1.0s linear infinite;
    animation: spinner-grow .75s linear infinite
}

.jojo-spinner[b-2j4k6ygiir] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite
}

.layout-spinner-overlay[b-2j4k6ygiir] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(255, 255, 255, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    transition: opacity 0.2s ease-in;
    opacity: 1;
}

    .layout-spinner-overlay.hidden[b-2j4k6ygiir] {
        opacity: 0;
        pointer-events: none;
    }

.spinner[b-2j4k6ygiir] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3rem;
    height: 3rem;
    border: 6px solid rgba(0,0,0,0.2);
    border-top: 6px solid gray;
    border-radius: 50%;
    animation: spin-b-2j4k6ygiir 0.8s linear infinite;
}


@keyframes spin-b-2j4k6ygiir {
    to {
        transform: rotate(360deg);
    }
}
/* _content/JoJoOffice/Shared/NavMenu.razor.rz.scp.css */
.nav-container[b-atvu9k5fgp] {
    max-height: calc(100vh - 3.5rem - 60px);
    overflow-y: auto; /* Enable vertical scrolling */
    overflow-x: hidden; /* Disable horizontal scrolling */
}


.navbar-toggler[b-atvu9k5fgp] {
    background-color: #ffd800;
}

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

.navbar-dark[b-atvu9k5fgp] {
    background-color: cornflowerblue; /*#393838;*/}

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

.nav-item[b-atvu9k5fgp] {
    color: #d7d7d7;
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

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

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

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

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

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

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

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

.dot-icon[b-atvu9k5fgp] {
    height: 6px;
    width: 6px;
    color: currentColor;
    background-color: currentColor;
    border: 0.01em solid lightgray;
    border-radius: 50%;
    display: inline-block;
}