/*-----------Syncfusion Components-----------*/

/*#region bcBadge */

.bc-badge {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.25rem;
    font-style: normal;
    font-weight: 700;
    height: fit-content;
    width: fit-content;
}

.bc-badge--is-disabled {
    opacity: 0.3
}

/*Counter Badges */
.bc-counter-badge {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1rem; /* 133.333% */
    font-style: normal;
    border: none;
    height: fit-content;
}

/* Badge Sizes */
.bc-badge.bc-badge--size-small {
    padding: 0.125rem 0.3125rem;
    font-size: 0.75rem;
    line-height: 1.125rem; /* 133.333% */
}

.bc-badge.bc-badge--size-medium {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    line-height: 1.125rem; /* 133.333% */
}

.bc-badge.bc-badge--size-large {
    padding: 0.375rem 0.625rem;
    font-size: 0.875rem;
    line-height: 1.25rem; /* 133.333% */
}

.bc-counter-badge.bc-counter-badge--size-small {
    padding: 0.06rem 0.275rem;
    border-radius: 1.5rem;
    min-width: 1.0rem;
}

.bc-counter-badge.bc-counter-badge--size-medium {
    padding: 0.125rem 0.3125rem;
    border-radius: 1.5rem;
    min-width: 1.25rem;
}

/*#region Badge Styles and Colors */

/* Filled Text Badge */
.bc-badge.bc-badge--green-filled {
    background-color: var(--green);
    color: var(--white);
}

.bc-badge.bc-badge--yellow-filled {
    background-color: var(--yellow);
    color: var(--black);
}

.bc-badge.bc-badge--red-filled {
    background-color: var(--red);
    color: var(--white);
}

.bc-badge.bc-badge--blue-filled {
    background-color: var(--blue);
    color: var(--white);
}

.bc-badge.bc-badge--orange-filled {
    background-color: var(--orange);
    color: var(--black);
}

.bc-badge.bc-badge--purple-filled {
    background-color: var(--purple);
    color: var(--white);
}

.bc-badge.bc-badge--lilac-filled {
    background-color: var(--bc-lilac-bg);
    color: var(--white);
}

.bc-badge.bc-badge--grey-filled {
    background-color: var(--bc-grey-600);
    color: var(--white);
}

/* Tinted Text Badge */
.bc-badge.bc-badge--green-tinted {
    background-color: var(--green-subtle);
    color: var(--green-emphasis);
}

.bc-badge.bc-badge--yellow-tinted {
    background-color: var(--yellow-subtle);
    color: var(--yellow-emphasis);
}

.bc-badge.bc-badge--red-tinted {
    background-color: var(--red-subtle);
    color: var(--red-emphasis);
}

.bc-badge.bc-badge--blue-tinted {
    background-color: var(--blue-subtle);
    color:var(--blue-emphasis);
}

.bc-badge.bc-badge--orange-tinted {
    background-color: var(--orange-subtle);
    color: var(--orange-emphasis);
}

.bc-badge.bc-badge--purple-tinted {
    background-color: var(--purple-subtle);
    color: var(--purple-emphasis);
}

.bc-badge.bc-badge--lilac-tinted {
    background-color: var(--bc-lilac-bg);
    color: var(--bc-lilac-foreground);
}

.bc-badge.bc-badge--grey-tinted {
    background-color: var(--bc-grey-300);
    color: var(--bc-grey-800);
}

/* Plain Text Badge */
.bc-badge.bc-badge--green-plain {
    background: none;
    color: var(--green);
    border: none;
    font-weight: 700;
}

.bc-badge.bc-badge--yellow-plain {
    background: none;
    color: var(--yellow);
    border: none;
}

.bc-badge.bc-badge--red-plain {
    background: none;
    color: var(--red);
    border: none;
}

.bc-badge.bc-badge--blue-plain {
    background: none;
    color: var(--blue);
    border: none;
}

.bc-badge.bc-badge--orange-plain {
    background: none;
    color: var(--orange);
    border: none;
}

.bc-badge.bc-badge--purple-plain {
    background: none;
    color: var(--purple);
    border: none;
}

.bc-badge.bc-badge--lilac-plain {
    background: none;
    color: var(--bc-lilac-bg);
    border: none;
}

.bc-badge.bc-badge--grey-plain {
    background: none;
    color: var(--bc-grey-600);
    border: none;
}

/* Filled Primary Badge */
.bc-counter-badge.bc-counter-badge--primary-filled {
    background-color: var(--theme-button-primary-filled-background);
    color: var(--theme-button-primary-filled-foreground);
}

/* Filled Secondary Badge */
.bc-counter-badge.bc-counter-badge--secondary-filled {
    background-color: var(--theme-button-secondary-filled-background);
    color: var(--theme-button-secondary-filled-foreground);
}

/* Tinted Primary Badge */
.bc-counter-badge.bc-counter-badge--primary-tinted {
    background-color: var(--theme-button-primary-tinted-background);
    color: var(--theme-button-primary-tinted-foreground);
}

/* Tinted Secondary Badge */
.bc-counter-badge.bc-counter-badge--secondary-tinted {
    background-color: var(--theme-button-secondary-tinted-background);
    color: var(--theme-button-secondary-tinted-foreground);
}

/* Plain Primary Badge */
.bc-counter-badge.bc-counter-badge--primary-plain {
    background: none;
    color: var(--theme-button-primary-plain-foreground);
    border: none;
}

/* Plain Secondary Badge */

.bc-counter-badge.bc-counter-badge--secondary-plain {
    background: none;
    color: var(--theme-button-secondary-plain-foreground);
    border: none;
}

/*#endregion Badge Styles and Colors */

/*#endregion Badges */

/*#region bcButton */
.bc-button {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.375rem;
    border-radius: 0.375rem;
    font-style: normal;
    font-weight: 500;
    border: none;
    height: fit-content;
    width: fit-content;
}

/* Dropdown Buttons */
.bc-button.e-dropdown-btn:focus, .bc-button.e-dropdown-btn.e-btn:focus {
    box-shadow: none;
}

.bc-button.e-dropdown-popup .e-dropdown-menu {
    border: none;
    overflow: hidden;
    padding: 0;
}

.bc-button.e-dropdown-popup .e-dropdown-menu .e-item {
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    height: fit-content;
    color: var(--theme-dropdownbutton-menu-foreground);
}

.bc-button.e-dropdown-popup .e-dropdown-menu .e-item:hover {
    background-color: var(--theme-dropdownbutton-menu-hover-background);
    color: var(--theme-dropdownbutton-menu-hover-foreground);
}

.bc-button.e-dropdown-popup .e-dropdown-menu .e-item:active {
    background-color: var(--theme-dropdownbutton-menu-active-background);
    color: var(--theme-dropdownbutton-menu-active-foreground);
}

.bc-button.e-dropdown-popup .e-dropdown-menu .e-item:focus {
    background-color: var(--theme-dropdownbutton-menu-focus-background);
    color: var(--theme-dropdownbutton-menu-focus-foreground);
}

.bc-button.e-dropdown-popup .e-dropdown-menu .e-item .e-menu-icon{
    font-size: 1rem;
    line-height: 1.25rem;
    color: var(--theme-dropdownbutton-menu-foreground);
}

.bc-button.bc-button--primary-filled.e-dropdown-popup, .bc-button.bc-button--primary-filled.e-dropdown-popup:hover, .bc-button.bc-button--primary-filled.e-dropdown-popup:active, .bc-button.bc-button--primary-filled.e-dropdown-popup:focus {
    padding: 0;
    background-color: var(--theme-dropdownbutton-menu-background);
    border: 1px solid var(--theme-dropdownbutton-menu-border);
}

.bc-button.bc-button--secondary-filled.e-dropdown-popup, .bc-button.bc-button--secondary-filled.e-dropdown-popup:hover, .bc-button.bc-button--secondary-filled.e-dropdown-popup:active, .bc-button.bc-button--secondary-filled.e-dropdown-popup:focus {
    padding: 0;
    background-color: var(--theme-dropdownbutton-menu-background);
    border: 1px solid var(--theme-dropdownbutton-menu-border);
}

.bc-button.bc-button--primary-outlined.e-dropdown-popup, .bc-button.bc-button--primary-outlined.e-dropdown-popup:hover, .bc-button.bc-button--primary-outlined.e-dropdown-popup:active, .bc-button.bc-button--primary-outlined.e-dropdown-popup:focus {
    padding: 0;
    background-color: var(--theme-dropdownbutton-menu-background);
    border: 1px solid var(--theme-dropdownbutton-menu-border);
}

.bc-button.bc-button--secondary-outlined.e-dropdown-popup, .bc-button.bc-button--secondary-outlined.e-dropdown-popup:hover, .bc-button.bc-button--secondary-outlined.e-dropdown-popup:active, .bc-button.bc-button--secondary-outlined.e-dropdown-popup:focus {
    padding: 0;
    background-color: var(--theme-dropdownbutton-menu-background);
    border: 1px solid var(--theme-dropdownbutton-menu-border);
}

.bc-button.bc-button--primary-tinted.e-dropdown-popup, .bc-button.bc-button--primary-tinted.e-dropdown-popup:hover, .bc-button.bc-button--primary-tinted.e-dropdown-popup:active, .bc-button.bc-button--primary-tinted.e-dropdown-popup:focus {
    padding: 0;
    background-color: var(--theme-dropdownbutton-menu-background);
    border: 1px solid var(--theme-dropdownbutton-menu-border);
}

.bc-button.bc-button--secondary-tinted.e-dropdown-popup, .bc-button.bc-button--secondary-tinted.e-dropdown-popup:hover, .bc-button.bc-button--secondary-tinted.e-dropdown-popup:active, .bc-button.bc-button--secondary-tinted.e-dropdown-popup:focus {
    padding: 0;
    background-color: var(--theme-dropdownbutton-menu-background);
    border: 1px solid var(--theme-dropdownbutton-menu-border);
}

.bc-button.bc-button--primary-plain.e-dropdown-popup, .bc-button.bc-button--primary-plain.e-dropdown-popup:hover, .bc-button.bc-button--primary-plain.e-dropdown-popup:active, .bc-button.bc-button--primary-plain.e-dropdown-popup:focus {
    padding: 0;
    background-color: var(--theme-dropdownbutton-menu-background);
    border: 1px solid var(--theme-dropdownbutton-menu-border);
}

.bc-button.bc-button--secondary-plain.e-dropdown-popup, .bc-button.bc-button--secondary-plain.e-dropdown-popup:hover, .bc-button.bc-button--secondary-plain.e-dropdown-popup:active, .bc-button.bc-button--secondary-plain.e-dropdown-popup:focus {
    padding: 0;
    background-color: var(--theme-dropdownbutton-menu-background);
    border: 1px solid var(--theme-dropdownbutton-menu-border);
}


/* Button Sizes */
.bc-button.bc-button--size-small {
    padding: 0.375rem 0.625rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.bc-button.bc-button--size-small .e-btn-icon {
    font-size: 1rem;
    line-height: 1.25rem;
}

.bc-button.bc-button--size-medium {
    padding: 0.625rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.bc-button.bc-button--size-medium .e-btn-icon {
    font-size: 1.25rem;
    line-height: 1.25rem;
}

.bc-button.bc-button--size-large {
    padding: 0.75rem 1rem;
    font-size: 1rem;
    line-height: 1.375rem;
}

.bc-button.bc-button--size-large .e-btn-icon {
    font-size: 1.25rem;
    line-height: 1.375rem;
}

/*#region Button Styles and Colors */
/* Filled Primary Button */
.bc-button.bc-button--primary-filled {
    background-color: var(--theme-button-primary-filled-background);
    color: var(--theme-button-primary-filled-foreground);
}

.bc-button.bc-button--primary-filled:hover {
    background-color: var(--theme-button-primary-filled-hover-background);
    color: var(--theme-button-primary-filled-hover-foreground);
}

.bc-button.bc-button--primary-filled:active {
    background-color: var(--theme-button-primary-filled-active-background);
    color: var(--theme-button-primary-filled-active-foreground);
}

.bc-button.bc-button--primary-filled:focus {
    /*focus styles intentionally commented */
}

.bc-button--is-disabled.bc-button--primary-filled, .bc-button--is-disabled.bc-button--primary-filled:hover, .bc-button--is-disabled.bc-button--primary-filled:active, .bc-button--is-disabled.bc-button--primary-filled:focus {
    background-color: var(--theme-button-primary-filled-disabled-background);
    color: var(--theme-button-primary-filled-disabled-foreground);
    opacity: 0.5;
}

/* Filled Secondary Button */
.bc-button.bc-button--secondary-filled {
    background-color: var(--theme-button-secondary-filled-background);
    color: var(--theme-button-secondary-filled-foreground);
}

.bc-button.bc-button--secondary-filled:hover {
    background-color: var(--theme-button-secondary-filled-hover-background);
    color: var(--theme-button-secondary-filled-hover-foreground);
}

.bc-button.bc-button--secondary-filled:active {
    background-color: var(--theme-button-secondary-filled-active-background);
    color: var(--theme-button-secondary-filled-active-foreground);
}

.bc-button.bc-button--secondary-filled:focus {
    /*focus styles intentionally commented */
}

.bc-button--is-disabled.bc-button--secondary-filled, .bc-button--is-disabled.bc-button--secondary-filled:hover, .bc-button--is-disabled.bc-button--secondary-filled:active, .bc-button--is-disabled.bc-button--secondary-filled:focus {
    background-color: var(--theme-button-secondary-filled-disabled-background);
    color: var(--theme-button-secondary-filled-disabled-foreground);
    opacity: 0.5;
}

/* Outline Primary Button */
.bc-button.bc-button--primary-outlined {
    background-color: var(--theme-button-primary-outline-background);
    color: var(--theme-button-primary-outline-foreground);
    border: 1px solid var(--theme-button-primary-outline-border);
}

.bc-button.bc-button--primary-outlined:hover {
    background-color: var(--theme-button-primary-outline-hover-background);
    color: var(--theme-button-primary-outline-hover-foreground);
    border: 1px solid var(--theme-button-primary-outline-hover-border);
}

.bc-button.bc-button--primary-outlined:active {
    background-color: var(--theme-button-primary-outline-active-background);
    color: var(--theme-button-primary-outline-active-foreground);
    border: 1px solid var(--theme-button-primary-outline-active-border);
}

.bc-button.bc-button--primary-outlined:focus {
    /*focus styles intentionally commented */
}

.bc-button--is-disabled.bc-button--primary-outlined, .bc-button--is-disabled.bc-button--primary-outlined:hover, .bc-button--is-disabled.bc-button--primary-outlined:active, .bc-button--is-disabled.bc-button--primary-outlined:focus {
    background-color: var(--theme-button-primary-outline-disabled-background);
    color: var(--theme-button-primary-outline-disabled-foreground);
    border: 1px solid var(--theme-button-primary-outline-disabled-border);
    opacity: 0.5;
}


/* Outline Secondary Button */
.bc-button.bc-button--secondary-outlined {
    background-color: var(--theme-button-secondary-outline-background);
    color: var(--theme-button-secondary-outline-foreground);
    border: 1px solid var(--theme-button-secondary-outline-border);
}

.bc-button.bc-button--secondary-outlined:hover {
    background-color: var(--theme-button-secondary-outline-hover-background);
    color: var(--theme-button-secondary-outline-hover-foreground);
    border: 1px solid var(--theme-button-secondary-outline-hover-border);
}

.bc-button.bc-button--secondary-outlined:active {
    background-color: var(--theme-button-secondary-outline-active-background);
    color: var(--theme-button-secondary-outline-active-foreground);
    border: 1px solid var(--theme-button-secondary-outline-active-border);
}

.bc-button.bc-button--secondary-outlined:focus {
    /*focus styles intentionally commented */
}

.bc-button--is-disabled.bc-button--secondary-outlined, .bc-button--is-disabled.bc-button--secondary-outlined:hover, .bc-button--is-disabled.bc-button--secondary-outlined:active, .bc-button--is-disabled.bc-button--secondary-outlined:focus {
    background-color: var(--theme-button-secondary-outline-disabled-background);
    color: var(--theme-button-secondary-outline-disabled-foreground);
    border: 1px solid var(--theme-button-secondary-outline-disabled-border);
    opacity: 0.5;
}

/* Tinted Primary Button */
.bc-button.bc-button--primary-tinted {
    background-color: var(--theme-button-primary-tinted-background);
    color: var(--theme-button-primary-tinted-foreground);
}

.bc-button.bc-button--primary-tinted:hover {
    background-color: var(--theme-button-primary-tinted-hover-background);
    color: var(--theme-button-primary-tinted-hover-foreground);
}

.bc-button.bc-button--primary-tinted:active {
    background-color: var(--theme-button-primary-tinted-active-background);
    color: var(--theme-button-primary-tinted-active-foreground);
}

.bc-button.bc-button--primary-tinted:focus {
    background-color: var(--theme-button-primary-tinted-focus-background);
    color: var(--theme-button-primary-tinted-focus-foreground);
    outline: 2px solid var(--theme-button-primary-tinted-focus-outline);
}

.bc-button--is-disabled.bc-button--primary-tinted, .bc-button--is-disabled.bc-button--primary-tinted:hover, .bc-button--is-disabled.bc-button--primary-tinted:active, .bc-button--is-disabled.bc-button--primary-tinted:focus {
    background-color: var(--theme-button-primary-tinted-disabled-background);
    color: var(--theme-button-primary-tinted-disabled-foreground);
    opacity: 0.5;
}


/* Tinted Secondary Button */
.bc-button.bc-button--secondary-tinted {
    background-color: var(--theme-button-secondary-tinted-background);
    color: var(--theme-button-secondary-tinted-foreground);
}

.bc-button.bc-button--secondary-tinted:hover {
    background-color: var(--theme-button-secondary-tinted-hover-background);
    color: var(--theme-button-secondary-tinted-hover-foreground);
}

.bc-button.bc-button--secondary-tinted:active {
    background-color: var(--theme-button-secondary-tinted-active-background);
    color: var(--theme-button-secondary-tinted-active-foreground);
}

.bc-button.bc-button--secondary-tinted:focus {
    background-color: var(--theme-button-secondary-tinted-focus-background);
    color: var(--theme-button-secondary-tinted-focus-foreground);
    outline: 2px solid var(--theme-button-secondary-tinted-focus-outline);
}

.bc-button--is-disabled.bc-button--secondary-tinted, .bc-button--is-disabled.bc-button--secondary-tinted:hover, .bc-button--is-disabled.bc-button--secondary-tinted:active, .bc-button--is-disabled.bc-button--secondary-tinted:focus {
    background-color: var(--theme-button-secondary-tinted-disabled-background);
    color: var(--theme-button-secondary-tinted-disabled-foreground);
    opacity: 0.5;
}

/* Plain Primary Button */
.bc-button.bc-button--primary-plain {
    background: none;
    color: var(--theme-button-primary-plain-foreground);
    border: none;
}

.bc-button.bc-button--primary-plain:hover {
    background-color: var(--theme-button-primary-plain-hover-background);
    color: var(--theme-button-primary-plain-hover-foreground);
}

.bc-button.bc-button--primary-plain:active {
    background-color: var(--theme-button-primary-plain-active-background);
    color: var(--theme-button-primary-plain-active-foreground);
}

.bc-button.bc-button--primary-plain:focus {
    background-color: var(--theme-button-primary-plain-focus-background);
    color: var(--theme-button-primary-plain-focus-foreground);
    outline: 2px solid var(--theme-button-primary-plain-focus-outline);
}

.bc-button--is-disabled.bc-button--primary-plain, .bc-button--is-disabled.bc-button--primary-plain:hover, .bc-button--is-disabled.bc-button--primary-plain:active, .bc-button--is-disabled.bc-button--primary-plain:focus {
    background: none;
    color: var(--theme-button-primary-plain-disabled-foreground);
    opacity: 0.5;
}

/* Plain Secondary Button */

.bc-button.bc-button--secondary-plain {
    background: none;
    color: var(--theme-button-secondary-plain-foreground);
    border: none;
}

.bc-button.bc-button--secondary-plain:hover {
    background-color: var(--theme-button-secondary-plain-hover-background);
    color: var(--theme-button-secondary-plain-hover-foreground);
}

.bc-button.bc-button--secondary-plain:active {
    background-color: var(--theme-button-secondary-plain-active-background);
    color: var(--theme-button-secondary-plain-active-foreground);
}

.bc-button.bc-button--secondary-plain:focus {
    background-color: var(--theme-button-secondary-plain-focus-background);
    color: var(--theme-button-secondary-plain-focus-foreground);
    outline: 2px solid var(--theme-button-secondary-plain-focus-outline);
}

.bc-button--is-disabled.bc-button--secondary-plain, .bc-button--is-disabled.bc-button--secondary-plain:hover, .bc-button--is-disabled.bc-button--secondary-plain:active, .bc-button--is-disabled.bc-button--secondary-plain:focus {
    background: none;
    color: var(--theme-button-secondary-plain-disabled-foreground);
    opacity: 0.5;
}

/*#endregion Button Styles and Colors */

.bc-button .e-btn-icon.e-icon-left, .e-css.bc-button .e-btn-icon.e-icon-left {
    margin-left: 0;
    width: fit-content;
}

/*#endregion Buttons */

/*region bcButtonGroup*/
.bc-button-group {
    width: fit-content;
    margin-bottom: 16px;
    border: 1px solid #737373;
    border-radius: 0.455rem;
}


.bc-button-group .e-btn:focus {
    box-shadow: none !important;
}

/*endregion BcButtonGroup*/

/*region bcButtonGroupButton*/
.bc-button-group-button {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    gap: 0.375rem;
    margin-left: 0 !important;
    border-radius: 0.375rem;
    font-style: normal;
    font-weight: 500;
    border: none;
    height: fit-content;
    width: fit-content;
    color: #4D4D4D;
    background-color: transparent;
}

/*BcButtonGroupButton Sizes*/
.bc-button-group-button.bc-button-group-button--size-small {
    padding: 0.375rem 0.625rem;
    font-size: var(--font-size-text-sm);
    line-height: 1.25rem;
}

.bc-button-group-button.bc-button-group-button--size-medium {
    padding: 0.625rem 0.75rem;
    font-size: var(--font-size-text-md);
    line-height: 1.25rem;
}

.bc-button-group-button.bc-button-group-button--size-large {
    padding: 0.75rem 1rem;
    font-size: var(--font-size-text-lg);
    line-height: 1.375rem;
}

.bc-button-group-button:hover {
    background-color: #EEEEEE;
    color: #4D4D4D;
}

.bc-button-group-button:focus {
    background-color: var(--theme-primary-default, var(--bc-primary)) !important;
    color: #FDF6F6 !important;
}

.bc-button-group-button--is-disabled {
    background-color: transparent !important;
    color: #4D4D4D !important;
    opacity: 0.5;
}

.bc-button-selected {
    background-color: var(--theme-primary-default, var(--bc-primary)) !important;
    color: #FDF6F6 !important;
}

/*endregion BcButtonGroupButton*/

/*region bcPanelCard*/
.bc-panel-card-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    justify-items: baseline;
}

.card-panel {
    margin-bottom: 32px;
}

.card-panel h5 {
    margin-bottom: 16px;
}

.bc-panel-card {
    display: flex;
    /*width: 450px;*/
    height: 136px;
    min-width: 320px;
    max-width:100%;
    padding: 24px;
    margin-bottom:1rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
}

.bc-panel-card--emergency .bc-panel-card__panel-card-icon {
    background: var(--Colors-background-accent-red, var(--bc-error-bg));
    color: var(--bc-error-foreground);
}

.bc-panel-card--settings .bc-panel-card__panel-card-icon {
    background: var(--bc-disabled-bg);
    color: var(--bc-muted-800);
}

.bc-panel-card--warning .bc-panel-card__panel-card-icon {
    background: var(--bc-warning-subtle);
}

.bc-panel-card--info .bc-panel-card__panel-card-icon {
    background: var(--bc-disabled-bg);
    color: var(--bc-muted-800);
}


.bc-panel-card--warning {
    background: var(--bc-warning-bg);
    border: 1px solid var(--bc-warning-border);
}

.bc-panel-card--info {
    background: var(--bc-surface-light);
    border: 1px solid var(--bc-warning-border);
}

.bc-panel-card--info .bc-panel-card__title {
    color: var(--bc-muted-800);
}


.warning-card .card-top-container .bc-panel-card__title {
    color: #844A1E;
}

.warning-card .card-bottom-container .bc-panel-card__subtitle {
    color: #844A1E;
}

.warning-card .bc-panel-card__clickable-text {
    color: #844A1E;
}

.bc-panel-card:hover {
    border: 1px solid var(--Colors-border-default, rgba(0, 0, 0, 0.56));
    background: var(--Colors-background-tertiary, #EEE);
}

.bc-panel-card:focus {
    border-radius: 8px;
    border: 2px solid var(--Colors-border-default, rgba(0, 0, 0, 0.56));
    background: var(--Colors-background-tertiary, #EEE);
}

.bc-panel-card:active {
    border-radius: 8px;
    border: 1px solid var(--Colors-border-default, rgba(0, 0, 0, 0.56));
    background: var(--Colors-background-quaternary, #DCDCDC);
}

.bc-panel-card__card-top-container {
    display: flex;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    justify-content: start;
}

.bc-panel-card__card-top-container .bc-panel-card__title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;

    overflow: hidden;
    color: var(--foreground-default, var(--bc-dark-900));
    text-overflow: ellipsis;


    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
}

.bc-panel-card__card-bottom-container .bc-panel-card__clickable-text{
    text-decoration: underline;
    cursor: pointer;
}

.bc-panel-card__card-bottom-container .bc-panel-card__subtitle {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    flex: 1 0 0;

    overflow: hidden;
    color: var(--foreground-muted, var(--bc-subtle-500));
    text-overflow: ellipsis;

    /* text-sm/regular */
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}

.bc-panel-card__card-bottom-container {
    /*display: flex;*/
    padding-left: 56px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
}
.bc-panel-card__panel-card-icon {
    display: flex;
    width: 40px;
    height: 40px;
    padding: 8px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 4px;
}

.bc-panel-card__panel-card-icon i:before {
    font-size: 22px;
    line-height: 22px;

}

.card-panel-wrapper {
    overflow-x: hidden ;
    padding-right:20px;
}

.bc-panel-card--disabled {
    pointer-events: none;
}

.bc-panel-card--disabled .bc-panel-card__panel-card-icon {
    background: var(--bc-disabled-bg);
    color: var(--bc-disabled-foreground);
}

.bc-panel-card--disabled .bc-panel-card__title,
.bc-panel-card--disabled .bc-panel-card__subtitle {
    color: var(--bc-disabled-foreground);
}

.view-only-card {
    pointer-events: none;
    cursor: default;
}

.view-only-card:hover {
    box-shadow: none;
}

.view-only-card--warning {
    cursor: default;
    pointer-events: none;
    background: var(--bc-warning-bg);
    border: 1px solid var(--bc-warning-border);
}

.view-only-card--warning:hover {
    background: var(--bc-warning-bg);
    border: 1px solid var(--bc-warning-border);
}

.view-only-card--warning .bc-panel-card__title,
.view-only-card--warning .bc-panel-card__subtitle,
.view-only-card--warning .bc-panel-card__clickable-text {
    pointer-events: auto;
    color: #844A1E;
}

.view-only-card--emergency {
    background: var(--Colors-background-accent-red, var(--bc-error-bg));
    border: 1px solid var(--bc-error-foreground);
}

.view-only-card--emergency:hover {
    background: var(--Colors-background-accent-red, var(--bc-error-bg));
    border: 1px solid var(--bc-error-foreground);
}

.view-only-card--emergency .bc-panel-card__title,
.view-only-card--emergency .bc-panel-card__subtitle,
.view-only-card--emergency .bc-panel-card__clickable-text {
    pointer-events: auto;
    color: var(--bc-error-foreground);
}

.view-only-card--settings {
    background: var(--bc-disabled-bg);
    border: 1px solid var(--bc-muted-800);
}

.view-only-card--settings:hover {
    background: var(--bc-disabled-bg);
    border: 1px solid var(--bc-muted-800);
}

.view-only-card--settings .bc-panel-card__title,
.view-only-card--settings .bc-panel-card__subtitle,
.view-only-card--settings .bc-panel-card__clickable-text {
    pointer-events: auto;
    color: var(--bc-muted-800);
}

.bc-panel-card--info {
    height: 100% !important;
    border-radius: 6px;
}

.bc-panel-card--info:hover {
    cursor: default !important;
    background-color: transparent !important;
    border: 1pt solid var(--bc-light-900) !important;
}

.bc-panel-card--info .bc-panel-card__card-top-container {
    align-items: flex-start;
}

.bc-panel-card--info .bc-panel-card__card-top-container .bc-panel-card__title {
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    text-align: left !important;
    padding-top: 2px;
    color: #344054;
}

.bc-panel-card--info .bc-panel-card__card-top-container .bc-panel-card__panel-card-icon {
    width: 32px !important;
    height: 32px !important;
    background: var(--bc-metric-3-background);
}

.bc-panel-card--info .bc-panel-card__card-top-container .bc-panel-card__panel-card-icon i:before {
    font-size:17px;
    line-height:17px;
}

.bc-panel-card--info .bc-panel-card__card-bottom-container {
    margin-top: -6px;
    padding-left:48px;
}
/*#endregion BcPanelCard*/

/*#region bcTextBox*/
.bc-textbox {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
    max-width: 700px;
}

.bc-numeric-textbox .e-numeric  {
    /*border: 1px solid #737373 !important;*/
    /*border-radius: 6px !important;*/
}

.bc-numeric-textbox input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.bc-textbox-searchbar-True {
    margin-bottom: -5px !important;
}

.bc-textbox-searchbar-True.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
    border-radius: 0.375rem !important;
}

.bc-textbox-searchbar-True .e-input-group:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) {
    border: 1px solid var(--theme-input-border) !important;
}

.bc-textbox-searchbar-True .bc-textbox-icon {
    margin-bottom: -27px;
    z-index: 1;
    width: min-content;
    margin-left: 9px;
}

.bc-textbox-searchbar-True .e-input-group {
    height: 32px;
    padding-left: 21px;
}

.bc-textbox-searchbar-True .e-control.e-textbox {
    height: 30px !important;
    margin-bottom: -8px !important;
}

.bc-textbox-searchbar-True input.e-input, .e-input-group input.e-input, .e-input-group input, .e-input-group.e-control-wrapper input.e-input, .e-input-group.e-control-wrapper input {
    padding-left: 14px !important;
}

.bc-textbox .e-control-wrapper .e-clear-icon-hide {
    display: flex !important;
}

.bc-textbox-label {
    font-weight: bold;
    margin-bottom: 6px;
}

.bc-mailsend-dialog {
    padding: 0 12px 0 12px;
}

.bc-mailsend-dialog {
    padding-top: 0;
}

.bc-textbox .e-input-group {
    border-radius: 0.375rem;
    overflow: hidden;
}

.bc-textbox span input {
    height: 38px !important;
}

.narrowpage-button-breadcrumb {
    background-color: transparent;
    border: none;
    color: #007bff;
    text-decoration: underline;
    cursor: pointer;
    font-size: 16px;
}

.bc-textbox-label .optional {
    font-weight: normal;
    color: gray;
    margin-left: 4px;
    font-size: 14px;
    line-height: 20px;
    text-align: left;

}

.info-icon {
    margin-left: 8px;
    color: gray;
    cursor: pointer;
}

.info-icon .e-tooltip{
    margin-top: -1px !important;
    margin-left: -3px !important;
    position:relative !important;
}

.bc-textbox-description {
    color: var(--bc-tooltip-gray);
    font-size: 0.875rem;
    margin-bottom: 8px;
}

.bc-textbox-description-bcmultiselect {
    color: var(--bc-tooltip-gray);
    font-size: 0.875rem;
}

/*#endregion BcTextBox*/

/*region bcTextArea*/
.bc-text-area {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
}

.bc-text-area__label {
    font-weight: 500;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
}

.bc-text-area__label__inner-text {
    font-weight: 500;
}

.bc-text-area__label .optional {
    font-size: 14px;
    font-weight: 400;
    color: var(--bc-tooltip-gray);
    margin-left: 8px;
}

.bc-text-area__label .info-icon {
    margin-left: 8px;
    color: #007bff;
    cursor: pointer;
}

.bc-text-area__label .info-icon i {
    font-size: 14px;
}

/* Description */
.bc-text-area__description {
    font-size: 12px;
    color: var(--bc-tooltip-gray);
    margin-bottom: 8px;
}

/* Text Area */
.bc-text-area textarea {
    width: 100%;
    border: 1px solid #ced4da;
    border-radius: 4px;
    padding: 8px 12px;
    font-size: 14px;
    background-color: #ffffff;
    resize: vertical;
    transition: border-color 0.3s ease-in-out;
    min-height: 120px;
}

.bc-text-area textarea:focus {
    border-color: #80bdff;
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.bc-text-area textarea.error {
    border-color: var(--bc-error-foreground);
    background-color: var(--bc-error-bg);
}

/* Error Message */
.bc-text-area__error {
    display: flex;
    align-items: center;
    color: var(--bc-error-foreground);
    font-size: 12px;
    margin-top: 8px;
}

.bc-text-area__error i {
    font-size: 14px;
    margin-right: 4px;
}

/*endregion Bc Text Area*/

/*region bcMultiselect*/
.bc-multiselect-wrapper {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
    max-width: 700px;
}

.bc-multiselect__label {
    margin-bottom: 0 !important;
}

.bc-multiselect__label__text {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    text-align: left;
}

.bc-multiselect__optional-text {
    font-weight: normal;
    color: gray;
    margin-left: 4px;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
}

.bc-multiselect__info-icon {
    margin-left: 8px;
    color: gray;
    cursor: pointer;
}

.bc-multiselect__info-icon .e-tooltip {
    margin-top: -1px !important;
    margin-left: -3px !important;
    position: relative !important;
}

.bc-multiselect__description {
    color: var(--bc-tooltip-gray);
    font-size: 0.875rem;
}

.bc-multiselect__container {
    margin-top: -17px;
}

.bc-multiselect__container i {
    transform: translateY(210%);
    z-index: 1;
    position: relative;
    margin-left: 16px;
}

.bc-multiselect span input {
    height: 38px !important;
}

.bc-multiselect .e-multi-select-wrapper {
}

.bc-multiselect .e-multi-select-wrapper .e-clear-icon-hide {
    display: flex !important;
}

.bc-multiselect .e-multi-select-wrapper .e-delim-hide {
    display: block !important;
}

.bc-multiselect .e-multi-select-wrapper .e-delim-values {
    display: none !important;
}

.bc-multiselect .e-multi-select-wrapper .e-chips-collection {
    display: block !important;
}

.bc-multiselect .e-multi-select-wrapper .e-chips {
    background-color: var(--bc-chip-bg) !important;
    border-radius: 25px;
    margin-top: 7px;
}

.bc-multiselect .e-multi-select-wrapper .e-chips .e-chips-close::before {
    color: var(--bc-chip-foreground);
    font-weight: 600;
}

.bc-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
    color: var(--bc-chip-foreground);
    font-weight: 500;
}

.bc-multiselect__error {
    color: var(--bc-error-foreground);
    margin-top: 4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
}

.bc-multiselect.error .e-input {
    outline: 1px solid red !important;
}

.bc-multiselect__container .e-clear-icon,
.bc-multiselect .e-multiselect.e-control-container.e-input-group .e-clear-icon {
    display: block !important;
    margin-top: -25px;
}

.bc-multiselect__container .e-ddl-icon,
.bc-multiselect .e-control-container .e-ddl-icon {
    margin-top: -33px;
}

.bc-multiselect__container .e-ddl-icon:hover {
    background-color: transparent;
    color: var(--bc-primary);
}

.bc-multiselect .e-input-group .e-placeholder {
    color: #999;
}

@media (max-width: 768px) {
    .bc-multiselect {
        max-width: 100%;
    }

    .bc-multiselect__container .e-clear-icon {
        position: absolute;
        top: 5px;
        right: 10px;
    }

    .bc-multiselect__icon {
        margin-left: 8px;
    }

    .bc-multiselect__label {
        margin-bottom: 4px;
    }
}

.bc-multiselect-icon-false .e-multi-select-wrapper {
    margin-left: 0 !important;
}

.bc-multiselect-icon-false .bc-multiselect__container {
    margin-top: 10px !important;
}
/*endregion BcMultiselect*/

/*#region bcSwitch*/
.e-switch-wrapper.e-switch-disabled .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper.e-switch-disabled .e-switch-inner.e-switch-active {
    background-color: var(--bc-primary);
    border-color: var(--bc-primary);
}

.bc-switch-container {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.toggle-container {
    display: flex;
    flex-direction: row;
    margin-bottom: 1rem;
}

.bc-switch-wrapper {
    display: flex;
    flex-direction: row;
    padding: 0 0 24px 0;
}

.bc-switch__switch {
    display: flex;
    align-items: center;
}

.bc-switch-info {
    display:flex;
    flex-direction:column;
    margin-left:10px;
}

.bc-switch-label {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;

}
.bc-switch-label--disabled {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: var(--bc-subtle-500);
}

.bc-switch-caption {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: var(--bc-subtle-500);
}

.bc-switch__dialog-form {
    padding: 0 !important;
}

.e-switch-wrapper, .e-css.e-switch-wrapper {
    height:24px;
    width: 40px !important;
}

.e-switch-wrapper .e-switch-handle {
    height: 20px !important;
    width: 20px !important;
}

.e-switch-wrapper .e-switch-handle.e-switch-active, .e-css.e-switch-wrapper .e-switch-handle.e-switch-active {
    margin-left: -22px !important;
}

.e-switch-wrapper .e-switch-handle, .e-css.e-switch-wrapper .e-switch-handle {
    background-color: #fff !important;
}

.e-switch-wrapper .e-switch-off, .e-css.e-switch-wrapper .e-switch-off {
    background-color: var(--bc-light-900);
    color: #FFFFFF;
}

.e-switch-wrapper .e-switch-inner, .e-css.e-switch-wrapper .e-switch-inner {
    border: none ;
}
.e-switch-wrapper .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper .e-switch-inner.e-switch-active {
    border-color: var(--bc-primary) !important;
}
.e-switch-wrapper:hover .e-switch-inner, .e-css.e-switch-wrapper:hover .e-switch-inner {
    color: var(--bc-light-900) !important;
    border-color: var(--bc-light-900) !important;
}
.e-switch-wrapper:hover .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper:hover .e-switch-inner.e-switch-active {
    color: var(--bc-primary) !important;
    border-color: var(--bc-primary) !important;
}
/*#endregion BcSwitch*/

/*#region bcTab*/
.bc-tab .e-content .e-item {
    padding-top: 5px;
}

.bc-tab.bc-fullheight > .e-content {
    height: calc(100% - 32px);
}
.bc-tab.bc-fullheight > .e-content .e-item {
    height: 100%;
}

.tabform-height {
    height: calc(100% - 42px);
}

.bc-tablistpage-content .bc-tab .e-content .e-item {
    padding-top: 0;
    height: 100%;
}

.bc-tabformpage-content .bc-tab .e-content .e-item {
    padding-top: 0;
    height: 100%;
}

.bc-tab .e-tab-header:not(.e-vertical)::before {
    border-width: 0 0 1px 0;
    border-color: var(--theme-tab-default-border);
}

.bc-tab .e-tab-header .e-toolbar-item {
    border-radius: 4px 4px 0 0;
}

.bc-tab .e-tab-header:not(.e-vertical) .e-toolbar-item {
    border-width: 0 0 1px 0;
    border-color: var(--theme-tab-default-border);
}

.bc-tab .e-tab-header .e-toolbar-item:hover {
    background-color: var(--theme-tab-hover-background);
}

.bc-tab .e-tab-header .e-toolbar-item:active {
    background-color: var(--theme-tab-active-background);
}

.bc-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
    border: none;
}

.bc-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
    border: none;
}

.bc-tab .e-tab-header .e-toolbar-item .e-tab-text {
    color: var(--theme-tab-default-foreground);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
}

.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text {
    color: var(--theme-tab-hover-foreground);
}

.bc-tab .e-tab-header:not(.e-vertical) .e-toolbar-item.e-active {
    border-width: 0 0 2px 0;
    border-color: var(--theme-tab-selected-border);
}

.bc-tab .e-tab-header .e-toolbar-item.e-active:hover {
    background-color: var(--theme-tab-hover-background);
}

.bc-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
    border: none;
}

.bc-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text {
    color: var(--theme-tab-default-foreground);
    font-weight: 700;
}

.rz-tabview-top > .rz-tabview-panels {
    overflow-x: hidden !important;
}
/*#endregion Tabs*/

/*#region bcGrid */
.bc-grid__container {
    flex-grow: 1;
}

.grid-container {
    height: 100%;
}

.grid-container-flex {
    display:flex;
    overflow: auto;
    width: 100%;
}

.bc-tablistpage-content .grid-container, .bc-listpage-content .grid-container, .bc-tabformpage-content .grid-container {
    height: calc(100% - 32px); /*full tab height - footer*/
}

.bc-grid__toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
    gap: 0.5rem;
}

.bc-grid__toolbar-left {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.bc-grid__toolbar-right {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.bc-grid__toolbar-filter-counter {
    white-space: nowrap;
    font-size: 0.875rem;
}

.bc-grid__content-container {
    border-radius: 0.5rem;
    border: 1px solid var(--theme-grid-default-border);
    overflow: hidden;
}

.bc-grid-bordered .e-gridheader, .bc-grid-bordered .e-gridcontent {
    border: 1px solid var(--theme-grid-default-border);
}

.bc-grid-bordered .e-gridheader {
    border-bottom: none;
    border-radius: 0.5rem 0.5rem 0 0;
}

.bc-grid-bordered .e-gridcontent {
    border-top: none;
}

.bc-grid-bordered .e-toolbar {
    background-color: transparent;
    margin-bottom: 0.5rem;
}

.bc-grid-bordered .e-toolbar .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
    margin-left: 0;
    padding-left: 0;
}

.bc-grid-bordered .e-toolbar .e-toolbar-items:first-child:not(.e-toolbar-multirow) > .e-toolbar-right .e-toolbar-item:last-child {
    margin-right: 0;
    padding-right: 0;
}

.bc-grid-bordered--rounded-corners .e-gridheader, .bc-grid-bordered--rounded-corners .e-gridcontent {
    border: 1px solid var(--theme-grid-default-border);
}

.bc-grid-bordered--rounded-corners .e-gridheader {
    border-bottom: none;
    border-radius: 0.5rem 0.5rem 0 0;
}

.bc-grid-bordered--rounded-corners .e-gridcontent {
    border-top: none;
    border-radius: 0 0 0.5rem 0.5rem
}

.bc-grid-bordered--rounded-corners .e-toolbar {
    background-color: transparent;
    margin-bottom: 0.5rem;
}

.bc-grid-bordered--rounded-corners .e-toolbar .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
    margin-left: 0;
    padding-left: 0;
}

.bc-grid-bordered--rounded-corners .e-toolbar .e-toolbar-items:first-child:not(.e-toolbar-multirow) > .e-toolbar-right .e-toolbar-item:last-child {
    margin-right: 0;
    padding-right: 0;
}

.bc-grid__content-container__borderless {
    border-radius: 0.5rem;
    overflow: hidden;
}

.bc-panel__content-container {
    overflow: hidden;
}

.bc-grid {
}

.bc-grid .e-headercell {
    background-color: var(--theme-grid-header-default-background);
}

.bc-grid .e-gridheader {
    background-color: var(--theme-grid-header-default-background);
}

.bc-grid .e-gridheader table th[rowspan], .bc-grid.e-device .e-gridheader table th[rowspan] {
    height: 3.5rem;
    vertical-align: middle;
    padding: 0 1rem;
}

.bc-grid .e-headercelldiv {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem; /* 142.857% */
}

.bc-grid .e-rowcell, .bc-grid .e-summarycell {
    height: 3.5rem;
    padding: 0 1rem;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem; /* 142.857% */
    cursor: default;
}

.bc-grid .e-rowcell:first-child, .bc-grid .e-summarycell:first-child {
    padding: 0 1rem;
}

.bc-grid .e-rowcell:last-child, .bc-grid .e-summarycell:last-child {
    padding: 0 1rem;
}

.bc-grid .e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd), .bc-grid .e-detailrowcollapse:not(.e-editedbatchcell):not(.e-updatedtd), .bc-grid .e-detailrowexpand:not(.e-editedbatchcell):not(.e-updatedtd), .bc-grid .bc-gridcontent .e-rowdragdrop:not(.e-editedbatchcell):not(.e-updatedtd), .bc-grid .bc-gridheader .e-rowdragdrop:not(.e-editedbatchcell):not(.e-updatedtd), .bc-grid .e-emptyrow:not(.e-editedbatchcell):not(.e-updatedtd) {
    color: var(--theme-default-foreground);
}

.bc-grid.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .bc-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .bc-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .bc-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .bc-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
    color: var(--theme-default-foreground);
    background-color: var(--theme-grid-content-hover-background);
}

.bc-grid td.e-active {
    background-color: var(--theme-grid-content-selected-background);
}

.bc-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
    box-shadow: none;
}

.bc-grid .bc-caption {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.125rem;
    color: var(--theme-text-subtitle);
}

.bc-grid__cell-container {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.bc-grid__cell-container--spaced-apart {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    justify-content: space-between;
}

.bc-grid-cell__content {
    overflow: hidden;
    text-overflow: ellipsis;
}

.bc-grid__footer {
    background-color: var(--theme-grid-footer-default-background);
    border-top: 1px solid var(--theme-grid-default-border);
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
}

.bc-grid__nav-button:hover {
    color: var(--theme-primary-default);
}

.tree-grid {
    height: calc(100% - 32px) !important; /*full tab height - footer*/
}

.tree-grid-container{
    height: calc(100% - 38px) !important; /*full tab height - footer*/
}
/*endregion grids*/

/*region bcFilePicker*/
.file-preview-content {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}
/*endregion bcfilepicker*/

/*region bcDropdownList*/
.bc-dropdown-list {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
}

.bc-dropdown-list-label {
    font-weight: 500;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
}

.bc-dropdown-list-label .optional {
    font-size: 14px;
    font-weight: 400;
    color: var(--bc-tooltip-gray);
    margin-left: 8px;
    margin-bottom: 4px;
}

.bc-dropdown-list-label .info-icon {
    margin-left: 8px;
    color: #007bff;
    cursor: pointer;
}

.bc-dropdown-list-label .info-icon i {
    font-size: 14px;
}

.bc-dropdown-list-description {
    font-size: 12px;
    color: var(--bc-tooltip-gray);
    margin-bottom: 8px;
}

.bc-dropdown {
    width: 100%;
    border: 1px solid var(--bc-border);
    border-radius: 4px;
    padding: 8px 12px;
    font-size: 14px;
    background-color: #ffffff;
    box-shadow: none;
    transition: border-color 0.3s ease-in-out;
}

.bc-dropdown:focus {
    border-color: #80bdff;
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.bc-dropdown.error {
    border-color: var(--bc-error-foreground);
    background-color: var(--bc-error-bg);
}

.bc-dropdown-list-error {
    display: flex;
    align-items: center;
    color: var(--bc-error-foreground);
    font-size: 12px;
    margin-top: 8px;
}

.bc-dropdown-list-error i {
    font-size: 14px;
    margin-right: 4px;
}

/*endregion Bc Dropdown List*/

/*region bcDropdownButton*/
.bc-dropdown-button--dropdown-style--sectionedlist .e-dropdown-menu li.e-disabled{
    height: 30px !important;
    font-weight: 700 !important;
    font-size: var(--font-size-text-xs) !important;
    opacity: 1 !important;
}

.form-dropdown-list .bc-dropdown-list-label {
    margin-bottom: 0 !important;
}

.form-dropdown-list .e-ddl.e-lib.e-input-group{
    padding: 4px;
}
/*endregion Bc Dropdown Buttton*/

/*region bcLink*/
.bc-link .e-btn.e-link {
    display: flex;
    align-items: center;
    padding: 0;
    gap: 6px;
    color: var(--theme-primary-default, var(--bc-primary)) !important;
    border-bottom-style: initial;
}

.bc-link--icon-only .e-btn.e-link{
    border:none !important;
}

.bc-link .bc-link__icon-text-container {
    padding-bottom: 2px;
    border-bottom: 2px solid var(--theme-primary-default, var(--bc-primary));
}

.bc-link .e-btn.e-link:hover {
    color: #9D2120 !important;
    text-decoration: none !important;
    background-color: transparent !important;
    border-color: transparent;
    border-bottom-color: #9D2120 !important;
}

.bc-link .e-btn:focus {
    background-color:transparent;
    text-decoration: none;
}

.bc-link--size-medium .e-btn.e-link {
    font-size: var(--font-size-text-sm);
    line-height: 20px;
}

.bc-link--size-large .e-btn.e-link {
    font-size: var(--font-size-text-lg);
    line-height: 22px;
}

/*endregion Bc link*/

/*region bcFieldInfo*/
.bc-field-info {

}

.bc-field-info__header-container {
    color: #595959;
}

.bc-field-info__value-container {
    color: var(--bc-dark-900);
}
/*endregion Bc Field Info*/

/*region bcCrisisMissionHeader*/
.bc-crisis-mission-header {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 10px;
    min-height: fit-content !important;
    overflow: visible;
}

.bc-crisis-mission-header__name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bc-crisis-mission-header__info {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 16px;
}

.bc-field-info__value-container {
    display: flex;
    gap: 16px;
}
/*endregion Bc Crisis Mission Header*/

/*region BcFieldLabel*/
.bc-field-label {
    display: flex;
    flex-direction: column;
    margin-bottom: 8px;
}

.bc-field-label__top-container {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.bc-field-label__top-container__label {
    color: var(--bc-dark-900);
    margin-right: 2px;
    font-weight: var(--font-weight-bold);
}

.bc-field-label__top-container__optional {
    color: #595959;
    margin-top: 1px;
    margin-left: 4px;
    margin-right: 8px;
    font-size: var(--font-size-text-sm);
    font-weight: var(--font-weight-regular);
}

.bc-field-label__top-container__info-icon {
    color: #595959;
    font-size: var(--font-size-text-sm);
    margin-left: 0;
    margin-top: -12px;
}

.bc-field-label__top-container__info-icon--no-tooltip {
    color: #a5a5a1;
    font-size: var(--font-size-text-sm);
    margin-left: 4px;
    margin-top: 1px;
}

.bc-field-label__top-container__info-icon .e-tooltip {
    color: #595959;
    margin-left: 0;
    font-size: var(--font-size-text-sm);
}

.bc-field-label__description {
    color: #595959;
    font-size: var(--font-size-text-sm);
    font-weight: var(--font-weight-regular);
}

/*Sizes*/
.bc-field-label--small .bc-field-label__top-container__label {
    font-size: var(--font-size-text-sm);
}

.bc-field-label--medium .bc-field-label__top-container__label {
    font-size: var(--font-size-text-md);
}

.bc-field-label--large .bc-field-label__top-container__label {
    font-size: var(--font-size-text-lg);
}

.bc-field-label--xlarge .bc-field-label__top-container__label {
    font-size: var(--font-size-text-xl);
}

.bc-field-label--xlarge .bc-field-label__description {
    font-size: var(--font-size-text-md);
}
/*Weight*/
.bc-field-label--regular .bc-field-label__top-container__label {
    font-weight: var(--font-weight-regular);
}

.bc-field-label--medium .bc-field-label__top-container__label {
    font-weight: var(--font-weight-medium);
}

.bc-field-label--bold .bc-field-label__top-container__label {
    font-weight: var(--font-weight-bold);
}

.crisis-label {
    color: var(--bc-dark-900);
    font-size: medium;
    font-weight: bold;
    padding-left: 16px;
}

/*endregion BcFieldLabel*/

/*region bcDrawer*/
.bc-drawer {
    position: fixed !important;
    top: 0;
    left: 0;
    height: 100vh !important;
    z-index: 5000 !important;
}

.bc-drawer__x-button {
    position: absolute;
    right: 24px;
}

.bc-drawer__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    background: white;
}

.bc-drawer__header {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px 24px 0 24px;
}

.bc-drawer__header__icon__container {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-self: stretch;
}

.bc-drawer__header__icon {
    display: flex;
    width: 48px;
    height: 48px;
    padding: 12px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    background: var(--bc-surface-light);
}

.bc-drawer__header__details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
}

.bc-drawer__header__details__title {
    color: var(--bc-dark-900);
    font-size: var(--font-size-text-xl);
    font-weight: var(--font-weight-bold);
}

.bc-drawer__header__details__description {
    color: var(--bc-subtle-500);
    font-size: var(--font-size-text-md);
    font-weight: var(--font-weight-regular);
    white-space: normal;
    overflow-wrap: break-word;
    max-width: 100%;
    display: block;
    margin-top: 4px;
}

.bc-drawer__body {
    padding: 20px 24px;
}

.bc-drawer__footer-separator {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.bc-drawer__separator {
    padding: 0 24px;
    border-top: 1px solid var(--bc-border);
}

.bc-drawer__footer {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    width: 100%;
    gap: 8px;
    padding: 24px;
}
/*endregion BcDrawer*/

/*region bcInfoBox*/
.bc-info-box {
    gap: 0;
    border-radius: 12px;
    padding: 12px 16px;
    min-width: 320px;
    max-width: 100%;
    align-items: baseline;
}

.bc-info-box--default {}

.bc-info-box--default:hover {
    cursor: default !important;
    background-color: transparent !important;
    border: 1pt solid var(--bc-light-900) !important;
}

.bc-info-box__top-container {
    align-items: center;
    display: flex;
    gap:16px;
}

.bc-info-box__title {
    height: 100%;
    display: flex;
    align-items: center;
    font-size: var(--font-size-text-sm);
    font-weight: var(--font-weight-bold);
    line-height: 20px !important;
    text-align: left !important;
    color: #344054;
    overflow: visible;
    font-style: normal;
}

.bc-info-box__icon {
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    background: var(--bc-surface-light);
    border-radius: 6px;
    align-items: center;
    justify-content: center;
    display: flex;
}

.bc-info-box__icon i:before {
    font-size: 14px;
    line-height: 14px;
}

.bc-info-box__bottom-container {
    /*margin-top: -8px;*/
    padding-left: 48px;
    display: flex;
    flex-direction: column;
}

.bc-info-box__clickable-text {
    color: blue;
    cursor: pointer;
}

.bc-info-box__subtitle {
    line-height: var(--line-height-text-md);
}

.bc-info-box--title-only--true .bc-info-box__bottom-container{
    margin-top: 0 !important;
}

.bc-info-box--title-only--true .bc-info-box__top-container{
    align-items: center !important;
}

.bc-info-box--error {
    background-color: var(--bc-error-bg);
    border-color: var(--bc-error-border);
}

.bc-info-box--error:hover {
    background-color: var(--bc-error-bg);
    border-color: var(--bc-error-border);
}

.bc-info-box--error .bc-info-box__title {
    color: var(--bc-error-foreground);
}

.bc-info-box--error .bc-info-box__subtitle {
    color: var(--bc-error-foreground);
}

.bc-info-box--error .bc-info-box__icon {
    background-color: #FBEDED;
}

.bc-info-box--error .bc-info-box__icon i {
    color: var(--bc-error-foreground);
}

.bc-info-box--info {
    background-color: var(--bc-surface-light);
    border-color: #B2B2B2;
}

.bc-info-box--info:hover {
    background-color: var(--bc-surface-light);
    border-color: #B2B2B2;
}

.bc-info-box--info .bc-info-box__title {
    color: var(--bc-muted-800);
}

.bc-info-box--info .bc-info-box__icon {
    background-color: #ebebeb;
}

.bc-info-box--warning {
    background-color: var(--bc-warning-bg);
    border-color: #F1CBAD;
}

.bc-info-box--warning:hover {
    background-color: var(--bc-warning-bg);
    border-color: #F1CBAD;
}

.bc-info-box--warning .bc-info-box__title {
    color: #844A1E;
}

.bc-info-box--warning .bc-info-box__subtitle {
    color: #844A1E;
}

.bc-info-box--warning .bc-info-box__icon {
    background-color: #F9E6D9;
}

.bc-info-box--warning .bc-info-box__icon i {
    color: #844A1E;
}


.bc-info-box--success {
    background-color: var(--bc-success-bg);
    border-color: var(--bc-success-border);
}

.bc-info-box--success:hover {
    background-color: var(--bc-success-bg);
    border-color: var(--bc-success-border);
}

.bc-info-box--success .bc-info-box__title {
    color: var(--bc-success-foreground);
}

.bc-info-box--success .bc-info-box__subtitle {
    color: var(--bc-success-foreground);
}

.bc-info-box--success .bc-info-box__icon {
    background-color: #D7F9E0;
}

.bc-info-box--success .bc-info-box__icon i {
    color: var(--bc-success-foreground);
}
/*endregion BcInfoBox*/

/*region bcDashboardQuickLink*/
.e-card.bc-dashboard-quicklink {
    min-width: 18rem;
}

.bc-dashboard-quicklink-container {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.bc-dashboard-quicklink-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 0.5rem;
    background-color: var(--theme-button-primary-filled-background);
    color: var(--theme-button-primary-filled-foreground);
}

.bc-dashboard-quicklink-text-container {
    overflow: hidden;
}

.bc-dashboard-quicklink-title {
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.375rem; /* 137.5% */
    margin: 0;
}

.bc-dashboard-quicklink-subtitle {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem; /* 142.857% */
    margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.e-card.bc-dashboard-quicklink:hover {
    cursor: pointer;
    border-color: var(--theme-card-hover-border);
    background-color: var(--theme-card-hover-background);
}

.e-card.bc-dashboard-quicklink:hover .bc-bc-dashboard-quicklink-icon {
    background-color: var(--theme-button-primary-filled-hover-background);
    color: var(--theme-button-primary-filled-hover-foreground);
}

.e-card.bc-dashboard-quicklink:active {
    border-color: var(--theme-card-active-border);
    background-color: var(--theme-card-active-background);
}

.e-card.bc-dashboard-quicklink:focus {
    border-color: var(--theme-card-focus-border);
    background-color: var(--theme-card-focus-background);
}

.bc-dashboard-quicklink--enabled-false {
    background: var(--Colors-background-quaternary, #DCDCDC);
    border: 1px solid #DCDCDC;
}

.bc-dashboard-quicklink--enabled-false .bc-dashboard-quicklink-icon {
    background: var(--bc-disabled-bg);
    color: var(--bc-disabled-foreground);
}

.bc-dashboard-quicklink--enabled-false .bc-dashboard-quicklink-subtitle ,
.bc-dashboard-quicklink--enabled-false .bc-dashboard-quicklink-title {
    color: var(--bc-disabled-foreground);
}

.bc-dashboard-quicklink--enabled-false:hover {
    cursor: default !important;
    background: var(--Colors-background-quaternary, #DCDCDC) !important;
    border: 1px solid #DCDCDC !important;
}

/*endregion BcDashboardQuickLink*/

/*region bcDateTime*/
.bc-date-time {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
    max-width: 700px;
}

.bc-date-time__error {
    color: var(--bc-error-foreground);
    margin-top: 4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
}

.bc-date-time .error {
    outline: 1px solid red !important;
}
/*endregion BcDateTime*/

/*region bcFilePicker*/
.bc-file-picker {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
    max-width: 700px;
}

.bc-file-picker .e-upload-actions, .e-file-status {
    display: none !important;
}

.bc-file-picker .e-upload-file-list {
    min-height: 64px !important;
}

.bc-file-picker .bc-fileupload  {
    border-radius: 5px;
}

.bc-file-picker__label {
    font-weight: bold;
    margin-bottom: 6px;
}

.bc-file-picker__info-icon {
    margin-left: 8px;
    color: gray;
    cursor: pointer;
}

.bc-file-picker__info-icon .e-tooltip{
    margin-top: -1px !important;
    margin-left: -3px !important;
    position:relative !important;
}

.bc-file-picker__label .bc-file-picker__optional-text {
    font-weight: normal;
    color: gray;
    margin-left:4px;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
}

.bc-file-picker__label--span {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    text-align: left;
}

.bc-file-picker__description {
    color: var(--bc-tooltip-gray);
    font-size: 0.875rem;
    margin-bottom: 8px;
}

.bc-file-picker__form__uploaded-file {
    display: flex;
    justify-content: space-between;
    border: 1px solid var(--bc-border);
    border-radius: 5px;
    padding: 12px 14px;
}

.bc-file-picker__form__download-button {
    border: none;
    background: none;
    cursor: pointer;
    color: inherit;
    text-decoration: underline;
}

.bc-file-picker__error {
    color: var(--bc-error-foreground);
    margin-top: 4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
}
/*endregion BcFilePicker*/

/*region bcModal*/
.e-dlg-overlay {
    z-index: 999 !important;
}

.bc-modal {
    padding: 12px;
    border-radius: 12px;
    z-index: 1000 !important
}

.bc-modal .e-dlg-header-content {
    border-bottom: 0;
}

.bc-modal .e-dialog .e-dialog-header {
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

.bc-modal .e-dlg-content {
    padding: 0 12px !important;
}

.bc-modal .e-dialog .e-footer-content {
    padding: 12px 0 !important;
    margin-left: 12px !important;
}

.bc-modal__footer-border--false .e-footer-content{
    border-top: 0 !important;
}

.bc-modal_footer-width--small .e-footer-content {
    width: 450px !important;
}

.bc-modal_footer-width--medium .e-footer-content {
    width: 550px!important;
}

.bc-modal_footer-width--large .e-footer-content {
    width: 750px !important;
}

.bc-modal__footer-separator {
    height: 1px;
    width: 100%;
    background: var(--bc-border);
}

.bc-modal__header {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.bc-modal__header__icon__container {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-self: stretch;
}

.bc-modal__header__icon {
    display: flex;
    width: 48px;
    height: 48px;
    padding: 12px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    background: var(--bc-surface-light);
}

.bc-modal__header__details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
}

.bc-modal__header__details__title {
    color: var(--bc-dark-900);
    font-size: var(--font-size-text-xl);
    font-weight: var(--font-weight-bold);
}

.bc-modal__header__details__description {
    color: var(--bc-subtle-500);
    font-size: var(--font-size-text-md);
    font-weight: var(--font-weight-regular);
    white-space: normal;
    overflow-wrap: break-word;
    max-width: 100%;
    display: block;
    margin-top: 4px;
}

.bc-modal__footer {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
/*endregion BcModal*/

/*-----------Radzen Components-----------*/

/*region Radzen bcGrid*/
.bc-data-grid {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.bc-data-grid .rz-grid-table thead {
    width: 100%;
}

.bc-data-grid .rz-data-grid-data .rz-grid-table thead tr th {
    position: relative;
    z-index: 1;
}

.rz-data-grid th.rz-sortable-column.rz-column-draggable,
.rz-unselectable-text.rz-sortable-column.rz-column-draggable {
    z-index: 100001!important;
}

.bc-data-grid .rz-group-header {
    display: block !important;
    background-color: transparent !important;
    border: none !important;
    padding: 0 0 2px 0 !important;
    flex-shrink: 0;
}

.bc-data-grid .rz-data-grid-data {
    border: 1px solid var(--theme-grid-default-border) !important;
    border-radius: 0.5rem !important;
    flex: 1;
    min-height: 0;
    overflow: auto;
}

.bc-data-grid .rz-data-grid-data .rz-grid-table thead th  {
    background-color: var(--theme-grid-header-default-background);
    border-right: 1px solid lightgrey !important;
    border-bottom: 1px solid lightgrey !important;
    height: 56px;
}

.bc-data-grid .rz-data-grid-data .rz-grid-table th,
.bc-data-grid .rz-data-grid-data .rz-grid-table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
}

.bc-data-grid .rz-data-grid-data .rz-grid-table th.bc-grid__grouped-parent-column {

}

.bc-data-grid .rz-data-grid-data .rz-grid-table th.bc-grid__grouped-parent-column__child-column {
    border-right: none !important;
}

.bc-data-grid .rz-data-grid-data .rz-grid-table th.bc-grid__grouped-parent-column__child-column--last {
    border-right: 1px solid lightgrey !important;
}

.bc-data-grid.table-layout-auto .rz-data-grid-data .rz-grid-table {
    table-layout: fixed !important;
    min-width: fit-content !important;
    width: max-content !important;
}

.bc-data-grid .rz-data-grid-data .rz-grid-table tbody tr {
    height: 56px;
    background: #ffffff;
}

.rz-selectable.bc-data-grid tbody tr.rz-data-row:hover:not(.rz-state-highlight) > td{
    background-color: #eff1f4;
}

.rz-column-resizer:hover:after , .rz-column-resizer:active:after {
    background-color: transparent !important;
}

.rz-selectable.bc-data-grid tbody tr.rz-data-row:hover:not(.rz-state-highlight) .rz-cell-data {
    color: var(--theme-default-foreground);
}

.rz-selectable.bc-data-grid tbody tr.rz-data-row.rz-state-highlight > td {
    background-color: var(--theme-grid-content-selected-background);
    color: var(--theme-default-foreground);
}

.rz-selectable.bc-data-grid tbody tr.rz-data-row.rz-state-highlight .rz-cell-data {
    color: var(--theme-default-foreground);
}

.bc-data-grid .rz-chkbox-box {
    background-color: #F0F0F0 !important;
    border-color: var(--bc-border) !important;
}

.bc-data-grid .rz-chkbox-box:hover:not(.rz-state-disabled) {
    border-color: var(--bc-border) !important;
    background-color: white !important;
}

.bc-data-grid .rz-chkbox-box .rzi {
    color: var(--theme-default-foreground);
}

.bc-data-grid .rz-column-picker {
    justify-content: end;
    margin-top: -40px;
    margin-right: 94px;
    margin-bottom: 6px;
    border-radius: 0.5rem;
    border-color: var(--theme-grid-default-border);
    flex-shrink: 0;
}

.bc-data-grid .rz-data-grid-data::-webkit-scrollbar {
    width: 10px;
    height: 12px;
}

.bc-data-grid .rz-data-grid-data::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
    width: 12px;
}

.bc-data-grid .rz-data-grid-data::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

.bc-data-grid .rz-data-grid-data::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.bc-data-grid .rz-data-row .rz-composite-cell {
    max-width: 250px;
}

.bc-data-grid .rz-data-row .rz-composite-cell span {
    text-overflow: unset;
    overflow: auto;
}

.bc-data-grid .rz-data-row .rz-composite-cell span.color-preview {
    overflow: clip;
}

.rz-datatable.bc-data-grid  {
    border: none !important;
}

.bc-data-grid.bc-data-grid--wrap .rz-datatable-data td .rz-cell-data,
.bc-data-grid.bc-data-grid--wrap .rz-grid-table td .rz-cell-data {
    white-space: normal !important;
    overflow-wrap: anywhere;
}

.bc-data-grid.bc-data-grid--wrap .rz-grid-table th .rz-column-title {
    white-space: normal !important;
    overflow-wrap: anywhere;
}

.bc-grid__actions-bar {
    padding: 2px 1px 8px 1px;
}

.bc-grid__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:2px 1px 8px 1px;
}

.bc-grid__header__left {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;
    gap: 0.5rem;
    height: 32px;
}

.bc-grid__header__right {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: right;
    gap: 0.5rem;
}

.bc-grid__header__right button {
    height: 32px;
}

.rz-column-picker .rz-dropdown:not(.rz-open) {
    width: 34px;
    height: 32px;
    border-radius: 5px;
    border: 1px solid var(--theme-button-secondary-outline-border);
}

.rz-column-picker .rz-dropdown-trigger.rz-corner-right {
    position: static;
}

.rz-column-picker .rz-dropdown-trigger.rz-corner-right .rz-dropdown-label,
.rz-column-picker .rz-dropdown-trigger.rz-corner-right .rz-dropdown-trigger-icon {
    display: none !important;
}

.rz-column-picker .rz-dropdown-label {

    position: relative;
    text-indent: -9999px !important;
    padding-left: 0 !important;
}

.rz-column-picker .rz-dropdown-trigger.rz-corner-right::before {
    content: "\f06e" !important;
    font-weight: 400 !important;
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.2em !important;
}

.rz-popup {
    z-index: 999999 !important;
}

.rz-dropdown-panel.rz-popup {
    z-index: 1000001 !important;
}

.rz-datepicker-popup-container.rz-popup {
    z-index: 1000001 !important;
}

.rz-multiselect-label-container, .rz-dropdown-label {
    text-overflow: unset !important;
}

.rz-numeric.rz-minute-picker .rz-dropdown-trigger.rz-corner-right {
    width: 20px !important;
}

.rz-button.rz-button-md.rz-secondary {
    background-color: var(--theme-primary-default);
}

.rz-calendar-view td .rz-state-default.rz-state-focused {
    background-color: var(--theme-primary-default) !important;
    color: white !important;
    box-shadow: inset 0 0 0 1px var(--theme-primary-default) !important;
}

.rz-calendar-view td .rz-state-default:hover {
    background-color: var(--theme-menu-interactive-hover-background) !important;
    color: var(--theme-menu-interactive-foreground) !important;

}

.rz-form-field:hover .rz-form-field-content, .rz-autocomplete:hover:not(.rz-state-disabled), .rz-timespanpicker > .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover, .rz-colorpicker:not(:disabled):not(.rz-state-disabled):hover, .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):hover, .rz-numeric:not(:disabled):not(.rz-state-disabled):hover, .rz-datepicker > .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover, .rz-multiselect:not(:disabled):not(.rz-state-disabled):hover, .rz-dropdown:not(:disabled):not(.rz-state-disabled):hover, .mask:not(:disabled):not(.rz-state-disabled):hover, .rz-textarea:not(:disabled):not(.rz-state-disabled):hover, .rz-textbox:not(:disabled):not(.rz-state-disabled):hover {
    cursor: pointer !important;
    background-color: var(--theme-button-secondary-outline-hover-background) !important;
    color: var(--theme-button-secondary-outline-hover-foreground) !important;
    border: 1px solid var(--theme-button-secondary-outline-hover-border) !important;
}

.rzi.rz-grid-filter-icon.rz-grid-filter-active {
    color: var(--theme-button-primary-filled-background) !important;
}

.bc-rz-input.rz-textbox,
.bc-rz-input.rz-textarea {
    width: 100%;
    border: 1px solid var(--theme-input-border, var(--bc-border)) !important;
    border-radius: 4px;
    background-color: var(--theme-input-background, #fff) !important;
    color: var(--theme-input-foreground, #212529) !important;
    box-shadow: none !important;

    font-family: inherit;
    font-size: 1.0rem;
    font-weight: normal;
    line-height: 1.4;

    cursor: text;
}

.bc-rz-input.rz-textbox {
    height: 30px;
    padding-left: 14px;
}

.bc-rz-input.rz-textarea {
    min-height: 32px;
    padding: 0.5rem;
    resize: vertical;
}

.bc-rz-input.rz-textbox:not(:disabled):not(.rz-state-disabled):hover,
.bc-rz-input.rz-textarea:not(:disabled):not(.rz-state-disabled):hover {
    cursor: text !important;
    border: 1px solid var(--theme-input-border, var(--bc-border)) !important;
    background-color: var(--theme-input-background, #fff) !important;
    color: var(--theme-input-foreground, #212529) !important;
    box-shadow: none !important;
}

.bc-rz-input.rz-textbox:focus,
.bc-rz-input.rz-textbox:focus-visible,
.bc-rz-input.rz-textarea:focus,
.bc-rz-input.rz-textarea:focus-visible {
    outline: none !important;
    border: 1px solid var(--theme-input-border, var(--bc-border)) !important;
    background-color: var(--theme-input-background, #fff) !important;
    color: var(--theme-input-foreground, #212529) !important;
    box-shadow: none !important;
}

.bc-rz-input.rz-textbox:disabled,
.bc-rz-input.rz-textbox.rz-state-disabled,
.bc-rz-input.rz-textarea:disabled,
.bc-rz-input.rz-textarea.rz-state-disabled {
    cursor: not-allowed !important;
    opacity: 0.65;
    background-color: var(--theme-input-disabled-background, #f5f5f5) !important;
    color: var(--theme-input-disabled-foreground, var(--bc-tooltip-gray)) !important;
    border: 1px solid var(--theme-input-border, var(--bc-border)) !important;
    box-shadow: none !important;
}

.full-table-width {
    width: 100%;
}

.bc-data-grid--no-export .rz-column-picker{
    margin-right: 52px !important;
}

.table-layout-auto .rz-data-grid-data .rz-grid-table{
    table-layout: auto !important;
}

.bc-grid__action-column__header {
    max-width: 40px !important;
    min-width: 40px !important;
}

.bc-grid__action-column {
    width: 40px !important;
    max-width: 40px !important;
    min-width: 40px !important;
}

.bc-grid__grouped-parent-column {
    border-right: 1px solid var(--theme-grid-header-default-background) !important;
}

.bc-column-picker-anchor { position: relative; }

.bc-column-picker-backdrop {
    position: fixed; inset: 0; background: transparent; z-index: 900;
}

.bc-column-picker-panel {
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    width: 320px;
    max-width: 320px;

    background: var(--bc-surface, #fff);
    border: 1px solid var(--theme-grid-default-border, var(--bc-border));
    border-radius: 8px;
    padding: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,.12);
    box-sizing: border-box;

    z-index: 11000;

    opacity: 0;
    visibility: hidden;
    transform: translateY(-4px);
    pointer-events: none;
    transition: opacity .08s ease, transform .08s ease, visibility 0s linear .08s;
}

.bc-column-picker-panel.is-open {
    opacity: 1;
    visibility: visible;
    transform: none;
    pointer-events: auto;
    transition: opacity .08s ease, transform .08s ease, visibility 0s;
}

.mb-8 { margin-bottom: 8px; }

.bc-column-picker-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.bc-column-picker-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
    margin-top: 8px;

    min-height: 160px;
    max-height: 260px;
    overflow-y: auto;
    overflow-x: hidden;

    align-content: start;
}

.bc-column-picker-item {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}
.bc-column-picker-item.disabled { opacity: .55; pointer-events: none; }

.bc-column-picker-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bc-data-grid .rz-data-grid,
.bc-data-grid .rz-datatable-wrapper,
.bc-data-grid .rz-data-grid-scroll
{
    scrollbar-gutter: stable both-edges;
    background: transparent;
}

.rz-overlaypanel.rz-open {
    z-index: 10000 !important;
}

.bc-grid-row-reorder__handle {
    cursor: grab;
}

.bc-grid-row-reorder__handle:active {
    cursor: grabbing;
}

.bc-grid-row-reorder__handle--disabled {
    cursor: not-allowed;
    opacity: 0.45;
}

.bc-grid-row-reorder--target {
    outline: 2px solid var(--bc-primary);
    outline-offset: -2px;
}
/*endregion Radzen BcGrid*/

/*region Radzen bcGrid Dialog*/
.rz-overlaypanel {
    border-radius: 0.5rem !important;
    z-index: 1000000 !important;
}

.rz-overlaypanel-content {
    background-color: white !important;
}

.rz-dropdown:not(:disabled):not(.rz-state-disabled):hover {
    border-color: var(--bc-border) !important;
    border: 1px solid var(--theme-button-secondary-outline-border) !important;
}

.rz-dropdown:not(:disabled):not(.rz-state-disabled):focus {
    box-shadow: none !important;
    border-color: #999999 !important;
}

.rz-dropdown-items li.rz-state-highlight, .rz-multiselect-items li.rz-state-highlight, .rz-dropdown-item.rz-state-highlight {
    background-color: white !important;
    color: var(--theme-text-default) !important;
}

.rz-menuitem:hover, .rz-autocomplete-list-item:hover, .rz-multiselect-item:hover, .rz-autocomplete-items li:hover, .rz-dropdown-items li:hover, .rz-multiselect-items li:hover, .rz-dropdown-item:hover {
    background-color: var(--theme-button-primary-filled-background) !important;
    color: var(--theme-button-primary-filled-foreground) !important;
}

.rz-textbox:not(:disabled):not(.rz-state-disabled):hover {
    border-color: var(--bc-border) !important;
    box-shadow: none !important;
}

.rz-textbox:not(:disabled):not(.rz-state-disabled):focus {
    border-color: #999999 !important;
    box-shadow: none !important;
}

.rz-numeric:not(:disabled):not(.rz-state-disabled):hover {
    border-color: var(--bc-border) !important;
    box-shadow: none !important;
}

.rz-numeric:not(:disabled):not(.rz-state-disabled):focus {
    border-color: #999999 !important;
    box-shadow: none !important;
}

.rz-numeric:focus-within:not(.rz-state-disabled).rz-numeric:not(:disabled):not(.rz-state-disabled):hover {
    border-color: #999999 !important;
    box-shadow: none !important;
}

.rz-numeric:focus-within:not(.rz-state-disabled) {
    border-color: #999999 !important;
    box-shadow: none !important;
}

.rz-chkbox-box {
    margin: auto !important;
    height: 12px !important;
    width: 12px !important;
    min-width: 12px !important;
}

.rz-chkbox-box .rzi:hover {
    border:none !important;
}

.rz-chkbox-box .rzi {
    color: white !important;
    background-color: var(--theme-primary-default) !important;
}

.rz-grid-filter-buttons {
    background-color: white !important;
}

.rz-grid-filter-buttons .rz-button.rz-shade-default.rz-apply-filter {
    background-color: var(--theme-button-primary-filled-background) !important;
    /*color: var(--theme-button-primary-filled-foreground);   */
}
/*endregion Radzen BcGrid Dialog*/

/*region Radzen bcSplitter*/
.bc-splitter.rz-splitter-horizontal > .rz-splitter-bar {
    width: var(--bc-splitter-separator-size);
}

.bc-splitter.rz-splitter > .rz-splitter-bar-resizable:hover {
    background-color: var(--bc-primary);
    opacity: 1;
}

.bc-splitter.rz-splitter > .rz-splitter-bar-resizable:hover > .rz-resize,
.bc-splitter.rz-splitter > .rz-splitter-bar-resizable:hover > .rz-expand,
.bc-splitter.rz-splitter > .rz-splitter-bar-resizable:hover > .rz-collapse {
    color: #fff;
    border-color: #fff;
}

.bc-splitter.rz-splitter > .rz-splitter-bar-resizable:active {
    background-color: var(--bc-primary);
    opacity: 1;
}

.bc-splitter.rz-splitter > .rz-splitter-bar-resizable:active > .rz-resize,
.bc-splitter.rz-splitter > .rz-splitter-bar-resizable:active > .rz-expand,
.bc-splitter.rz-splitter > .rz-splitter-bar-resizable:active > .rz-collapse {
    color: #fff;
    border-color: #fff;
}
/*endregion Radzen BcSplitter*/

/*region  Radzen bcTab*/
.bc-tab--radzen .rz-tabview-panel {
    padding: 0 !important;
    padding-top: 10px !important;
}

.bc-tab--radzen .rz-tabview-panels {
    border: none !important;
}

.bc-tab--radzen.rz-tabview-top > .rz-tabview-nav .rz-tabview-selected {
    border-bottom: 2px solid var(--theme-primary-default) !important;
    color: var(--theme-primary-default) !important;
}

.bc-tab--radzen .rz-tabview-selected span.me-1 {
    font-weight: var(--font-weight-bold) !important;
}

.bc-tab--radzen .rz-tabview-selected a {
    font-weight: var(--font-weight-bold) !important;
}

.bc-tab--radzen .rz-tabview-nav li {
    border: none !important;
    background-color: transparent !important;
}

.bc-tab--radzen .rz-tabview-nav {
    border-bottom: 1px solid darkgrey !important;
    height: 38px !important;
}

.bc-tab--radzen .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) {
    color: unset !important;
}

.bc-tab--radzen.rz-tabview-top > .rz-tabview-nav li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) {
    color: unset !important;
}

.bc-tab--radzen .rz-tabview:focus-visible {
    outline: none !important;
}

.bc-tab--radzen .rz-tabview-nav li {
    display: flex;
    align-items: center;
}

.bc-tab--radzen .rz-tabview-nav li button {
    display: flex;
    align-items: center;
    gap: 4px;
}

.bc-tab--radzen .rz-tabview-nav li button i {
    position: relative;
    top: -1px;
}

.bc-tab--radzen.rz-tabview-top > .rz-tabview-nav .rz-tabview-selected i,
.bc-tab--radzen.rz-tabview-top > .rz-tabview-nav .rz-tabview-selected .rz-tabview-icon {
    color: var(--theme-primary-default) !important;
}

.bc-tab--radzen.rz-tabview-top > .rz-tabview-nav .rz-tabview-selected i::before,
.bc-tab--radzen.rz-tabview-top > .rz-tabview-nav .rz-tabview-selected .rz-tabview-icon::before {
    color: var(--theme-primary-default) !important;
}

/*endregion Radzen Tabs*/

/*-----------HTML Components-----------*/

/*region bcStepper*/
.bc-stepper-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin-bottom:10px;
    max-width:100%;
}

.bc-step {
    display: flex;
    align-items: center;
    position: relative;
    flex-grow:1;
}

.bc-step-label:hover {
    cursor: pointer;
}

.bc-step-icon:hover {
    cursor: pointer;
}

.bc-step-icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: lightgray;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: white;
    margin-left: 5px;
    flex-shrink:0;
}

.bc-step:first-child .bc-step-icon {
    margin-left: 0 !important;
}

.bc-step-icon i {
    font-style: normal;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
}

.bc-step-icon.completed {
    background-color: var(--bc-primary);
}

.bc-step-icon.active {
    background-color: var(--bc-primary);
    box-shadow: 0 0 0 2px white, 0 0 0 4px var(--bc-primary);
    margin: 0 4px 0 10px;
}

.treeview-node-icon {
    padding: 0 3px;
    margin-left: 4px;
    border-radius: 3px;
    background-color: var(--bc-lilac-bg);
}

.bc-step-icon.pending {
    background-color: transparent;
    border: 1px solid gray;
}

.bc-step-icon.pending i {
    color: gray;
}

.bc-step-label {
    margin-left: 5px;
    margin-right: 1px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    flex-shrink:0;
}

.bc-step-label.completed {
    color: var(--bc-primary);
}

.bc-step-label.active {
    color: var(--bc-primary);
}

.bc-step-label.pending {
    font-weight: 400;
}

.bc-step-line {
    width: 85px;
    height: 2px;
    background-color: lightgray;
    margin-left: 10px;
    flex-grow: 1;
}

.bc-step-line.completed {
    background-color: var(--bc-primary);
}
/*endregion stepper*/