/* /Layout/CompanyDropdown.razor.rz.scp.css */
.company-dropdown-container[b-hbm1qydoa4]::-webkit-scrollbar {
    width: 8px;
}

.company-dropdown-container[b-hbm1qydoa4]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.company-dropdown-container[b-hbm1qydoa4]::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
}

    .company-dropdown-container[b-hbm1qydoa4]::-webkit-scrollbar-thumb:hover {
        background: #a8a8a8;
    }
/* /Layout/LanguageSelectorDropdown.razor.rz.scp.css */
.flag-shadow[b-7gku6facck] {
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.05));
}

/* For dark mode support */
.dark .flag-shadow[b-7gku6facck] {
    filter: drop-shadow(0 1px 2px rgba(255, 255, 255, 0.1));
}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-bc4gnigkw8] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-bc4gnigkw8] {
    flex: 1;
}

.sidebar[b-bc4gnigkw8] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

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

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

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

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

@media (max-width: 640.98px) {
    .main-layout-container[b-bc4gnigkw8] {
        height: auto;
        min-height: 100vh;
    }

    .main-layout-main[b-bc4gnigkw8] {
        overflow: auto;
    }

    .top-row[b-bc4gnigkw8] {
        justify-content: space-between;
    }

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

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

    .sidebar[b-bc4gnigkw8] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

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

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

    .top-row[b-bc4gnigkw8], article[b-bc4gnigkw8] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
@media (max-width: 768px) {
    #navbar-default .relative[b-oz78x521oz] {
        width: 100%;
    }

    #navbar-default .dropdown-settings-list[b-oz78x521oz],
    #navbar-default .dropdown-company-list[b-oz78x521oz],
    #navbar-default .dropdown-language-selector[b-oz78x521oz] {
        position: static !important;
        inset: unset !important;
        width: 100% !important;
        max-width: none !important;
        margin-top: 0.5rem !important;
        box-shadow: none !important;
        border-radius: 0.75rem;
        border: 1px solid #e5e7eb;
        background-color: #ffffff;
        padding: 0.5rem 0.25rem;
    }

    #navbar-default .dropdown-settings-list .w-screen[b-oz78x521oz],
    #navbar-default .dropdown-settings-list .max-w-md[b-oz78x521oz],
    #navbar-default .dropdown-company-list .company-dropdown-container[b-oz78x521oz] {
        width: 100% !important;
        max-width: none !important;
        box-shadow: none !important;
        border-radius: 0.5rem;
    }

    #navbar-default .dropdown-language-selector li[b-oz78x521oz] {
        border-bottom: 1px solid #f1f5f9;
    }

    #navbar-default .dropdown-language-selector li:last-child[b-oz78x521oz] {
        border-bottom: none;
    }
}






/* /Pages/AssistantArea/AccountingCodesAssistantView.razor.rz.scp.css */
.cancel-button[b-th8yc39lm3] {
    color: #DE3838;
}

    .cancel-button span[b-th8yc39lm3] {
        color: #DE3838;
        font-size: 1.125rem; /* 18px */
    }

    .cancel-button:hover[b-th8yc39lm3] {
        border-color: #B22222; /* Darker red on hover */
    }

        .cancel-button:hover span[b-th8yc39lm3] {
            color: #B22222; /* Darker red on hover */
        }

        .cancel-button:hover .remove-icon path[b-th8yc39lm3] {
            stroke: #B22222;
        }

        .cancel-button:hover .remove-text[b-th8yc39lm3] {
            color: #B22222 !important;
            opacity: 1 !important;
        }
/* /Pages/AssistantArea/AccountingInvoicesView.razor.rz.scp.css */
.container-confirmation[b-qn6bvcnv0d] {
    border-bottom: 1px solid #e5e7eb;
    height: 5rem;
}

.fadeInDown[b-qn6bvcnv0d] {
    opacity: 0;
    transition: opacity 2s ease-in-out;
}

    .fadeInDown.animate__animated.animate__fadeInDown[b-qn6bvcnv0d] {
        opacity: 1;
    }

    .fadeInDown.animate__animated[b-qn6bvcnv0d] {
        animation-fill-mode: both;
    }

.invalid-input[b-qn6bvcnv0d] {
    border: 1px solid red !important;
}

/* POPUP AND TABLE STYLING*/
.seller-info-table tbody td[b-qn6bvcnv0d] {
    padding: 0.5rem;
    text-align: left;
    border-bottom: none;
}

.seller-info-table tbody tr:last-child td[b-qn6bvcnv0d] {
    border-bottom: 1px solid #ddd;
}

.seller-info-table thead th[b-qn6bvcnv0d] {
    opacity: 0.7;
    padding: 0.5rem;
}

.seller-info-table tbody tr[b-qn6bvcnv0d] {
    border-bottom: 1px solid #F0F0F0;
}

    .seller-info-table tbody tr:nth-last-child(2)[b-qn6bvcnv0d],
    .seller-info-table tbody tr:last-child[b-qn6bvcnv0d] {
        border-bottom: none;
    }

.seller-info-table[b-qn6bvcnv0d] {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    width: 100%;
}

    .seller-info-table thead[b-qn6bvcnv0d],
    .seller-info-table tbody[b-qn6bvcnv0d],
    .seller-info-table tfoot[b-qn6bvcnv0d] {
        display: block;
        width: 100%;
    }

    .seller-info-table tr[b-qn6bvcnv0d] {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

    .seller-info-table thead tr[b-qn6bvcnv0d] {
        width: 100%;
        border-bottom: 1px solid #e5e7eb;
    }

    .seller-info-table tbody tr[b-qn6bvcnv0d],
    .seller-info-table tfoot tr[b-qn6bvcnv0d] {
        width: 100%;
    }

    /* Fix popup appearing behind scrolled content */
    .seller-info-table tbody .absolute.z-10[b-qn6bvcnv0d] {
        position: fixed; /* Change from absolute to fixed */
        z-index: 9999; /* Ensure it's above the rest of the content */
    }

    /* Ensure table cell widths stay consistent */

    /* Ensure inputs maintain their width */
    .seller-info-table input[b-qn6bvcnv0d] {
        width: 100%;
        box-sizing: border-box;
    }

/* Custom Scrollbar Styling */
.scrollable-block[b-qn6bvcnv0d]::-webkit-scrollbar {
    width: 8px;
}

.scrollable-block[b-qn6bvcnv0d]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.scrollable-block[b-qn6bvcnv0d]::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
}

    .scrollable-block[b-qn6bvcnv0d]::-webkit-scrollbar-thumb:hover {
        background: #a8a8a8;
    }

.seller-info-table tfoot[b-qn6bvcnv0d] {
    border-top: 1px solid #DCDED9;
}

    .seller-info-table tfoot td[b-qn6bvcnv0d] {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
        text-align: left;
        overflow: visible;
    }

    .seller-info-table tfoot td input.editable-text[b-qn6bvcnv0d] {
        overflow: visible;
        text-overflow: clip;
        width: auto;
        min-width: 100%;
    }

.add-row-button[b-qn6bvcnv0d] {
    vertical-align: middle;
}

    .add-row-button a[b-qn6bvcnv0d] {
        cursor: pointer;
    }

        .add-row-button a:hover[b-qn6bvcnv0d] {
            color: #649913;
        }

.dropdown-arrow[b-qn6bvcnv0d] {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.accounting-item-input[b-qn6bvcnv0d] {
    cursor: pointer;
}

.dropdown-item[b-qn6bvcnv0d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem;
    cursor: pointer;
    transition: background-color 0.15s ease-in-out;
    background-color: white;
    border-bottom: 1px solid #A9B0A1;
}

    .dropdown-item:hover[b-qn6bvcnv0d] {
        background-color: #77B11F;
        color: white;
    }

.search-bar[b-qn6bvcnv0d],
.new-code-input[b-qn6bvcnv0d] {
    position: relative;
}

    .search-bar input[type="text"][b-qn6bvcnv0d],
    .new-code-input input[type="text"][b-qn6bvcnv0d] {
        width: 100%;
        padding: 0.5rem 2.5rem 0.5rem 0.5rem;
        border-bottom: 1px solid #ccc !important;
        border-top-left-radius: 0.5rem;
        border-top-right-radius: 0.5rem;
        background-color: #f0f0f0 !important;
        color: #333 !important;
    }


.search-bar[b-qn6bvcnv0d] {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

    .search-bar svg[b-qn6bvcnv0d] {
        position: absolute;
        right: 0.5rem;
        top: 50%;
        transform: translateY(-50%);
        pointer-events: none;
    }

.dropdown-item:last-child[b-qn6bvcnv0d] {
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.add-accounting-code[b-qn6bvcnv0d] {
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    background-color: rgba(220, 222, 217, 0.2);
}

.item-text[b-qn6bvcnv0d] {
    flex-grow: 1;
}

.apply-all-btn[b-qn6bvcnv0d] {
    font-size: 0.875rem;
    margin-left: 0.5rem;
    color: #77B11F;
    transition: color 0.15s ease-in-out;
}

.dropdown-item:hover .apply-all-btn[b-qn6bvcnv0d] {
    color: white;
}

.dropdown-item:hover .apply-all-btn[b-qn6bvcnv0d] {
    color: white;
}

.dropdown-item:hover .item-text[b-qn6bvcnv0d] {
    color: white;
}

.editable-text[b-qn6bvcnv0d] {
    background: none;
    border: none;
    padding-top: 0;
    margin: 0;
    width: 100%;
}

    .editable-text:focus[b-qn6bvcnv0d] {
        outline: none;
    }

    .editable-text:empty[b-qn6bvcnv0d] {
        border-color: #d1d5db; /* Tailwind's gray-300 */
    }

.invisible-input[b-qn6bvcnv0d] {
    border: none;
    background: transparent;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    width: 100%;
}

    .invisible-input:focus[b-qn6bvcnv0d] {
        outline: none;
    }

.sum-input[b-qn6bvcnv0d] {
    background: none;
    border: none;
    font-family: inherit;
    font-size: inherit;
    padding: 0;
    margin: 0;
    width: 100%;
    color: inherit;
}

    .sum-input:focus[b-qn6bvcnv0d] {
        outline: 1px solid #ccc;
        background-color: white;
    }

/* DATE input*/
.invalid-date[b-qn6bvcnv0d] {
    border: 1px solid red;
    background-color: transparent;
}

.custom-button[b-qn6bvcnv0d], .custom-arrows[b-qn6bvcnv0d] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #77B11F;
    background-color: #FFFFFE;
    color: #77B11F;
    border-radius: 0.375rem;
    transition: all 0.15s ease-in-out;
    font-size: 1rem;
    cursor: pointer;
    height: 2.5rem;
}

.custom-button[b-qn6bvcnv0d] {
    width: 8rem;
}

.custom-arrows[b-qn6bvcnv0d] {
    width: 4rem;
}

.custom-button svg[b-qn6bvcnv0d] {
    margin-right: 0.5rem;
}

.custom-button:hover[b-qn6bvcnv0d],
.custom-arrows:hover[b-qn6bvcnv0d] {
    background-color: #f0f0f0;
}

.custom-button:active[b-qn6bvcnv0d],
.custom-arrows:active[b-qn6bvcnv0d] {
    background-color: #e0e0e0;
}

.custom-text[b-qn6bvcnv0d] {
    color: #77B11F;
}

.normal-input[b-qn6bvcnv0d] {
    border: 1px solid #ccc;
    background-color: #fff;
}

.custom-arrows:disabled[b-qn6bvcnv0d] {
    opacity: 0.5;
    cursor: not-allowed;
}

.footer[b-qn6bvcnv0d] {
    border-top: 1px solid #DCDED9;
    width: 100%;
    padding: 0.5rem 0;
}


.w-full[b-qn6bvcnv0d] {
    width: 100%;
}

.text-center[b-qn6bvcnv0d] {
    text-align: center;
}

.invisible-input[b-qn6bvcnv0d] {
    border: none;
    background: transparent;
    width: 100%;
    padding: 0.5rem;
    text-align: center;
    box-sizing: border-box;
}

.invalid-input[b-qn6bvcnv0d] {
    border: 1px solid red;
    border-radius: 4px;
}

.font-bold[b-qn6bvcnv0d] {
    font-weight: bold;
}

.main-container[b-qn6bvcnv0d] {
    position: relative;
}

.scrollable-block[b-qn6bvcnv0d] {
    overflow-x: hidden;
    overflow-y: auto;
}

.scrollable-table-row[b-qn6bvcnv0d] {
    position: relative;
}

.dropdown[b-qn6bvcnv0d] {
    position: absolute !important;
    background-color: white;
    border: 1px solid #ddd;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    z-index: 1000;
    display: none;
}

    .dropdown.active[b-qn6bvcnv0d] {
        display: block;
    }

.footer[b-qn6bvcnv0d] {
    position: relative;
}

table[b-qn6bvcnv0d] {
    width: 100%;
    border-collapse: collapse;
}

tbody tr td[b-qn6bvcnv0d] {
    padding: 10px;
    border-bottom: 1px solid #eee;
}

table thead[b-qn6bvcnv0d],
table tfoot[b-qn6bvcnv0d] {
    position: sticky;
}

table thead[b-qn6bvcnv0d] {
    inset-block-start: 0; /* "top" */
}

table tfoot[b-qn6bvcnv0d] {
    inset-block-end: 0; /* "bottom" */
}


/* CONFIRM BUTTON STYLES */

.custom-button:disabled[b-qn6bvcnv0d] {
    cursor: not-allowed;
    opacity: 0.5;
}

.invalid-confirm[b-qn6bvcnv0d] {
    border-color: #DE3838 !important;
    color: #DE3838 !important;
    transition: border-color 0.3s ease, color 0.3s ease;
}

.invalid-svg path[b-qn6bvcnv0d] {
    stroke: #DE3838 !important;
    transition: stroke 0.3s ease;
}

.disabled-button[b-qn6bvcnv0d] {
    background-color: #f5f5f5;
    border-color: #999999 !important;
    color: #999999 !important;
    pointer-events: none;
}

.disabled-svg[b-qn6bvcnv0d] {
    opacity: 0.7;
}

/* END OF CONFIRM BUTTON STYLES */


/* DATEPICKER styles */

[type="date"][b-qn6bvcnv0d] {
    position: relative; /* Ensure proper positioning */
    cursor: pointer; /* Make entire input look clickable */
}

    [type="date"][b-qn6bvcnv0d]::-webkit-inner-spin-button {
        display: none;
    }

    [type="date"][b-qn6bvcnv0d]::-webkit-calendar-picker-indicator {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        cursor: pointer;
        opacity: 0; /* Hide the default indicator */
    }

label[b-qn6bvcnv0d] {
    display: block;
}

/* Ensures space for the switch button is always reserved */
.switch-button-container[b-qn6bvcnv0d] {
    /* Reserve space for the button */
    height: 32px; /* Adjust based on button height */
    width: 32px; /* Optional, set width if necessary */
    display: flex;
    justify-content: center;
    align-items: center;
}

/* The switch button icon is hidden when RecalculatedPrice is null */
.switch-button-icon[b-qn6bvcnv0d] {
    opacity: 0; /* Initially make the icon invisible */
    pointer-events: none; /* Prevent interactions when invisible */
    transition: opacity 0.3s ease; /* Smooth transition */
}

/* When RecalculatedPrice is not null, make the icon visible */
.switch-button-container[data_recalculated_price="true"] .switch-button-icon[b-qn6bvcnv0d] {
    opacity: 1; /* Make the icon visible */
    pointer-events: auto; /* Allow interactions when visible */
}

.company-dropdown-container[b-qn6bvcnv0d]::-webkit-scrollbar {
    width: 8px;
}

.company-dropdown-container[b-qn6bvcnv0d]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.company-dropdown-container[b-qn6bvcnv0d]::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
}

    .company-dropdown-container[b-qn6bvcnv0d]::-webkit-scrollbar-thumb:hover {
        background: #a8a8a8;
    }

/* Add this to ensure all form elements have consistent height */
.grid > div[b-qn6bvcnv0d] {
    min-height: 2rem; /* 48px - equivalent to h-12 */
    max-height: 2rem;
}

.editable-text[b-qn6bvcnv0d],
.DatePickerAccounting[b-qn6bvcnv0d],
/* Add your date picker's actual CSS class here */ {
    height: 1rem !important; /* 32px - equivalent to h-8 */
    min-height: 2rem !important;
    max-height: 2rem !important;
}
/* /Pages/AssistantArea/AssistantCompanyView.razor.rz.scp.css */
.hidden-content[b-9i1eovzxg6] {
    display: none;
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity .45s cubic-bezier(.44, .99, .48, 1), transform .45s cubic-bezier(.44, .99, .48, 1);
}

    .hidden-content.expanded[b-9i1eovzxg6] {
        display: table-row;
        opacity: 1;
        transform: translateY(0);
    }

.toggle-arrow[b-9i1eovzxg6] {
    transition: transform .45s cubic-bezier(.44, .99, .48, 1);
}

    .toggle-arrow.expanded[b-9i1eovzxg6] {
        transform: rotate(180deg);
    }

.proccessing-error-message[b-9i1eovzxg6] {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 400;
    margin-bottom: 1rem;
    min-height: 2rem;
}
/* /Pages/AssistantArea/AssistantInitializationView.razor.rz.scp.css */

.table-row:not(.no-hover):hover[b-n6y6h2qd6v] {
    background-color: #e7e9e5;
}
.company-name[b-n6y6h2qd6v] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/* Scrollbar styling */
.overflow-y-auto[b-n6y6h2qd6v]::-webkit-scrollbar {
    width: 6px;
}

.overflow-y-auto[b-n6y6h2qd6v]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.overflow-y-auto[b-n6y6h2qd6v]::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
}

    .overflow-y-auto[b-n6y6h2qd6v]::-webkit-scrollbar-thumb:hover {
        background: #555;
    }
.cursor-pointer[b-n6y6h2qd6v] {
    transition: opacity 500ms ease-in-out, transform 500ms ease-in-out;
}
/* /Pages/AssistantArea/AssistantSummaryView.razor.rz.scp.css */
.text-color[b-9ijmkhwk39] {
    color: #424C38
}

.table-view-container tfoot[b-9ijmkhwk39] {
    display: block;
    white-space: nowrap;
    margin-top: 1rem;
}

.green-number:hover[b-9ijmkhwk39] {
    color: #649913;
}

.row-hover:hover[b-9ijmkhwk39] {
    background-color: #e7e9e5;
}
/* /Pages/AssistantArea/CostCentreAssistantView.razor.rz.scp.css */
.cancel-button[b-h09r7ugqct] {
    color: #DE3838;
}

    .cancel-button span[b-h09r7ugqct] {
        color: #DE3838;
        font-size: 1.125rem; /* 18px */
    }

    .cancel-button:hover[b-h09r7ugqct] {
        border-color: #B22222; /* Darker red on hover */
    }

        .cancel-button:hover span[b-h09r7ugqct] {
            color: #B22222; /* Darker red on hover */
        }

        .cancel-button:hover .remove-icon path[b-h09r7ugqct] {
            stroke: #B22222;
        }

        .cancel-button:hover .remove-text[b-h09r7ugqct] {
            color: #B22222 !important;
            opacity: 1 !important;
        }
/* /Pages/AssistantArea/DeliveringInvoicesView.razor.rz.scp.css */
.custom-button[b-zypwbh6n7u], .custom-arrows[b-zypwbh6n7u] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #77B11F;
    background-color: #FFFFFE;
    color: #77B11F;
    border-radius: 0.375rem;
    transition: all 0.15s ease-in-out;
    font-size: 1rem;
    cursor: pointer;
    height: 2.5rem;
}

.custom-button[b-zypwbh6n7u] {
    width: 8rem;
}

.custom-arrows[b-zypwbh6n7u] {
    width: 4rem;
}

.custom-button svg[b-zypwbh6n7u] {
    margin-right: 0.5rem;
}

.custom-button:hover[b-zypwbh6n7u],
.custom-arrows:hover[b-zypwbh6n7u] {
    background-color: #f0f0f0;
}

.custom-button:active[b-zypwbh6n7u],
.custom-arrows:active[b-zypwbh6n7u] {
    background-color: #e0e0e0;
}

.container-confirmation[b-zypwbh6n7u] {
    border-bottom: 1px solid #e5e7eb;
    height: 5rem;
}

.custom-arrows:disabled[b-zypwbh6n7u] {
    opacity: 0.5;
    cursor: not-allowed;
}
/* /Pages/AssistantArea/SentInvoicesSummaryView.razor.rz.scp.css */
.text-color[b-fipnd3k9qt] {
    color: #424C38
}

.table-view-container tfoot[b-fipnd3k9qt] {
    display: block;
    white-space: nowrap;
    margin-top: 1rem;
}

.green-number:hover[b-fipnd3k9qt] {
    color: #649913;
}

.row-hover:hover[b-fipnd3k9qt] {
    background-color: #e7e9e5;
}
/* /Pages/AssistantArea/UserManagementSummaryView.razor.rz.scp.css */
.cancel-button[b-zasw9es2fd] {
    color: #DE3838;
}

    .cancel-button span[b-zasw9es2fd] {
        color: #DE3838;
        font-size: 1.125rem; /* 18px */
    }

    .cancel-button:hover[b-zasw9es2fd] {
        border-color: #B22222; /* Darker red on hover */
    }

        .cancel-button:hover span[b-zasw9es2fd] {
            color: #B22222; /* Darker red on hover */
        }

        .cancel-button:hover .remove-icon path[b-zasw9es2fd] {
            stroke: #B22222;
        }

        .cancel-button:hover .remove-text[b-zasw9es2fd] {
            color: #B22222 !important;
            opacity: 1 !important;
        }
/* /Pages/Authentication/CompanyOnBoarding.razor.rz.scp.css */
.text-color[b-pootsfwor2] {
    color: #424C38;
}
/* /Pages/Authentication/ForgotPassword.razor.rz.scp.css */
.text-color[b-fd2kivueu5] {
    color: #424C38;
}
/* /Pages/Authentication/Login.razor.rz.scp.css */
.text-color[b-ackrj9rrvp] {
    color: #424C38;
}
/* /Pages/Authentication/OnboardingVerificationView.razor.rz.scp.css */
.text-color[b-az1ww2c2wk] {
    color: #424C38;
}
/* /Pages/Authentication/Register.razor.rz.scp.css */
.text-color[b-4kdlegmksb] {
    color: #424C38;
}
/* /Pages/Authentication/UserOnBoarding.razor.rz.scp.css */
.text-color[b-rs0w4k754n] {
    color: #424C38;
}
/* /Pages/DeliveredInvoiceView/DeliveredInvoiceFileManagementArea.razor.rz.scp.css */
.circle-container[b-58qa19jzk3] {
    position: relative;
    overflow: hidden;
    height: 100%;
    margin: 0 auto;
    /* Width is controlled by Tailwind classes - no CSS override */
}

@media (max-width: 640.98px) {
    .circle-container.mob-height[b-58qa19jzk3] {
        min-height: 60vh;
    }
}
.scroll-area[b-58qa19jzk3] {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 240px; /* Reduced from 400px */
    transform: translateY(-50%);
}

.item[b-58qa19jzk3] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 2rem; /* Fixed width instead of left/right */
    height: 2rem; /* Reduced from 80px */
    cursor: pointer;
}

.item-content[b-58qa19jzk3] {
    background: white;
    border-radius: 0.5rem;
    transition: all 0.3s ease;
    transform-origin: center;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.item:hover .item-content[b-58qa19jzk3] {
    background: #f0f7ff;
}

.item.focused .item-content[b-58qa19jzk3] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border: 2px solid #77B11F;
}

.overlay-top[b-58qa19jzk3], .overlay-bottom[b-58qa19jzk3] {
    position: absolute;
    left: 0;
    right: 0;
    height: 80px; /* Reduced from 160px */
    pointer-events: none;
    z-index: 10;
}

.overlay-top[b-58qa19jzk3] {
    top: 0;
    background: linear-gradient(to bottom, #fff 20%, transparent);
}

.overlay-bottom[b-58qa19jzk3] {
    bottom: 0;
    background: linear-gradient(to top, #fff 20%, transparent);
}
/* /Pages/DeliveredInvoiceView/InvoiceDeliveryView.razor.rz.scp.css */
#divider[b-azhvc7p441] {
    cursor: ew-resize;
    user-select: none; /* Prevent text selection during drag */
}
/* /Pages/FileManagementArea/AccountingCodesTableView.razor.rz.scp.css */
/* Base table styles */
.table-view-container[b-czrtcz13sw] {
    display: block;
    width: 100%;
    height: 100%;
    overflow: auto;
    border-collapse: separate;
    border-spacing: 0;
}

/* Desktop: limit height to 70vh */
@media (min-width: 641px) {
    .table-view-container[b-czrtcz13sw] {
        min-height: 70vh;
        max-height: 70vh;
        height: auto;
    }
}
    /* Header styles */
    .table-view-container thead[b-czrtcz13sw] {
        display: table;
        width: 100%;
        table-layout: fixed;
    }
    /* Body styles */
    .table-view-container tbody[b-czrtcz13sw] {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

    /* Custom Scrollbar Styling */
    .table-view-container[b-czrtcz13sw]::-webkit-scrollbar {
        width: 8px;
    }

    .table-view-container[b-czrtcz13sw]::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 4px;
    }

    .table-view-container[b-czrtcz13sw]::-webkit-scrollbar-thumb {
        background: #c1c1c1;
        border-radius: 4px;
    }

        .table-view-container[b-czrtcz13sw]::-webkit-scrollbar-thumb:hover {
            background: #a8a8a8;
        }

/* Firefox scrollbar */


/* Text styles */
.text-muted-foreground[b-czrtcz13sw] {
    color: hsl(240 3.8% 46.1%);
}

/* /Pages/FileManagementArea/CostCentreTableView.razor.rz.scp.css */
/* Base table styles */
.table-view-container[b-z4eq2iufzh] {
    display: block;
    width: 100%;
    height: 100%;
    overflow: auto;
    border-collapse: separate;
    border-spacing: 0;
}

/* Desktop: limit height to 70vh */
@media (min-width: 641px) {
    .table-view-container[b-z4eq2iufzh] {
        min-height: 70vh;
        max-height: 70vh;
        height: auto;
    }
}
    /* Header styles */
    .table-view-container thead[b-z4eq2iufzh] {
        display: table;
        width: 100%;
        table-layout: fixed;
    }
    /* Body styles */
    .table-view-container tbody[b-z4eq2iufzh] {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

    /* Custom Scrollbar Styling */
    .table-view-container[b-z4eq2iufzh]::-webkit-scrollbar {
        width: 8px;
    }

    .table-view-container[b-z4eq2iufzh]::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 4px;
    }

    .table-view-container[b-z4eq2iufzh]::-webkit-scrollbar-thumb {
        background: #c1c1c1;
        border-radius: 4px;
    }

        .table-view-container[b-z4eq2iufzh]::-webkit-scrollbar-thumb:hover {
            background: #a8a8a8;
        }

/* Firefox scrollbar */


/* Text styles */
.text-muted-foreground[b-z4eq2iufzh] {
    color: hsl(240 3.8% 46.1%);
}
/* /Pages/FileManagementArea/FileManagementArea.razor.rz.scp.css */
.hover-group:hover .arrow-icon[b-2fkquw76hp] {
    fill: #649913;
}


.circle-container[b-2fkquw76hp] {
    position: relative;
    overflow: hidden;
    height: 100%;
    margin: 0 auto;
    /* Width is controlled by Tailwind classes - no CSS override */
}
@media (max-width: 640.98px) {
    .circle-container.mob-height[b-2fkquw76hp] {
        min-height: 60vh; /* same as scroll-area */
    }
}

.scroll-area[b-2fkquw76hp] {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 240px; /* Reduced from 400px */
    transform: translateY(-50%);
}

.item[b-2fkquw76hp] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 2rem; /* Fixed width instead of left/right */
    height: 2rem; /* Reduced from 80px */
    cursor: pointer;
}

.item-content[b-2fkquw76hp] {
    background: white;
    border-radius: 0.5rem;
    transition: all 0.3s ease;
    transform-origin: center;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.item:hover .item-content[b-2fkquw76hp] {
    background: #f0f7ff;
}

.item.focused .item-content[b-2fkquw76hp] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border: 2px solid #77B11F;
}

.overlay-top[b-2fkquw76hp], .overlay-bottom[b-2fkquw76hp] {
    position: absolute;
    left: 0;
    right: 0;
    height: 80px; /* Reduced from 160px */
    pointer-events: none;
    z-index: 10;
}

.overlay-top[b-2fkquw76hp] {
    top: 0;
    background: linear-gradient(to bottom, #fff 20%, transparent);
}

.overlay-bottom[b-2fkquw76hp] {
    bottom: 0;
    background: linear-gradient(to top, #fff 20%, transparent);
}




.stepper[b-2fkquw76hp] {
    display: flex;
    justify-content: center;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    bottom: 1rem;
    left: 0;
}

.step-item[b-2fkquw76hp] {
    flex: 1;
    max-width: 120px;
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.step-wrapper[b-2fkquw76hp] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
}

.step-number[b-2fkquw76hp] {
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #e5e7eb;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 500;
    color: #6b7280;
    flex-shrink: 0;
    z-index: 1;
    border: 1px solid #e5e7eb;
}

.step-line[b-2fkquw76hp] {
    position: absolute;
    top: 50%;
    left: calc(50%);
    right: calc(-50%);
    height: 1px;
    background-color: #e5e7eb;
    transform: translateY(-50%);
}

.step-item:last-child .step-line[b-2fkquw76hp] {
    display: none;
}

.step-label[b-2fkquw76hp] {
    margin-top: 12px;
    font-size: 14px;
    font-weight: 500;
    color: rgb(107 114 128);
    text-align: center;
    white-space: nowrap;
    z-index: 1;
    position: relative;
}

@media (max-width: 640px) {
    .stepper[b-2fkquw76hp] {
        gap: 0.5rem;
    }

    .step-label[b-2fkquw76hp] {
        white-space: normal;
        font-size: 12px;
        line-height: 1.3;
        padding: 0 0.25rem;
    }
}

/* First step styling */
.step-item:first-child .step-number[b-2fkquw76hp] {
    background-color: #77B11F;
    color: white;
    border-color: #77B11F;
}

.step-item:first-child .step-label[b-2fkquw76hp] {
    color: rgb(107 114 128); /* Reset to base color when second step is active */
}

/* Active step styling */
.step-item.active .step-number[b-2fkquw76hp] {
    background-color: #77B11F;
    color: white; /* White text for better contrast */
    border-color: #77B11F;
}

.step-item.active .step-label[b-2fkquw76hp] {
    color: rgb(107 114 128); /* Black text for active step label */
}

/* When second step is active, modify first step */
.step-item.active ~ .step-item:first-child .step-number[b-2fkquw76hp] {
    background-color: #e5e7eb;
    color: #6b7280;
    border-color: #e5e7eb;
}


.accounting-item-input[b-2fkquw76hp] {
    cursor: pointer;
}

.dropdown-item[b-2fkquw76hp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem;
    cursor: pointer;
    transition: background-color 0.15s ease-in-out;
    background-color: white;
    border-bottom: 1px solid #A9B0A1;
}

    .dropdown-item:hover[b-2fkquw76hp] {
        background-color: #77B11F;
        color: white;
    }

.select-container[b-2fkquw76hp] {
    position: relative;
    width: 200px; /* or your desired width */
}

    .select-container select[b-2fkquw76hp] {
        width: 100%;
        appearance: none; /* Remove default arrow */
        -webkit-appearance: none;
        -moz-appearance: none;
        padding-right: 30px; /* Space for custom arrow */
        text-overflow: ellipsis; /* Add ellipsis for long text */
    }

.select-arrow[b-2fkquw76hp] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 1;
}
/* /Pages/FileManagementArea/PdfView.razor.rz.scp.css */
.pdfViewer[b-eisnuerdi9] {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 500px;
}

#pdfViewer[b-eisnuerdi9], #annotationLayer[b-eisnuerdi9] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#annotationLayer[b-eisnuerdi9] {
    pointer-events: none;
}

.annotation-box[b-eisnuerdi9] {
    pointer-events: all;
    z-index: 10;
}
/* /Pages/FileManagementArea/SentInvoicesTableView.razor.rz.scp.css */
/* Base table styles */
.table-view-container[b-id8gg4c6io] {
    display: block;
    width: 100%;
    height: 100%;
    overflow: auto;
    border-collapse: separate;
    border-spacing: 0;
}

/* Desktop: limit height to 70vh */
@media (min-width: 641px) {
    .table-view-container[b-id8gg4c6io] {
        min-height: 70vh;
        max-height: 70vh;
        height: auto;
    }
}
    /* Header styles */
    .table-view-container thead[b-id8gg4c6io] {
        display: table;
        width: 100%;
        table-layout: fixed;
    }
    /* Body styles */
    .table-view-container tbody[b-id8gg4c6io] {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

    /* Custom Scrollbar Styling */
    .table-view-container[b-id8gg4c6io]::-webkit-scrollbar {
        width: 8px;
    }

    .table-view-container[b-id8gg4c6io]::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 4px;
    }

    .table-view-container[b-id8gg4c6io]::-webkit-scrollbar-thumb {
        background: #c1c1c1;
        border-radius: 4px;
    }

        .table-view-container[b-id8gg4c6io]::-webkit-scrollbar-thumb:hover {
            background: #a8a8a8;
        }

/* Firefox scrollbar */
/* /Pages/FileManagementArea/TableView.razor.rz.scp.css */
/* Base table styles */
.table-view-container[b-n3u8cuiu21] {
    display: block;
    width: 100%;
    height: 100%;
    overflow: auto;
    border-collapse: separate;
    border-spacing: 0;
}

/* Desktop: limit height to 70vh */
@media (min-width: 641px) {
    .table-view-container[b-n3u8cuiu21] {
        min-height: 70vh;
        max-height: 70vh;
        height: auto;
    }
}
    /* Header styles */
    .table-view-container thead[b-n3u8cuiu21] {
        display: table;
        width: 100%;
        table-layout: fixed;
    }
    /* Body styles */
    .table-view-container tbody[b-n3u8cuiu21] {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

    /* Custom Scrollbar Styling */
    .table-view-container[b-n3u8cuiu21]::-webkit-scrollbar {
        width: 8px;
    }

    .table-view-container[b-n3u8cuiu21]::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 4px;
    }

    .table-view-container[b-n3u8cuiu21]::-webkit-scrollbar-thumb {
        background: #c1c1c1;
        border-radius: 4px;
    }

        .table-view-container[b-n3u8cuiu21]::-webkit-scrollbar-thumb:hover {
            background: #a8a8a8;
        }

/* Firefox scrollbar */
/* /Pages/FileManagementArea/UserManagementTableView.razor.rz.scp.css */
/* Base table styles */
.table-view-container[b-okfo7yh0er] {
    display: block;
    width: 100%;
    height: 100%;
    overflow: auto;
    border-collapse: separate;
    border-spacing: 0;
}

/* Desktop: limit height to 70vh */
@media (min-width: 641px) {
    .table-view-container[b-okfo7yh0er] {
        min-height: 70vh;
        max-height: 70vh;
        height: auto;
    }
}
    /* Header styles */
    .table-view-container thead[b-okfo7yh0er] {
        display: table;
        width: 100%;
        table-layout: fixed;
    }
    /* Body styles */
    .table-view-container tbody[b-okfo7yh0er] {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

    /* Custom Scrollbar Styling */
    .table-view-container[b-okfo7yh0er]::-webkit-scrollbar {
        width: 8px;
    }

    .table-view-container[b-okfo7yh0er]::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 4px;
    }

    .table-view-container[b-okfo7yh0er]::-webkit-scrollbar-thumb {
        background: #c1c1c1;
        border-radius: 4px;
    }

        .table-view-container[b-okfo7yh0er]::-webkit-scrollbar-thumb:hover {
            background: #a8a8a8;
        }

/* Firefox scrollbar */


/* Text styles */
.text-muted-foreground[b-okfo7yh0er] {
    color: hsl(240 3.8% 46.1%);
}
/* /Pages/IndividualPages/AboutPage.razor.rz.scp.css */
@keyframes spin-slow-b-geewdu2yol {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.animate-spin-slow[b-geewdu2yol] {
    animation: spin-slow-b-geewdu2yol 5s linear infinite;
}
#divider[b-geewdu2yol] {
    cursor: ew-resize;
    user-select: none; /* Prevent text selection during drag */
}