/* /Components/FilterOptionSelector.razor.rz.scp.css */
.filter-option-selector-wrapper[b-qgxlul4cfr] {
    position: relative;
}

.filter-option-selector[b-qgxlul4cfr] {
    min-width: 180px;
}

.filter-selector-field[b-qgxlul4cfr]  .mud-input-root {
    cursor: pointer;
}

.filter-selector-field[b-qgxlul4cfr]  input {
    cursor: pointer;
}

.filter-popover[b-qgxlul4cfr] {
    z-index: 1300;
}
/* /Components/ProductFilterPanel.razor.rz.scp.css */
.reset-filters-button[b-w16t710tsm] {
    min-width: 180px;
    height: 40px;
}
/* /Layout/MainLayout.razor.rz.scp.css */
/*.page {
    position: relative;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}

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

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

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

    .top-row ::deep a:hover, .top-row ::deep .btn-link:hover {
        text-decoration: underline;
    }

    .top-row ::deep a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row {
        justify-content: space-between;
    }

    .top-row ::deep a, .top-row ::deep .btn-link {
        margin-left: 0;
    }
}

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

    .sidebar {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth ::deep a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row, article {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
*/
/* /Pages/Brands/AddOrEditBrandComponent.razor.rz.scp.css */
.actions-div[b-pss1tbtsi5] {
    display: flex;
    flex-direction: row-reverse;
    gap: 8px;
    padding-bottom: 16px;
    padding-top: 16px;
    border-top: 1px solid rgb(229, 229, 229);
}
/* /Pages/Categories/AddOrEditCategoryComponent.razor.rz.scp.css */
.actions-div[b-164wwssm5b] {
    display: flex;
    flex-direction: row-reverse;
    gap: 8px;
    padding-bottom: 16px;
    padding-top: 16px;
    border-top: 1px solid rgb(229, 229, 229);
}
/* /Pages/FreightFactor/AddBomProductForm.razor.rz.scp.css */
[b-avoz1ginz5] .mud-stepper-content {
    padding: 0;
}

[b-avoz1ginz5] .cancel-wrapper {
    display: flex;
    flex-grow: 1;
}

[b-avoz1ginz5] .next-wrapper {
    display: flex;
    flex-grow: 1;
    flex-direction: row-reverse;
}

[b-avoz1ginz5] .mud-stepper-actions {
    display: none;
}

/* Neutralize the global `.mud-table` / `.mud-table-container` min-height from
   wwwroot/css/gridstyles.css (tuned for full-page grids). Without this, the
   step-2 children table forces the dialog to ~100vh tall. */
[b-avoz1ginz5] .mud-table {
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: visible !important;
}

[b-avoz1ginz5] .mud-table-container {
    min-height: 0 !important;
    overflow-y: visible !important;
}
/* /Pages/FreightFactor/AddProductForm.razor.rz.scp.css */
[b-wsxmzy5t40] .mud-stepper-content {
    padding: 0;
}


[b-wsxmzy5t40] .cancel-wrapper {
    display: flex;
    flex-grow: 1;
}

[b-wsxmzy5t40] .next-wrapper {
    display: flex;
    flex-grow: 1;
    flex-direction: row-reverse;
}


[b-wsxmzy5t40] .mud-stepper-actions {
    display: none;
}
/* /Pages/FreightFactor/BomHistoryDialog.razor.rz.scp.css */
/* Neutralize the global `.mud-table` / `.mud-table-container` min-height from
   wwwroot/css/gridstyles.css (tuned for full-page grids, not dialogs). */
[b-63s5jnlccm] .mud-table {
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: visible !important;
}

[b-63s5jnlccm] .mud-table-container {
    min-height: 0 !important;
    overflow-y: visible !important;
}
/* /Pages/FreightFactor/EditBomChildrenDialog.razor.rz.scp.css */
/* Neutralize the global `.mud-table` / `.mud-table-container` min-height from
   wwwroot/css/gridstyles.css (which is tuned for full-page product grids, not
   dialogs). Without this override the child-list table inside this dialog is
   forced to ~100vh tall, which blows out the whole MudDialog. */
[b-pc8yij25fl] .mud-table {
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: visible !important;
}

[b-pc8yij25fl] .mud-table-container {
    min-height: 0 !important;
    overflow-y: visible !important;
}
/* /Pages/FreightFactor/EditFormulaPopup.razor.rz.scp.css */
.formula-title[b-frz7iv0b5k] {
    color: rgb(10, 10, 10);
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
}

[b-frz7iv0b5k] .formula-header {
    color: rgb(10, 10, 10);
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
}

[b-frz7iv0b5k] .formula-info {
    color: rgb(107, 114, 128);
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
}

[b-frz7iv0b5k] .math-buttons-wrapper{
    padding-top: 8px;
    display: flex;
    flex-direction: row;
    gap: 4px;
}

[b-frz7iv0b5k] .math-button {
    height: 22px;
    width: 22px;
    min-width: unset;
    padding: 0px;
    border-color: rgb(229, 229, 229);
    background-color: white;
    font-size: 16px;
    line-height: 16px;
    align-items: center;
    color: rgb(23, 23, 23);
}

    [b-frz7iv0b5k] .math-button:hover {
        background-color: rgb(245, 245, 245);
    }

    [b-frz7iv0b5k] .math-button svg{
        height: 16px;
        width: 16px;
    }


[b-frz7iv0b5k] .formula-input {
    margin-top: 8px;
    margin-bottom: 8px;
}

    [b-frz7iv0b5k] .formula-input textarea {
        padding: 8px 12px;
        margin-top: 2px;
        color: rgb(10, 10, 10);
        mask-image: unset;
    }

.actions-div[b-frz7iv0b5k] {
    padding: 0 16px 16px 16px
}



/* /Pages/FreightFactor/EditProductForm.razor.rz.scp.css */
.edit-item-form[b-hulg7tslcb] {
    width: 450px;
    height: 100vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

[b-hulg7tslcb] .form-header-wrapper {
    display: flex;
    height: 90px;
    min-height: 90px;
    padding: 12px 12px 8px 12px;
    border-bottom: 1px solid rgb(229, 229, 229);
    background-color: white;
    z-index: 1;
    flex-shrink: 0;
}

[b-hulg7tslcb] .form-headers {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow: hidden;
}

    [b-hulg7tslcb] .form-headers h2 {
        color: rgb(10, 10, 10);
        font-size: 18px;
        font-weight: 600;
    }

    [b-hulg7tslcb] .form-headers label {
        color: rgb(115, 115, 115);
    }

[b-hulg7tslcb] .form-display-control {
    align-content: center;
    min-width: 150px;
}

.effective-date-wrapper[b-hulg7tslcb] {
    padding: 12px 16px;
    border-bottom: 1px solid rgb(229, 229, 229);
    background-color: white;
    flex-shrink: 0;
}

[b-hulg7tslcb] .mud-expand-panel-text {
    color: rgb(17 24 39);
    font-weight: 500;
}

[b-hulg7tslcb] .form-content-wrapper {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}

[b-hulg7tslcb] .form-content-wrapper.details-view {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}

[b-hulg7tslcb] .mud-expand-panel {
    box-shadow: none;
    border-top: 1px solid rgb(229, 229, 229);
    border-bottom: none;
}

[b-hulg7tslcb] .mud-collapse-wrapper{
    padding-top: 4px;
}

[b-hulg7tslcb] .form-row-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.details-form-wrapper[b-hulg7tslcb]{
    padding: 24px;
}

[b-hulg7tslcb] .form-footer-wrapper {
    border-top: 1px solid rgb(229, 229, 229);
    height: 61px;
    min-height: 61px;
    padding: 8px 12px 12px 12px;
    flex-shrink: 0;
    background-color: white;
}

[b-hulg7tslcb] .form-footer{
    display: flex;
    flex-direction: row-reverse;
    gap: 10px;
}
/* /Pages/FreightFactor/EditProductFormRowDoubleNumeric.razor.rz.scp.css */
.form-row[b-ebympnce7j] {
    display: flex;
    flex-direction: row;
}

.form-label-wrapper[b-ebympnce7j]{
    width: 150px;
    padding-right: 8px;
    align-content: center;
}

.form-label[b-ebympnce7j] {
    color: rgb(107 114 128);
    font-weight: 500;
    font-size: .75rem;
}

.form-input-wrapper[b-ebympnce7j] {
    flex-grow: 1;
    max-width: 230px;
    display: flex;
    flex-direction: row;
    gap: 5px;
}

[b-ebympnce7j] .form-input-wrapper.editing input {
    cursor: pointer;
}

[b-ebympnce7j] .form-input-wrapper.editing fieldset {
    border: none !important;
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px, rgb(254, 202, 202) 0px 0px 0px 2px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;
}

.button-wrapper[b-ebympnce7j]{
    position: absolute;
    height: 0;
    width: 0;
}

[b-ebympnce7j] .dropdown-button {
    border-color: rgb(229, 231, 235) !important;
    background-color: rgb(243, 244, 246) !important;
    color: rgb(156, 163, 175) !important;
}

[b-ebympnce7j] .formula-button {
    position: relative;
    height: 22px;
    width: 22px;
    border-color: rgb(233, 213, 255);
    background-color: rgb(243 232 255);
    color: rgb(168 85 247);
}

[b-ebympnce7j] .formula-button-1 {
    top: 4.5px;
    left: 5px;
}

[b-ebympnce7j] .formula-button-2 {
    top: 4.5px;
    left: 130px;
}

[b-ebympnce7j] .formula-button .mud-svg-icon {
    height: .75rem;
    width: .75rem;
}

    [b-ebympnce7j] .formula-button:not(:where(.mud-collapse-entered *)) {
        display: none;
    }

[b-ebympnce7j] .shrunk-input .mud-input-outlined-border {
    border-color: hsl(0, 0%, 89.8%);
    border-width: 1px !important;
}

[b-ebympnce7j] .shrunk-input{
    width: 0px;
}

[b-ebympnce7j] .shrunk-input input {
    padding: 8px 12px;
    color: rgb(10, 10, 10);
    font-size: .75rem;
    line-height: 1rem;
    text-align: right;
}

[b-ebympnce7j] .shrunk-input.button-space input {
    margin-left: 22px;
}

.form-unit-wrapper[b-ebympnce7j] {

    padding-left: 5px;
    align-content: center;
}

.form-unit[b-ebympnce7j] {
    color: rgb(107 114 128);
    font-weight: 500;
    font-size: .75rem;
    width: 10px;
}

.middle-unit[b-ebympnce7j]{
    align-content:center;
}

.form-input1-override[b-ebympnce7j]{
    position: absolute;
    border: 3px solid red;
    background-color: transparent;
    margin-right: -5px;
}

.form-input2-override[b-ebympnce7j] {
    position: absolute;
    border: 3px solid green;
    background-color: transparent;
    margin-right: -5px;
}
/* /Pages/FreightFactor/EditProductFormRowSingleNumeric.razor.rz.scp.css */
.form-row[b-gpdy1rfdyx] {
    display: flex;
    flex-direction: row;
}

.form-label-wrapper[b-gpdy1rfdyx] {
    width: 150px;
    padding-right: 8px;
    align-content: center;
}

.form-label[b-gpdy1rfdyx] {
    color: rgb(107 114 128);
    font-weight: 500;
    font-size: .75rem;
}

.form-input-wrapper[b-gpdy1rfdyx] {
    flex-grow: 1;
    max-width: 230px;
    align-content: center
}

[b-gpdy1rfdyx] .form-input-wrapper.editing input{
    cursor: pointer;
}

[b-gpdy1rfdyx] .form-input-wrapper.editing fieldset {
    border: none !important;
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px, rgb(254, 202, 202) 0px 0px 0px 2px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;
}

.button-wrapper[b-gpdy1rfdyx]{
    position: absolute;
    height: 0;
    width: 0;
}

[b-gpdy1rfdyx] .dropdown-button {
    border-color: rgb(229, 231, 235) !important;
    background-color: rgb(243, 244, 246) !important;
    color: rgb(156, 163, 175) !important;
}

[b-gpdy1rfdyx] .formula-button {
    position: relative;
    top: -27.5px;
    left: 5px;
    height: 22px;
    width: 22px;
    border-color: rgb(233, 213, 255);
    background-color: rgb(243 232 255);
    color: rgb(168 85 247);
}

[b-gpdy1rfdyx] .formula-button .mud-svg-icon {
    height: .75rem;
    width: .75rem;
}

    [b-gpdy1rfdyx] .formula-button:not(:where(.mud-collapse-entered *)) {
        display: none;
    }

[b-gpdy1rfdyx] .shrunk-input .mud-input-outlined-border {
    border-color: hsl(0, 0%, 89.8%);
    border-width: 1px !important;
}

[b-gpdy1rfdyx] .shrunk-input input {

    padding: 8px 12px;
    color: rgb(10, 10, 10);
    font-size: .75rem;
    line-height: 1rem;
    text-align: right;
}

    [b-gpdy1rfdyx] .shrunk-input.button-space input {
        margin-left: 22px;
    }

.form-unit-wrapper[b-gpdy1rfdyx] {

    padding-left: 5px;
    align-content: center;
}

.form-unit[b-gpdy1rfdyx] {
    color: rgb(107 114 128);
    font-weight: 500;
    font-size: .75rem;
    width: 10px;
}
/* /Pages/FreightFactor/ProductsComponent.razor.rz.scp.css */
[b-oy3tm3lkwo] .mud-table {
    max-height: calc(100vh - 86px);
    min-height: calc(100vh - 86px);
}

[b-oy3tm3lkwo] .sticky-column {
    min-width: 350px;
}

.actions-div[b-oy3tm3lkwo] {
    display: flex;
    gap: 8px;
    align-items: center;
}

[b-oy3tm3lkwo] tr.bom-child-row > td {
    background-color: #eef6fc;
    border-top: 1px dashed rgba(33, 150, 243, 0.35);
}

[b-oy3tm3lkwo] tr.bom-child-row > td.sticky-column {
    border-left: 3px solid #2196f3;
}

[b-oy3tm3lkwo] tr.bom-child-row .bom-child-name {
    padding-left: 24px;
}
/* /Pages/FreightFactor/ProductsTimelineComponent.razor.rz.scp.css */

.page-header-wrapper[b-p6nfvu2r3c] {
    margin-top: 16px;
    border-top: 1px solid rgb(229, 229, 229);
    padding: 16px 0px;
}

[b-p6nfvu2r3c] .page-header {
    color: rgb(10, 10, 10);
    font-weight: 600;
    font-size: 18px
}

[b-p6nfvu2r3c] .page-subheader {
    color: rgb(115, 115, 115);
}

[b-p6nfvu2r3c] .date-cell{
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}


[b-p6nfvu2r3c] .product-status{
    text-align: center;
    flex-grow: 1;
    margin: 6px;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 0.25rem;
}

[b-p6nfvu2r3c] .Scheduled {
    background-color: rgb(219 234 254);
    color: rgb(30, 64, 175);
}

[b-p6nfvu2r3c] .Current {
    background-color: rgb(220, 252, 231);
    color: rgb(22, 101, 52);
}

[b-p6nfvu2r3c] .mud-table {
    max-height: calc(100vh - 169px);
    min-height: calc(100vh - 169px);
}

[b-p6nfvu2r3c] .mud-table-container {
    min-height: calc(100vh - 231px);
}

[b-p6nfvu2r3c] .sticky-column {
    min-width: unset;
}

[b-p6nfvu2r3c] .updated-cost {
    color: var(--table-data-green) !important;
}

[b-p6nfvu2r3c] .dialog-title {
    color: rgb(10, 10, 10);
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
}

[b-p6nfvu2r3c] .mud-table.notes-table {
    max-height: calc(100vh - 450px);
    min-height: calc(100vh - 450px);
}

[b-p6nfvu2r3c] .notes-table .mud-table-container {
    min-height: calc(100vh - 450px);
}
/* /Pages/ImportExport/ImportCostComponentsComponent.razor.rz.scp.css */
[b-8lxgopneln] .file-upload-input {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 10;
    opacity: 0;
}

[b-8lxgopneln] .file-input-wrapper{
    padding: 8px 16px 0 16px;
}
/* /Pages/ImportStaging/ImportBatchDetailComponent.razor.rz.scp.css */
[b-wmbsj7zljj] .cost-edit-field .mud-input-root {
    min-height: 30px;
}

[b-wmbsj7zljj] .cost-edit-field .mud-input-control {
    font-size: 0.875rem;
}

[b-wmbsj7zljj] .cost-edit-field .mud-input-control-input-container {
    padding: 4px 8px;
}

[b-wmbsj7zljj] .mud-table {
    max-height: calc(100vh - 375px);
    min-height: calc(100vh - 375px);
}

/* Table horizontal scroll wrapper */
.table-scroll-container[b-wmbsj7zljj] {
    overflow-x: auto;
}

/* Column minimum widths for responsiveness */
[b-wmbsj7zljj] .col-checkbox {
    width: 50px;
    min-width: 50px;
}

[b-wmbsj7zljj] .col-status {
    min-width: 120px;
}

[b-wmbsj7zljj] .col-product {
    min-width: 250px;
}

[b-wmbsj7zljj] .col-cost-type {
    min-width: 180px;
}

[b-wmbsj7zljj] .col-vendor-country {
    min-width: 200px;
}

[b-wmbsj7zljj] .col-brand-cobrand {
    min-width: 200px;
}

/* Keep cost-type cells the same height whether or not a "was X" line is shown.
   The placeholder div reserves the same line so inputs stay horizontally aligned. */
[b-wmbsj7zljj] .was-line {
    font-size: 0.75rem;
    color: #616161;
    line-height: 1rem;
    min-height: 1rem;
}

[b-wmbsj7zljj] .was-line-placeholder {
    visibility: hidden;
}
/* /Pages/ImportStaging/ImportStagingComponent.razor.rz.scp.css */
[b-bz4qnwj703] .mud-table {
    max-height: calc(100vh - 86px);
    min-height: calc(100vh - 86px);
}
/* /Pages/ProductDevelopment/ProductDevelopmentComponent.razor.rz.scp.css */
[b-ssd5xgr9pv] .mud-table {
    max-height: calc(100vh - 86px);
    min-height: calc(100vh - 86px);
}

[b-ssd5xgr9pv] .mud-table-cell button {
    padding: 12px;
}

[b-ssd5xgr9pv] td:first-child {
    margin-right: -16px;
    border-right: none !important;
    padding-right: 0;
}

    [b-ssd5xgr9pv] td:first-child .d-flex {
        justify-content: flex-end
    }

    [b-ssd5xgr9pv] td:first-child svg {
        fill: rgb(17, 24, 39)
    }

    [b-ssd5xgr9pv] td:first-child:not(:where(.white-row > *, .grey-row > *)) {
        background-color: var(--table-header-bg);
        border-top: 1px solid var(--mud-palette-table-lines);
    }

[b-ssd5xgr9pv] .sticky-column {
    min-width: 350px;
}

.actions-div[b-ssd5xgr9pv] {
    display: flex;
    gap: 8px;
    align-items: center;
}

[b-ssd5xgr9pv] tr.bom-child-row > td {
    background-color: #eef6fc;
    border-top: 1px dashed rgba(33, 150, 243, 0.35);
}

[b-ssd5xgr9pv] tr.bom-child-row > td.sticky-column {
    border-left: 3px solid #2196f3;
}

[b-ssd5xgr9pv] tr.bom-child-row .bom-child-name {
    padding-left: 24px;
}

/*::deep .mud-table {
    max-height: calc(100vh - 86px);
    min-height: calc(100vh - 86px);
}

::deep .subproduct {
    padding-left: 24px;
}*/
/* /Pages/Simulations/AddSimulationComponent.razor.rz.scp.css */
[b-eyr3ncuiws] .add-form-wrapper{
    width: 100%;
    min-height: 100px;
}

[b-eyr3ncuiws] .mud-stepper-content {
    padding: 0 16px 16px 16px;
}

[b-eyr3ncuiws] .card-title {
    color: rgb(17 24 39);
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin-bottom: 0.5rem;
}

[b-eyr3ncuiws] .card-description {
    color: rgb(115, 115, 115);
    font-size: 0.857rem;
}

[b-eyr3ncuiws] .scopes-wrapper{
    gap: 8px;
}

[b-eyr3ncuiws] .scope-wrapper{
    flex-grow: 1;
}
[b-eyr3ncuiws] .filter-wrapper{
    flex-grow: 1;
}

[b-eyr3ncuiws] .mud-select .mud-input input {
    padding: 10px 16px;
}

[b-eyr3ncuiws] div.mud-input-slot.mud-input-root.mud-input-root-outlined.mud-input-root-adorned-end.mud-select-input {
    padding: 10px 16px;
}

[b-eyr3ncuiws] .filter-selected {
    padding: 10px 16px;
}

[b-eyr3ncuiws] .mud-card-actions {
    background-color: rgb(249, 250, 251);
    padding: 16px;
}

[b-eyr3ncuiws] .cancel-wrapper {
    display: flex;
    flex-grow: 1;
}

[b-eyr3ncuiws] .cancel-button {
    background-color: white;
    border-color: rgb(229, 229, 229);
}

    [b-eyr3ncuiws] .cancel-button:hover {
        background-color: hsl(0 0% 96.1%);
    }

[b-eyr3ncuiws] .next-wrapper {
    display: flex;
    flex-grow: 1;
    flex-direction: row-reverse;
}

[b-eyr3ncuiws] .scope-filter-row {
    gap: 16px;
}

[b-eyr3ncuiws] .mud-stepper-actions{
    display: none;
}

[b-eyr3ncuiws] .details-card{
    flex-grow: 1;
}

[b-eyr3ncuiws] .mud-table {
    max-height: calc(100vh - 350px);
    min-height: calc(100vh - 350px);
}

[b-eyr3ncuiws] .mud-table-container {
    min-height: calc(100vh - 400px);
}

[b-eyr3ncuiws] .mud-checkbox-true {
    color: rgb(239, 67, 67);
}


/* /Pages/Simulations/SimulationsComponent.razor.rz.scp.css */

[b-7nibi69t86] .mud-table {
    height: 100%
}
/* /Pages/Simulations/ViewSimulationComponent.razor.rz.scp.css */
.filters-row[b-lxh7vcyfy6] {
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
}

[b-lxh7vcyfy6] .add-variable-wrapper{
    align-content: center;
    min-width: 175px;
    max-width: 175px;
}

[b-lxh7vcyfy6] .add-variable input {
    padding: 8px;
    color: rgb(23, 23, 23);
    font-weight: 500;
    cursor: pointer !important;
}
    [b-lxh7vcyfy6] .add-variable input::placeholder {
        color: rgb(23, 23, 23);
        opacity: 1;
    }
    [b-lxh7vcyfy6] .add-variable input:disabled {
        opacity: 0.5 !important;
        cursor: unset !important;
    }

[b-lxh7vcyfy6] .variable-input input {
    padding: 8px;
    color: rgb(23, 23, 23);
    font-weight: 500;
    width: 50px;
    padding: 0.5rem 0.75rem;
    font-size: 12px;
    line-height: 1rem;
    background-color: white;
    border-radius: calc(0.5rem - 2px);
}

[b-lxh7vcyfy6] button.variable-remove{
    padding: 0;
}

[b-lxh7vcyfy6] .mud-table {
    margin-top: 0;
    max-height: calc(100vh - 149px);
    min-height: calc(100vh - 149px);
}

[b-lxh7vcyfy6] .mud-table-container {
    min-height: calc(100vh - 211px);
}

.cancel-wrapper[b-lxh7vcyfy6]{
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    padding-left: 16px;
    padding-bottom:8px;
}

.save-delete-wrapper[b-lxh7vcyfy6] {
    display: flex;
    flex-direction: row-reverse;
    gap: 10px;
    flex-grow: 1;
    padding-right: 16px;
    padding-bottom: 8px;
}
/* /Pages/Vendors/AddOrEditVendorComponent.razor.rz.scp.css */
.actions-div[b-i3k8mrvpfh] {
    display: flex;
    flex-direction: row-reverse;
    gap: 8px;
    padding-bottom: 16px;
    padding-top: 16px;
    border-top: 1px solid rgb(229, 229, 229);
}