@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.olwso25aue.bundle.scp.css';

/* /Features/BillingLineItems/BillingLineItemEdit.razor.rz.scp.css */
.billing-line-item-edit-dialog .dialog-header[b-s1fdtmev1p] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    border-bottom: 1px solid var(--mud-palette-divider);
    background-color: var(--mud-palette-surface);
    position: sticky;
    top: 0;
    z-index: 1;
}

.billing-line-item-edit-dialog .dialog-actions-top[b-s1fdtmev1p] {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-left: auto;
    padding-bottom: 8px;
}

.billing-line-item-edit-dialog .scrollable-content[b-s1fdtmev1p] {
    max-height: 60vh;
    overflow-y: auto;
    padding: 16px 0;
}

.billing-line-item-edit-dialog .mud-dialog-content[b-s1fdtmev1p] {
    padding: 16px 24px !important;
    max-height: calc(80vh - 64px);
    overflow: hidden;
}

.billing-line-item-edit-dialog .mud-dialog-title[b-s1fdtmev1p] {
    padding: 16px 24px !important;
    border-bottom: 1px solid var(--mud-palette-divider);
    background-color: var(--mud-palette-surface);
    position: sticky;
    top: 0;
    z-index: 2;
}

.billing-line-item-edit-dialog .scrollable-content .mud-grid[b-s1fdtmev1p] {
    margin: 0;
}

.billing-line-item-edit-dialog .scrollable-content[b-s1fdtmev1p]::after {
    content: '';
    display: block;
    height: 16px;
}
/* /Features/Filters/FilterEdit.razor.rz.scp.css */
.filter-edit-dialog .dialog-header[b-0fv0j3ko78] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    border-bottom: 1px solid var(--mud-palette-divider);
    background-color: var(--mud-palette-surface);
    position: sticky;
    top: 0;
    z-index: 1;
}

.filter-edit-dialog .dialog-actions-top[b-0fv0j3ko78] {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-left: auto;
    padding-bottom: 8px;
}

.filter-edit-dialog .scrollable-content[b-0fv0j3ko78] {
    max-height: 60vh;
    overflow-y: auto;
    padding: 16px 0;
}

.filter-edit-dialog .mud-dialog-content[b-0fv0j3ko78] {
    padding: 16px 24px !important;
    max-height: calc(80vh - 64px);
    overflow: hidden;
}

.filter-edit-dialog .mud-dialog-title[b-0fv0j3ko78] {
    padding: 16px 24px !important;
    border-bottom: 1px solid var(--mud-palette-divider);
    background-color: var(--mud-palette-surface);
    position: sticky;
    top: 0;
    z-index: 2;
}

.filter-edit-dialog .scrollable-content .mud-grid[b-0fv0j3ko78] {
    margin: 0;
}

.filter-edit-dialog .scrollable-content[b-0fv0j3ko78]::after {
    content: '';
    display: block;
    height: 16px;
}
/* /Features/LossFactors/LossFactorEdit.razor.rz.scp.css */
.loss-factor-edit-dialog .dialog-header[b-ky18lr82v7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    border-bottom: 1px solid var(--mud-palette-divider);
    background-color: var(--mud-palette-surface);
    position: sticky;
    top: 0;
    z-index: 1;
}

.loss-factor-edit-dialog .dialog-actions-top[b-ky18lr82v7] {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-left: auto;
    padding-bottom: 8px;
}

.loss-factor-edit-dialog .scrollable-content[b-ky18lr82v7] {
    max-height: 60vh;
    overflow-y: auto;
    padding: 16px 0;
}

.loss-factor-edit-dialog .mud-dialog-content[b-ky18lr82v7] {
    padding: 16px 24px !important;
    max-height: calc(80vh - 64px);
    overflow: hidden;
}

.loss-factor-edit-dialog .mud-dialog-title[b-ky18lr82v7] {
    padding: 16px 24px !important;
    border-bottom: 1px solid var(--mud-palette-divider);
    background-color: var(--mud-palette-surface);
    position: sticky;
    top: 0;
    z-index: 2;
}

.loss-factor-edit-dialog .scrollable-content .mud-grid[b-ky18lr82v7] {
    margin: 0;
}

.loss-factor-edit-dialog .scrollable-content[b-ky18lr82v7]::after {
    content: '';
    display: block;
    height: 16px;
}
/* /Features/PriceOverrides/PriceOverrideEdit.razor.rz.scp.css */
.price-override-edit-dialog .dialog-header[b-6kzwaezud7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    border-bottom: 1px solid var(--mud-palette-divider);
    background-color: var(--mud-palette-surface);
    position: sticky;
    top: 0;
    z-index: 1;
}

.price-override-edit-dialog .dialog-actions-top[b-6kzwaezud7] {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-left: auto; /* This pushes the buttons to the right */
    padding-bottom: 8px;
}

.price-override-edit-dialog .scrollable-content[b-6kzwaezud7] {
    max-height: 60vh;
    overflow-y: auto;
    padding: 16px 0;
}

/* Ensure the dialog content area allows for proper scrolling */
.price-override-edit-dialog .mud-dialog-content[b-6kzwaezud7] {
    padding: 16px 24px !important;
    max-height: calc(80vh - 64px);
    overflow: hidden;
}

/* Style the title content to be sticky */
.price-override-edit-dialog .mud-dialog-title[b-6kzwaezud7] {
    padding: 16px 24px !important;
    border-bottom: 1px solid var(--mud-palette-divider);
    background-color: var(--mud-palette-surface);
    position: sticky;
    top: 0;
    z-index: 2;
}

/* Ensure proper spacing in scrollable content */
.price-override-edit-dialog .scrollable-content .mud-grid[b-6kzwaezud7] {
    margin: 0;
}

/* Add some bottom padding to the scrollable content for better UX */
.price-override-edit-dialog .scrollable-content[b-6kzwaezud7]::after {
    content: '';
    display: block;
    height: 16px;
}
/* /Features/Translations/TranslationEdit.razor.rz.scp.css */
.translation-edit-dialog .dialog-header[b-z3vw3lvblq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    border-bottom: 1px solid var(--mud-palette-divider);
    background-color: var(--mud-palette-surface);
    position: sticky;
    top: 0;
    z-index: 1;
}

.translation-edit-dialog .dialog-actions-top[b-z3vw3lvblq] {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-left: auto;
    padding-bottom: 8px;
}

.translation-edit-dialog .scrollable-content[b-z3vw3lvblq] {
    max-height: 60vh;
    overflow-y: auto;
    padding: 16px 0;
}

.translation-edit-dialog .mud-dialog-content[b-z3vw3lvblq] {
    padding: 16px 24px !important;
    max-height: calc(80vh - 64px);
    overflow: hidden;
}

.translation-edit-dialog .mud-dialog-title[b-z3vw3lvblq] {
    padding: 16px 24px !important;
    border-bottom: 1px solid var(--mud-palette-divider);
    background-color: var(--mud-palette-surface);
    position: sticky;
    top: 0;
    z-index: 2;
}

.translation-edit-dialog .scrollable-content .mud-grid[b-z3vw3lvblq] {
    margin: 0;
}

.translation-edit-dialog .scrollable-content[b-z3vw3lvblq]::after {
    content: '';
    display: block;
    height: 16px;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.my-container[b-mofjs8prq4] {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-areas: "titlebar titlebar" "nav main ";
    grid-template-columns: auto 1fr;
    grid-template-rows: auto 1fr;
}

.navMenu[b-mofjs8prq4] {
    border-right: 2px solid var(--font-color);
    background: var(--nav-background);
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    height: 100%;
}

.my-titlebar[b-mofjs8prq4] {
    grid-area: titlebar;
}

.main[b-mofjs8prq4] {
    grid-area: main;
    padding-left: 1rem;
    padding-right: 1rem;
    overflow-y: auto;
    color: var(--font-color);
    background-color: var(--background-dark);
}

html[b-mofjs8prq4] {
    height: 100%;
}

body[b-mofjs8prq4] {
    height: 100%;
    min-height: 100%;
}
/* /Layout/NavMenu.razor.rz.scp.css */
#sidebar[b-lsoweralpx] {
    max-width: 264px;
    min-width: 264px;
    transition: all 0.35s ease-in-out;
    box-shadow: 0 0 35px 0 rgba(49, 57, 66, 0.5);
    z-index: 1111;
}

/* Sidebar collapse */

#sidebar.collapsed[b-lsoweralpx] {
    margin-left: -264px;
}

.navbar-collapsed[b-lsoweralpx] {    
    transition: width 0.3s ease;
}

.navbar-expanded[b-lsoweralpx] {    
    transition: width 0.3s ease;        
}

.navbar-common[b-lsoweralpx] {
    width: auto;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    padding-right: 5px !important;
    padding-left: 0px !important;
}

.nav-container[b-lsoweralpx] {
    padding-left: 0.5rem !important;
}

.sidebar-nav[b-lsoweralpx] {
    padding: 0;
}

.sidebar-header[b-lsoweralpx] {
    color: #e9ecef;
    font-size: .75rem;
    padding: 1.5rem 1.5rem .375rem;
}

a.sidebar-link[b-lsoweralpx] {
    padding: .625rem 0.75rem;
    color: #e9ecef;
    position: relative;
    display: block;
    font-size: 1rem;
}

a.sidebar-link :hover[b-lsoweralpx] {
    text-decoration: underline;
}

.sidebar-link[data-bs-toggle="collapse"][b-lsoweralpx]::after {
    border: solid;
    border-width: 0 .075rem .075rem 0;
    content: "";
    display: inline-block;
    padding: 2px;
    position: absolute;
    right: 1.5rem;
    top: 1.4rem;
    transform: rotate(-135deg);
    transition: all .2s ease-out;
}

.sidebar-link[data-bs-toggle="collapse"].collapsed[b-lsoweralpx]::after {
    transform: rotate(45deg);
    transition: all .2s ease-out;
}

.nav-link-header[b-lsoweralpx] {
    background-color: var(--nav-header-background);
}

.nav-pills .nav-link.active[b-lsoweralpx], .nav-pills .show > .nav-link[b-lsoweralpx] {
    color: #fff !important;
    background-color: var(--nav-selected-color);
}

/* Ensure active nav links have white text and icons with high specificity */
.nav-pills .nav-link.active[b-lsoweralpx],
.nav-pills .nav-link.active span[b-lsoweralpx],
.nav-pills .nav-link.active i[b-lsoweralpx],
.nav-pills .nav-link.active .bi[b-lsoweralpx] {
    color: #fff !important;
}

/* Also target the sidebar-link class when active */
.nav-pills .sidebar-link.active[b-lsoweralpx],
.nav-pills .sidebar-link.active span[b-lsoweralpx],
.nav-pills .sidebar-link.active i[b-lsoweralpx],
.nav-pills .sidebar-link.active .bi[b-lsoweralpx] {
    color: #fff !important;
}

a.nav-link :hover[b-lsoweralpx] {
    text-decoration: underline;
}

/* Reduce left padding for nav links */
.nav-link[b-lsoweralpx] {
    padding-left: 0.75rem !important;
}
/* /Shared/Components/ConfirmButton.razor.rz.scp.css */
.confirm[b-bqbd4dk127] {
    background-color: var(--background);
}

button[b-bqbd4dk127] {
    margin-left: 10px;
}


button.default-button[b-bqbd4dk127] {
    color:var(--nav-selected-color);
    background-color: var(--nav-selected-background);
}
/* /Shared/Components/FeDetailActionBar.razor.rz.scp.css */
.action-buttons button[b-9vt2x3xp3d] {
    margin-left: 10px;
}

button.default-button[b-9vt2x3xp3d] {
    color: var(--nav-selected-color);
    background-color: var(--nav-selected-background);
}

.delete-confirm[b-9vt2x3xp3d] {
    background-color: var(--nav-selected-background);
}

.grid-title[b-9vt2x3xp3d] {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.action-button-list[b-9vt2x3xp3d] {
    width: 80%;
    position: relative;
    top: 45px;
    margin-left: auto;
    margin-right: 0;
    margin-top: 0;
    padding: 0;
    z-index: 99;
}

/* /Shared/Components/FeGridActionBar.razor.rz.scp.css */
.action-buttons button[b-m98unr75ey] {
    margin-left: 10px;
}

.grid-title[b-m98unr75ey] {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

button.default-button[b-m98unr75ey] {
    color: var(--nav-selected-color);
    background-color: var(--nav-selected-background);
    
}
/* /Shared/Components/LoadingOverlay.razor.rz.scp.css */
.overlay[b-pf5t3nfjgo] {
    position: absolute; 
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.7);
    z-index: 19999;
    display: flex; 
    align-items: center; 
    justify-content: center; 
}
/* /Shared/Components/ModalInputPrompt.razor.rz.scp.css */
.btn-outlineCancel.btn-outlineCancel[b-g5xbfy1vsk] {
    background-color: lightgray;
}

.prompt-value[b-g5xbfy1vsk] {
    margin-right: 0;
}
/* /Shared/Form/FeHtmlText.razor.rz.scp.css */
.default-html-class[b-xcd04iw781] {
    background-color: white;
    color: darkgray;
    border: 1px solid darkgray;
    padding-left:10px;
    padding-right:10px;
    min-height:20px;
}
/* /Shared/TitleBar.razor.rz.scp.css */
.titlebar[b-m8e0t4m40x] {
    background-color: var(--title-background);
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    height: 60px;
    display: grid;
    grid-template-areas: "collapse logo theme appinfo userinfo";
    grid-template-columns: 60px 120px 60px 1fr 320px;
    grid-template-rows: auto;
    font-size: x-large;
    color: var(--title-color);
}

.my-collapse[b-m8e0t4m40x] {
    grid-area: collapse;
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right:20px;
    margin-left: -20px;
}

.my-logo[b-m8e0t4m40x] {
    grid-area: logo;
    padding-bottom: 0px;
    padding-top: 0px;
    height: 28px;
    width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.my-logo img[b-m8e0t4m40x] {
    max-height: 28px;
    max-width: 100%;
}

.my-appinfo[b-m8e0t4m40x] {
    font-weight: 700;
    grid-area: appinfo;
    display: flex;
    justify-content: center;
    align-items: center;
}

.title-container[b-m8e0t4m40x] {
    text-align: center;
    width: 100%;
}

.app-title[b-m8e0t4m40x] {
    display: inline-block;
}

.my-theme[b-m8e0t4m40x] {
    grid-area: theme;
    padding-bottom: 10px;
    padding-top: 0px;
}

.my-env[b-m8e0t4m40x] {
    color: yellow;
    padding-left:20px;
}

.my-buttons[b-m8e0t4m40x] {
    grid-area: buttons;
    padding-bottom: 0px;
    padding-top: 0px;
}

.my-userinfo[b-m8e0t4m40x] {
    grid-area: userinfo;
    padding-bottom: 0px;
    padding-top: 0px;
    padding-right:10px;
}

.theme-btn[b-m8e0t4m40x] {
    background-color: transparent;
    border-color: transparent;
}

.collapse-btn[b-m8e0t4m40x] {
    background-color: transparent;
    border-color: transparent;
}
