/*#region Globals*/
* {
    font-family: Roboto, sans-serif;
}

html, body {
    font-family: Roboto, sans-serif;
    height: 100%;
}

a, a:hover {
    text-decoration: none;
    color: var(--bc-grey-500);
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

.e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input, .e-input-group textarea.e-input, .e-input-group.e-control-wrapper textarea.e-input {
    font-family: Roboto, sans-serif;
    font-size: 1.0rem;
}

.e-input-group.e-success {
    border-color: var(--bc-grey-500) !important;
}

.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(--bc-border);
}

.e-input-group:active:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-input-group.e-control-wrapper:active:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-float-input:active:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-float-input.e-control-wrapper:active:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-float-input:active:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]), .e-float-input.e-control-wrapper:active:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]), .e-float-input:active:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]), .e-float-input.e-control-wrapper:active:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]) {
    border: 1px solid var(--bc-border);
}

.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
    border: 1px solid var(--bc-border);
    box-shadow: none;
}

.e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input, .e-float-input input, .e-float-input.e-control-wrapper input, .e-input-group textarea.e-input, .e-input-group.e-control-wrapper textarea.e-input, .e-float-input textarea, .e-float-input.e-control-wrapper textarea {
    background-color: var(--white);
}

.e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled, .e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap, .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap {
    border: 1px solid var(--bc-border-weak);
    background-color: var(--bc-bg-disabled-alt);
    cursor: default !important;
}

.e-input-group .e-input[disabled], .e-input-group.e-control-wrapper .e-input[disabled], .e-input-group.e-disabled input.e-input, .e-input-group.e-control-wrapper.e-disabled input.e-input, .e-input-group.e-disabled textarea.e-input, .e-input-group.e-control-wrapper.e-disabled textarea.e-input {
    border: 1px solid var(--bc-border-weak);
    background-color: var(--bc-bg-disabled-alt);
}

.e-input-group .e-input[readonly], .e-input-group.e-control-wrapper .e-input[readonly], .e-float-input input[readonly], .e-float-input.e-control-wrapper input[readonly], .e-float-input textarea[readonly], .e-float-input.e-control-wrapper textarea[readonly] {
    background-color: var(--bc-bg-disabled-alt);
}

.e-input-group.e-static-clear .e-clear-icon.e-clear-icon-hide, .e-input-group.e-control-wrapper.e-static-clear .e-clear-icon.e-clear-icon-hide {
    background-color: var(--white);
}

input.e-input, textarea.e-input, .e-input-group, .e-input-group.e-control-wrapper {
    font-family: Roboto, sans-serif;
    font-size: 1.0rem;
}

.e-control, .e-css {
    font-family: Roboto, sans-serif;
    font-size: 1.0rem;
}

/*.e-float-input:not(.e-outline) input:autofill ~ label.e-float-text, .e-float-input.e-control-wrapper.e-autofill:not(.e-outline) input:autofill ~ label.e-float-text, .e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus):not(.e-outline) input:not(:focus):valid:autofill ~ label.e-float-text.e-label-bottom {*/
/*   font-weight: normal;*/
/*}*/
/*#endregion*/

/*region App*/
body {
    background: none !important;
}
/*endregion App*/

/*region Version*/
.version-container {
    margin-top: 20px;
}

.version-title {
    font-weight: bold;
    font-size: 1.3rem;
}

.version-date {

}

.version-module {
    font-weight: bold;
    font-size: 1.1rem;
    margin-top: 10px;
}

.version-changes {
}
/*endregion Version*/

/*#region Sidebar*/
.e-sidebar {
    background: var(--theme-menu-background);
    overflow-x: clip;
}

.e-sidebar-context {
}

.e-sidebar.e-left.e-open {
    transition: unset !important;
}

.e-sidebar.e-left.e-transition.e-close {
    transition: unset !important;
}

.e-sidebar.e-left.e-close.e-dock {
    transition: unset !important;
}

#sidebar {
    border: none;
    background-color: white;
    box-shadow: 0 0 10px 0 rgba(0 0 0 / 15%);
    padding-right: 8px;
    z-index: 800 !important;
    overflow: visible; /*do not change, it is required for submenus to work*/
}


.e-grid .btn-grid {
    background-color: transparent;
    border: none;
}

i.fixed-icon {
    padding-left: 3px;
    width: 25px;
}

.sidebar-bubble {
    float: right;
    min-width: 24px;
    min-height: 24px;
    margin-top: 5px;
    margin-right: 15px;
    text-align: center;
    font-size: 0.80rem;
    border-radius: 12px;
    padding: 2px 6px;
    background-color: var(--bc-primary);
    color: white;
}

.sidebar-bubble.selected {
    margin-top: 0;
    margin-right: 6px;
}

.sidebar-menu-bubble {
    float: right;
    min-width: 24px;
    min-height: 24px;
    margin-right: 5px;
    text-align: center;
    font-size: 0.80rem;
    border-radius: 12px;
    padding: 2px 6px;
    background-color: var(--bc-primary);
    color: white;
}

.sidebar-menu-button-bubble {
    min-width: 24px;
    min-height: 24px;
    margin-left: 15px;
    text-align: center;
    font-size: 0.80rem;
    border-radius: 14px;
    padding: 5px 9px;
    background-color: var(--bc-primary);
    color: white;
}

.tab-bubble {
    font-size: 0.8rem;
    min-width: 24px;
    text-align: center;
    position: relative;
    top: -2px;
    border-radius: 12px;
    padding: 2px 6px;
    background-color: var(--bc-primary);
    color: white;
}

.grid-bubble {
    font-size: 0.8rem;
    min-width: 24px;
    text-align: center;
    border-radius: 12px;
    padding: 3px 6px;
    background-color: var(--bc-primary);
    color: white;
}

/*#endregion Sidebar*/

/*#region MainLayout*/
#layout-container {
    display: grid;
    width: 100vw;
    height: 100vh;
    grid-template: "overlay"
      "head"
      "main"
      "foot";
    grid-template-rows: 0 60px 1fr 28px;
    grid-template-columns: 1fr;
}

#user-tenants tr.e-row, #tenant-roles tr.e-row {
    cursor: pointer;
}

.overlay:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background: white;
    z-index: 0;
}

header {
    grid-area: head;
    display: flex;
    border: none;
    box-shadow: 0 0 10px 0 rgba(0 0 0 / 15%);
    z-index: 900;
}

header #logo {
    flex: 0 1 auto;
    padding-top: 7px;
    padding-left: 10px;
}

header .header-link-area {
    padding: 0 0 0 3rem;
    line-height: 2.5rem;
    overflow: hidden;
}

a.header-link-button, a.header-link-button-disabled {
    display: inline-block;
    padding: 7px 15px 0 15px;
    text-decoration: none;
}

a.header-link-button {
    border-top: 4px solid var(--white);
    color: var(--bc-foreground-strong);
}

a.header-link-button:hover {
    border-top: 4px solid var(--bc-grey-500);
    color: var(--bc-foreground-strong);
}

a.header-link-button.selected {
    border-top: 4px solid var(--bc-primary);
    color: var(--bc-primary);
}

a.header-link-button img:last-child {
    display: none;
}

a.header-link-button:hover img:last-child, a.header-link-button.selected img:last-child {
    display: inline-block;
}

a.header-link-button:hover img:first-child, a.header-link-button.selected img:first-child {
    display: none;
}

a.header-link-button img, a.header-link-button-disabled img {
    width: 32px;
    height: 32px;
    margin-left: -7px;
    margin-top: -3px;
}

a.header-link-button-disabled {
    border-top: 4px solid var(--white);
    color: var(--bc-grey-500);
}

a.header-link-button-disabled:hover {
    color: var(--bc-grey-500);
}

header #modules {
    flex: 1 1 auto;
    font-size: 20px;
    font-weight: 700;
    font-style: italic;
}

header .header-text-area {
    padding: 9px 3rem 0 0;
    overflow: hidden;
}

header #user-tenant {
    flex: 0 1 auto;
    color: var(--bc-matte-graphite);
    text-align: center;
    font-size: 14px;
}

header #user-tenant strong {
    display: inline-block;
    padding-top: 3px;
    font-weight: 700;
}

header .header-icon-area {
    padding: 0 4px 0 4px;
    line-height: 2.1rem;
    overflow: hidden;
}

header .header-icon-button, header .header-icon-button-disabled {
    display: inline-block;
    padding: 8px 10px;
    text-decoration: none;
}

a.header-icon-button {
    border-top: 4px solid var(--white);
}

a.header-icon-button:hover {
    border-top: 4px solid var(--bc-grey-500);
    color: var(--bc-foreground-strong);
}

a.header-icon-button.selected {
    border-top: 4px solid var(--bc-primary);
    color: var(--bc-primary);
}

a.header-icon-button img:last-child {
    display: none;
}

a.header-icon-button:hover img:last-child, a.header-icon-button.selected img:last-child {
    display: inline-block;
}

a.header-icon-button:hover img:first-child, a.header-icon-button.selected img:first-child {
    display: none;
}

header #settings {
    flex: 0 1 auto;
    text-align: center;
}

main {
    grid-area: main;
    background-color: var(--bc-bg-f4);
}

a.collapse-button {
    display: block;
    color: var(--bc-foreground-strong);
    font-size: 20px;
    font-weight: 700;
    padding: 4px 8px 4px 10px;
    margin-top: 8px;
    margin-bottom: 4px;
    text-decoration: none;
    cursor: pointer;
}

a.collapse-button img:last-child {
    display: none;
}

a.collapse-button:hover img:first-child {
    display: none;
}

a.collapse-button:hover img:last-child {
    display: inline-block;
}

a.collapse-button img {
    margin-bottom: 4px;
    margin-right: 9px;
    margin-left: 5px;
}

a.sidebar-button, a.sidebar-button-disabled {
    font-family: Roboto, sans-serif;
    display: block;
    border-top: 1px solid white;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    border-left: 4px solid white;
    background-color: white;
    color: var(--bc-foreground-strong);
    font-size: 18px;
    font-weight: 400;
    padding: 4px 8px 4px 10px;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
}

.sidebar-menu, a.sidebar-menu-button-disabled {
    font-family: Roboto, sans-serif;
    display: block;
    border-top: 1px solid white;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    border-left: 4px solid white;
    background-color: white;
    color: var(--bc-foreground-strong);
    font-size: 18px;
    font-weight: 400;
    padding: 4px 8px 4px 10px;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
}

.sidebar-menu img {
    margin-right: 10px;
}

.sidebar-menu-arrow {
    font-weight: bold;
    margin-right: -8px;
}

a.sidebar-button:hover, .sidebar-menu:hover {
    border-left: 4px solid var(--bc-grey-500);
    color: var(--bc-foreground-strong);
}

a.sidebar-button.minimized, .sidebar-menu.minimized {
    width: 52px;
    white-space: nowrap;
    overflow: hidden;
}

a.sidebar-button.minimized:hover {
    width: 250px;
    border-top: 1px solid lightgray;
    border-right: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
    box-shadow: 8px 8px 11px -10px rgba(0,0,0,.12);
}

a.sidebar-button.selected {
    border-left: 4px solid var(--bc-primary);
    color: var(--bc-primary);
}

a.sidebar-button.selected.minimized {
    width: 52px;
    white-space: nowrap;
    overflow: hidden;
}

a.sidebar-button.selected.minimized:hover {
    width: 250px;
    border-top: 1px solid lightgray;
    border-right: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
    box-shadow: 8px 8px 11px -10px rgba(0,0,0,.12);
}

a.sidebar-button img:last-child {
    display: none;
}

a.sidebar-button:hover img:last-child, a.sidebar-button.selected img:last-child {
    display: inline-block;
}

a.sidebar-button:hover img:first-child, a.sidebar-button.selected img:first-child {
    display: none;
}

a.sidebar-button img, a.sidebar-button-disabled img {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

a.sidebar-button-disabled label {
    color: var(--bc-grey-500);
    display: inline-block;
    margin-bottom: 0;
    margin-left: 4px;
}

a.sidebar-menu-button-disabled {
    color: var(--bc-grey-500);
    /*display: inline-block;
    margin-bottom: 0;
    margin-left: 4px;*/
}

a.link {
    color: black;
}

.sidebar-menu.minimized .sidebar-menu-arrow {
    display: none;
}

div#notifications-submenu {
    display: none;
}

#notifications:hover #notifications-submenu, #notifications-submenu:focus-within {
    display: block;
}

div#assignments-submenu {
    display: none;
}

#assignments:hover #assignments-submenu, #assignments-submenu:focus-within {
    display: block;
}

div#reports-submenu {
    display: none;
}

#reports:hover #reports-submenu, #reports-submenu:focus-within {
    display: block;
}

div#phonebook-submenu {
    display: none;
}

#phonebook:hover #phonebook-submenu, #phonebook-submenu:focus-within {
    display: block;
}

.sidebar-submenu {
    box-shadow: 0 0 10px 0 rgba(0 0 0 / 15%);
    position: absolute;
    margin-top: -25px;
    left: 260px;
}

div.sidebar-menu.selected {
    border-left: 4px solid var(--bc-primary);
    color: var(--bc-primary);
}

.sidebar-menu.minimized .sidebar-submenu {
    left: 50px;
}

a.sidebar-menu-button {
    font-family: Roboto, sans-serif;
    display: block;
    border-top: 1px solid white;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    border-left: 4px solid white;
    background-color: white;
    color: var(--bc-foreground-strong);
    font-size: 18px;
    font-weight: 400;
    padding: 4px 8px 4px 10px;
    text-decoration: none;
}

a.sidebar-menu-button:hover {
    border-left: 4px solid var(--bc-grey-500);
    color: var(--bc-foreground-strong);
}

#application-footer {
    grid-area: foot;
    border: none;
    background-color: white;
    box-shadow: 0 0 10px 0 rgba(0 0 0 / 15%);
    padding: 0.5rem;
    z-index: 900;
}

#copyright-text {
    text-align: right;
    font-size: 12px;
    line-height: 1.0;
}

.syncfusion-glitched-corner-fix--expanded{
    width: 50px;
    height: 50px;
    border-bottom-right-radius: 100%;
    background-color: var(--theme-menu-background);
    left: auto;
    margin-left: 240px;
    position: absolute;
    mask: radial-gradient(circle 50px at 50px 50px, transparent 99%, black 100%);
}

.syncfusion-glitched-corner-fix--collapsed{
    width: 50px;
    height: 50px;
    border-bottom-right-radius: 100%;
    background-color: var(--theme-menu-background);
    left: auto;
    margin-left: 55px;
    position: absolute;
    mask: radial-gradient(circle 50px at 50px 50px, transparent 99%, black 100%);
}

#bc-body-main-layout {
}

#bc-layout-container {
    display: flex;
    width: 100%;
    height: 100%;
}

.bc-main-content {
    width: 100%;
}

#bc-sidebar {
    overflow: visible; /*do not change, it is required for submenus to work*/
}

#bc-layout-right-panel {
    display: flex;
    flex-direction: column;
    background-color: var(--theme-menu-background);
    height: 100vH;
}

.bc-layout-right-panel--expanded {
    width: calc(100vw - 256px) !important;
    margin-left: 256px !Important;
}

.bc-layout-right-panel--unexpanded {
    width: calc(100vw - 72px) !important;
    margin-left: 72px !Important;
}

#bc-layout-content-container {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    background-color: var(--theme-page-background);
    margin-top: 1rem;
    padding: 2rem;
    border-top-left-radius: 3rem;
    overflow: auto;
}

.bc-layout-content-container__wrapper {
    background-color: var(--theme-menu-background);
    width: 100%;
    height: 100%;
    position: relative;
}

#bc-menu-logo-container {
    display: flex;
    width: 100%;
    padding: 1rem;
    position: absolute;
}

#bc-menu-logo {
    height: 2rem;
}

#layout-wrapper {
    display: flex;
    width: 100vw;
    height: 100vh;
}

#layout-left-panel-container {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    height: 100vh;
    padding: 1rem;
    background-color: var(--theme-menu-background);
    min-height: 0;
}

#layout-left-panel-logo-container {
    display: flex;
    width: auto;
    padding-bottom: 1rem;
}

#layout-left-panel-logo {
    height: 2.25rem;
    /* src: var(--bcnav-logo-path); */
}

#layout-left-panel-menu-container {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    align-content: start;
    width: 100%;
    padding:0;
}

#layout-left-panel-menu-top-container {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
    gap: 0.25rem;
    scrollbar-width: thin;
    scrollbar-color: var(--theme-menu-scrollbar-thumb) var(--theme-menu-scrollbar-background);
}

#layout-left-panel-menu-bottom-container {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    width: 100%;
}

hr.bc-menu-divider-solid {
    border-top: 0.0625rem solid var(--theme-menu-accents-border);
    margin: 0.5rem 0 0.5rem 0;
    opacity: 1.0;
    color: transparent;
    background-color: transparent;
}

.sidemenu-toggle-button-container {
    display: flex;
    position: relative;
    bottom: -3.875rem;
    background-color: var(--theme-menu-disabled-foreground);
    border-radius: 0.875rem;
    width: 1.75rem;
    height: 1.75rem;
}

.sidemenu-toggle-button-container.open{
    left: 2.125rem;
}

.sidemenu-toggle-button-container.closed{
    left: -0.75rem;
}

#sidemenu-toggle-button {
    display: flex;
    width: 1.75rem;
    height: 1.75rem;
    justify-content: center;
    align-items: center;
    color: var(--theme-page-background);
    border-radius: 0.875rem;
    outline: 2px solid var(--theme-page-background);
}

#sidemenu-toggle-button-icon {
    width: auto;
    height: auto;
    text-align: center;
    font-size: 0.875rem;
}

#sidemenu-toggle-button:hover {
    background-color: var(--theme-menu-interactive-hover-background);
    cursor: pointer;
}

#sidemenu-toggle-button:focus {
    background-color: var(--theme-menu-interactive-focus-background);
}

#sidemenu-toggle-button:active {
    background-color: var(--theme-menu-interactive-active-background);
    cursor: pointer;
    padding: 0.25rem;
}

.sidemenu-item-container {
    display: flex;
    flex-direction: column;
    position: relative;
}

.sidemenu-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    color: var(--theme-menu-interactive-foreground);
    text-align: start;
    border-radius: 0.5rem;
}

.sidemenu-item:hover {
    background-color: var(--theme-menu-interactive-hover-background);
    cursor: pointer;
}

.sidemenu-item:focus {
    background-color: var(--theme-menu-interactive-focus-background);
}

.sidemenu-item:active {
    background-color: var(--theme-menu-interactive-active-background);
    cursor: pointer;
    /*border: 0.125rem solid var(--theme-menu-interactive-active-border);*/
}

.sidemenu-item.static:hover {
    cursor: default;
    background-color: var(--theme-menu-background);
    color: var(--theme-menu-interactive-foreground);
}

.sidemenu-item.selected {
    background-color: var(--theme-menu-interactive-selected-background);
    color: var(--theme-menu-interactive-selected-foreground);
}

.sidemenu-item.selected.module {
    background-color: var(--theme-menu-interactive-selected-module-background);
    color: var(--theme-menu-interactive-selected-module-foreground);
}

.sidemenu-item.disabled {
    background-color: var(--theme-menu-disabled-background);
    color: var(--theme-menu-disabled-foreground);
    cursor: default;
}


.sidemenu-item-selected {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    color: var(--theme-menu-interactive-selected-foreground) !important;
    text-align: start;
    background-color: var(--theme-menu-interactive-selected-background);
    border-radius: 0.5rem;
}

.sidemenu-item-selected:hover {
    cursor: pointer
}

.sidemenu-item-selected-bar{
    position: absolute;
    left: -1.0rem;
    width: 0.25rem;
    height: 2.5rem;
    border-radius: 0 0.25rem 0.25rem 0;
    background-color: var(--theme-menu-interactive-selected-background);
}

.sidemenu-item-disabled {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    color: var(--theme-menu-disabled-foreground);
    text-align: start;
    /* background-color: var(--theme-menu-button-background-disabled); */
    border-radius: 0.5rem;
}

.sidemenu-item-link-container {
    display: flex;
    flex-grow: 1;
    gap: 0.5rem;
    min-height: 1.25rem;
    padding: 0.625rem;
    border-radius: 0.5rem;
    color: inherit;
    align-items: center;
}

.sidemenu-item-link-container:hover {
    color: inherit;
}

.sidemenu-item-fold-sub-container {
    padding: 0.625rem 0.625rem 0.625rem 0;
    border-radius: 0.5rem;
}

.sidemenu-item-icon {
    display: flex;
    width: 22px;
    height:22px;
    justify-content: center;
    align-items: center;
}

.sidemenu-item-text {
    /* color: var(--theme-menu-button-text); */
    line-height: 1.25rem;
    font-size: 0.875rem;
    font-weight: 400;
    flex-grow: 1;
}

.sidemenu-submenu-container {
    display: flex;
    flex-direction: column;
    padding: 0.25rem 0 0.25rem 0;
    gap: 0;
}

.sidemenu-subitem-container {
    margin: 0 0 0 1.25rem;
    border-left: 0.125rem solid var(--theme-menu-accents-border);
}

.sidemenu-subitem-link-container {
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    padding: 0.5rem 0.5rem 0.5rem 1.25rem;
    border-radius: 0.5rem;
    color: inherit;
    align-items: center;
    max-width: 188px;
}

.sidemenu-subitem-link-container:hover {
    color: inherit;
}

.sidemenu-subitem {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    height: fit-content;
    margin: 0 0 0 0.25rem;
    color: var(--theme-menu-interactive-foreground);
    text-align: start;
    border-radius: 0.5rem;
    gap: 0.5rem;
}

.sidemenu-subitem:hover {
    background-color: var(--theme-menu-interactive-hover-background);
    cursor: pointer;
}

.sidemenu-subitem:active {
    background-color: var(--theme-menu-interactive-active-background);
    cursor: pointer;
}

.sidemenu-subitem.disabled {
    background-color: var(--theme-menu-disabled-background);
    color: var(--theme-menu-disabled-foreground);
    cursor: default;
}

.sidemenu-subitem-selected {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    height: fit-content;
    margin: 0 0 0 0.25rem;
    color: var(--theme-menu-interactive-selected-foreground);
    text-align: start;
    background-color: var(--theme-menu-interactive-selected-background);
    border-radius: 0.5rem;
    gap: 0.5rem;
}

.sidemenu-subitem-text {
    line-height: 1.25rem;
    font-size: 0.875rem;
    font-weight: 400;
    flex-grow: 1;
    max-height: 2.5rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    transition: max-height 1s ease;
    transition-delay: 1s;
}

.sidemenu-subitem-text:hover {
    max-height: 200px;
}

.sidemenu-subitem-text:hover::after{
    opacity: 0;
}

.sidemenu-subitem-text::after {
    content: "…";
    position: absolute;
    right: 14px;
    bottom: 7px;
    padding-left: 0.25em;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.sidemenu-subitem-text.has-overflow::after {
    opacity: 1;
}

.sidebar-hovermenu-container {
    display: flex;
    flex-direction: column;
    width: 14rem;
    position: absolute;
    top: -0.5rem;
    left: 14rem;
    gap:0;
    background-color: var(--theme-menu-background);
    border-radius: 0 0.5rem 0.5rem 0;
    z-index: 100;
    padding: 0.5rem;
}

.sidebar-hovermenu-container.folded {
    left: 2.5rem;
}

.sidebar-hovermenu-item-container {

}

.sidebar-hovermenu-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    height: fit-content;
    margin: 0 0 0 0.25rem;
    color: var(--theme-menu-interactive-foreground);
    text-align: start;
    border-radius: 0.5rem;
    gap: 0.5rem;
}

.sidebar-hovermenu-item:hover {
    background-color: var(--theme-menu-interactive-hover-background);
    cursor: pointer;
}

.sidebar-hovermenu-item:active {
    background-color: var(--theme-menu-interactive-active-background);
    cursor: pointer;
}

.sidebar-hovermenu-item.selected {
    background-color: var(--theme-menu-interactive-selected-background);
    color: var(--theme-menu-interactive-selected-foreground);
}

.sidebar-hovermenu-item.disabled {
    background-color: var(--theme-menu-disabled-background);
    color: var(--theme-menu-disabled-foreground);
    cursor: default;
}

.sidebar-hovermenu-link-container {
    display: flex;
    flex-grow: 1;
    padding: 0.5rem 0.5rem 0.5rem 1.25rem;
    border-radius: 0.5rem;
    color: inherit;
    align-items: center;
}

.sidebar-hovermenu-link-container:hover {
    color: inherit;
}

.sidebar-hovermenu-text {
    line-height: 1.25rem;
    font-size: 0.875rem;
    font-weight: 400;
    flex-grow: 1;
}

#bcrisk-hovermenu {
    display: none;
}

#bcRISK:hover #bcrisk-hovermenu {
    display: block;
}

#bcimpact-hovermenu {
    display: none;
}

#bcIMPACT:hover #bcimpact-hovermenu {
    display: block;
}

#bcplan-hovermenu {
    display: none;
}

#bcPLAN:hover #bcplan-hovermenu {
    display: block;
}

#bccrisis-hovermenu {
    display: none;
}

#bcCRISIS:hover #bccrisis-hovermenu {
    display: block;
}

#notifications-hovermenu {
    display: none;
}

#assignments-hovermenu {
    display: none;
}

#reports-hovermenu {
    display: none;
}

#phonebook-hovermenu {
    display: none;
}

#workspaces-hovermenu {
    display: none;
}

#notifications:hover #notifications-hovermenu {
    display: flex;
}

#assignments:hover #assignments-hovermenu {
    display: block;
}

#reports:hover #reports-hovermenu {
    display: block;
}

#phonebook:hover #phonebook-hovermenu {
    display: block;
}

#workspaces:hover #workspaces-hovermenu {
    display: block;
}


.sidemenu-counter-badge {
    background-color: var(--theme-menu-badge-background);
    color: var(--theme-menu-badge-foreground);
    width: auto;
    height: 1rem;
    min-width: 1rem;
    padding: 0 0.25rem;
    border-radius: 0.5rem;
}

.sidemenu-counter-badge.selected {
    background-color: var(--theme-menu-badge-selected-background);
    color: var(--theme-menu-badge-selected-foreground);
}

.dashboard-badge-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidemenu-counter-badge.menu-icon {
    display: flex;
    position: absolute;
    top: -0.25rem;
    right: -0.5rem;
    background-color: var(--theme-menu-badge-background);
    color: var(--theme-menu-badge-foreground);
    width: auto;
    height: 1rem;
    min-width: 1rem;
    padding: 0 0.25rem;
    border-radius: 0.5rem;
    align-items: center;
    justify-content: center;
}

.sidemenu-counter-badge.menu-icon.selected {
    outline: 2px solid var(--theme-menu-background);
}

.sidemenu-counter-badge-text {
    text-align: center;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 700;
}

#sidemenu-user-container {
    display: flex;
    flex-direction: column;
    width: 100%;
}

#sidemenu-user-avatar {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 40px;
    padding: 0.5rem;
    gap: 0.75rem;
    color: var(--theme-menu-foreground);
    text-align: start;
}

#sidemenu-user-avatar-image {
    width: 1.75rem;
}

#sidemenu-avatar-text {
    line-height: 1.25rem;
    font-size: 0.875rem;
    font-weight: 400;
    flex-grow: 1;
}

#sidemenu-user-tenantname {
    font-size: 0.75rem;
}
#sidemenu-user-tenant {
    display: flex;
    justify-content: flex-start;
    align-items: start;
    width: 100%;
    height: 1.5rem;
    padding: 0 0.5rem 0.5rem 0.5rem;
    margin-left: 2.5rem;
    gap: 0.5rem;
    color: var(--theme-menu-foreground);
    text-align: start;
}

#sidemenu-tenant-text {
    line-height: 1.25rem;
    font-size: 0.875rem;
    font-weight: 400;
    flex-grow: 1;
}

#layout-right-panel {
    display: flex;
    flex-grow: 1;
    background-color: var(--theme-menu-background);
}

#layout-right-page {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    background-color: var(--theme-page-background);
    margin-top: 1rem;
    padding: 2rem;
    border-top-left-radius: 4rem;
}

#layout-right-panel-breadcrumbs {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 1rem;
    font-size: 0.75rem;
}

#layout-right-panel-header {
    margin-bottom: 1rem;
}

#layout-right-panel-content {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 1rem;
    height: auto;
    overflow-y: scroll;
}

#bc-version-container {
    text-align: center;
    color: var(--theme-menu-disabled-foreground);
    font-size: 0.75rem;
}

a.bc-version-link {
    color: var(--theme-menu-disabled-foreground);
    font-size: 0.75rem;
    text-decoration: underline;
}

.form-eye-icon:before {
    color: var(--bc-tooltip-gray);
}

#reconnect-modal {
    position: absolute;
    bottom: 0;
    left: 48%;
    transform: translatey(-88vh);
    transition: visibility 0s linear 1000ms;
    visibility: hidden;
    z-index: 99999;
    padding: 10px;

}

.reconnect-modal {
    display: flex;
    width: 300px;
    flex-direction: row;
    align-items: flex-start;
    gap: 12px;
    background: var(--bc-error-bg);
    border: 1px solid var(--bc-baby-doll);
    border-radius: 12px;
}

.reconnect-modal .card-text {
    display: flex;
    flex-direction: column;
    color: var(--bc-error-foreground);
    height: 100%;
}

.reconnect-modal .title {
    font-size: 14px;
    font-weight: 600;
}

.reconnect-modal .subtitle {
    font-size: 14px;
}

.reconnect-modal .reconnect-icon:before {
    font-size: 16px;
}

.reconnect-modal .reconnect-icon {
    background: var(--Accent-red);
    color: var(--bc-error-dark);
    height: 32px;
    width: 32px;
    padding: 6px;
    border-radius: 8px;
}

.e-sidebar {
    background: var(--theme-menu-background);
    overflow-x: clip;
}

.syncfusion-glitched-corner-fix--expanded{
    width: 50px;
    height: 50px;
    border-bottom-right-radius: 100%;
    background-color: var(--theme-menu-background);
    left: auto;
    margin-left: 240px;
    position: absolute;
    mask: radial-gradient(circle 50px at 50px 50px, transparent 99%, black 100%);
}

.syncfusion-glitched-corner-fix--collapsed{
    width: 50px;
    height: 50px;
    border-bottom-right-radius: 100%;
    background-color: var(--theme-menu-background);
    left: auto;
    margin-left: 55px;
    position: absolute;
    mask: radial-gradient(circle 50px at 50px 50px, transparent 99%, black 100%);
}

#bc-body-main-layout {
}

#bc-layout-container {
    display: flex;
    width: 100%;
    height: 100%;
}

.bc-main-content {
    width: 100%;
}

#bc-sidebar {
    overflow: visible; /*do not change, it is required for submenus to work*/
}

#bc-layout-right-panel {
    display: flex;
    flex-direction: column;
    background-color: var(--theme-menu-background);
    height: 100vH;
}

.bc-layout-right-panel--expanded {
    width: calc(100vw - 256px) !important;
    margin-left: 256px !Important;
}

.bc-layout-right-panel--unexpanded {
    width: calc(100vw - 72px) !important;
    margin-left: 72px !Important;
}

#bc-layout-content-container {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    background-color: var(--theme-page-background);
    margin-top: 1rem;
    padding: 2rem;
    border-top-left-radius: 3rem;
    overflow: auto;
}

.bc-layout-content-container__wrapper {
    background-color: var(--theme-menu-background);
    width: 100%;
    height: 100%;
    position: relative;
}

#bc-menu-logo-container {
    display: flex;
    width: 100%;
    padding: 1rem;
    position: absolute;
}

#bc-menu-logo {
    height: 2rem;
}

#layout-wrapper {
    display: flex;
    width: 100vw;
    height: 100vh;
}

#layout-left-panel-container {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    height: 100vh;
    padding: 1rem;
    background-color: var(--theme-menu-background);
    min-height: 0;
}

#layout-left-panel-logo-container {
    display: flex;
    width: auto;
    padding-bottom: 1rem;
}

#layout-left-panel-logo {
    height: 2.25rem;
    /* src: var(--bcnav-logo-path); */
}

#layout-left-panel-menu-container {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    align-content: start;
    width: 100%;
    padding:0;
}

#layout-left-panel-menu-top-container {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
    gap: 0.25rem;
    scrollbar-width: thin;
    scrollbar-color: var(--theme-menu-scrollbar-thumb) var(--theme-menu-scrollbar-background);
}

#layout-left-panel-menu-bottom-container {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    width: 100%;
}

hr.bc-menu-divider-solid {
    border-top: 0.0625rem solid var(--theme-menu-accents-border);
    margin: 0.5rem 0 0.5rem 0;
    opacity: 1.0;
    color: transparent;
    background-color: transparent;
}

.sidemenu-toggle-button-container {
    display: flex;
    position: relative;
    bottom: -3.875rem;
    background-color: var(--theme-menu-disabled-foreground);
    border-radius: 0.875rem;
    width: 1.75rem;
    height: 1.75rem;
}

.sidemenu-toggle-button-container.open{
    left: 2.125rem;
}

.sidemenu-toggle-button-container.closed{
    left: -0.75rem;
}

#sidemenu-toggle-button {
    display: flex;
    width: 1.75rem;
    height: 1.75rem;
    justify-content: center;
    align-items: center;
    color: var(--theme-page-background);
    border-radius: 0.875rem;
    outline: 2px solid var(--theme-page-background);
}

#sidemenu-toggle-button-icon {
    width: auto;
    height: auto;
    text-align: center;
    font-size: 0.875rem;
}

#sidemenu-toggle-button:hover {
    background-color: var(--theme-menu-interactive-hover-background);
    cursor: pointer;
}

#sidemenu-toggle-button:focus {
    background-color: var(--theme-menu-interactive-focus-background);
}

#sidemenu-toggle-button:active {
    background-color: var(--theme-menu-interactive-active-background);
    cursor: pointer;
    padding: 0.25rem;
}

.sidemenu-item-container {
    display: flex;
    flex-direction: column;
    position: relative;
}

.sidemenu-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    color: var(--theme-menu-interactive-foreground);
    text-align: start;
    border-radius: 0.5rem;
}

.sidemenu-item:hover {
    background-color: var(--theme-menu-interactive-hover-background);
    cursor: pointer;
}

.sidemenu-item:focus {
    background-color: var(--theme-menu-interactive-focus-background);
}

.sidemenu-item:active {
    background-color: var(--theme-menu-interactive-active-background);
    cursor: pointer;
    /*border: 0.125rem solid var(--theme-menu-interactive-active-border);*/
}

.sidemenu-item.static:hover {
    cursor: default;
    background-color: var(--theme-menu-background);
    color: var(--theme-menu-interactive-foreground);
}

.sidemenu-item.selected {
    background-color: var(--theme-menu-interactive-selected-background);
    color: var(--theme-menu-interactive-selected-foreground);
}

.sidemenu-item.selected.module {
    background-color: var(--theme-menu-interactive-selected-module-background);
    color: var(--theme-menu-interactive-selected-module-foreground);
}

.sidemenu-item.disabled {
    background-color: var(--theme-menu-disabled-background);
    color: var(--theme-menu-disabled-foreground);
    cursor: default;
}


.sidemenu-item-selected {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    color: var(--theme-menu-interactive-selected-foreground) !important;
    text-align: start;
    background-color: var(--theme-menu-interactive-selected-background);
    border-radius: 0.5rem;
}

.sidemenu-item-selected:hover {
    cursor: pointer
}

.sidemenu-item-selected-bar{
    position: absolute;
    left: -1.0rem;
    width: 0.25rem;
    height: 2.5rem;
    border-radius: 0 0.25rem 0.25rem 0;
    background-color: var(--theme-menu-interactive-selected-background);
}

.sidemenu-item-disabled {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    color: var(--theme-menu-disabled-foreground);
    text-align: start;
    /* background-color: var(--theme-menu-button-background-disabled); */
    border-radius: 0.5rem;
}

.sidemenu-item-link-container {
    display: flex;
    flex-grow: 1;
    gap: 0.5rem;
    min-height: 1.25rem;
    padding: 0.625rem;
    border-radius: 0.5rem;
    color: inherit;
    align-items: center;
}

.sidemenu-item-link-container:hover {
    color: inherit;
}

.sidemenu-item-fold-sub-container {
    padding: 0.625rem 0.625rem 0.625rem 0;
    border-radius: 0.5rem;
}

.sidemenu-item-icon {
    display: flex;
    width: 22px;
    height:22px;
    justify-content: center;
    align-items: center;
}

.sidemenu-item-text {
    /* color: var(--theme-menu-button-text); */
    line-height: 1.25rem;
    font-size: 0.875rem;
    font-weight: 400;
    flex-grow: 1;
}

.sidemenu-submenu-container {
    display: flex;
    flex-direction: column;
    padding: 0.25rem 0 0.25rem 0;
    gap: 0;
}

.sidemenu-subitem-container {
    margin: 0 0 0 1.25rem;
    border-left: 0.125rem solid var(--theme-menu-accents-border);
}

.sidemenu-subitem-link-container {
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    padding: 0.5rem 0.5rem 0.5rem 1.25rem;
    border-radius: 0.5rem;
    color: inherit;
    align-items: center;
    max-width: 188px;
}

.sidemenu-subitem-link-container:hover {
    color: inherit;
}

.sidemenu-subitem {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    height: fit-content;
    margin: 0 0 0 0.25rem;
    color: var(--theme-menu-interactive-foreground);
    text-align: start;
    border-radius: 0.5rem;
    gap: 0.5rem;
}

.sidemenu-subitem:hover {
    background-color: var(--theme-menu-interactive-hover-background);
    cursor: pointer;
}

.sidemenu-subitem:active {
    background-color: var(--theme-menu-interactive-active-background);
    cursor: pointer;
}

.sidemenu-subitem.disabled {
    background-color: var(--theme-menu-disabled-background);
    color: var(--theme-menu-disabled-foreground);
    cursor: default;
}

.sidemenu-subitem-selected {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    height: fit-content;
    margin: 0 0 0 0.25rem;
    color: var(--theme-menu-interactive-selected-foreground);
    text-align: start;
    background-color: var(--theme-menu-interactive-selected-background);
    border-radius: 0.5rem;
    gap: 0.5rem;
}

.sidemenu-subitem-text {
    line-height: 1.25rem;
    font-size: 0.875rem;
    font-weight: 400;
    flex-grow: 1;
    max-height: 2.5rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    transition: max-height 1s ease;
    transition-delay: 1s;
}

.sidemenu-subitem-text:hover {
    max-height: 200px;
}

.sidemenu-subitem-text:hover::after{
    opacity: 0;
}

.sidemenu-subitem-text::after {
    content: "…";
    position: absolute;
    right: 14px;
    bottom: 7px;
    padding-left: 0.25em;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.sidemenu-subitem-text.has-overflow::after {
    opacity: 1;
}

.sidebar-hovermenu-container {
    display: flex;
    flex-direction: column;
    width: 14rem;
    position: absolute;
    top: -0.5rem;
    left: 14rem;
    gap:0;
    background-color: var(--theme-menu-background);
    border-radius: 0 0.5rem 0.5rem 0;
    z-index: 100;
    padding: 0.5rem;
}

.sidebar-hovermenu-container.folded {
    left: 2.5rem;
}

.sidebar-hovermenu-item-container {

}

.sidebar-hovermenu-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    height: fit-content;
    margin: 0 0 0 0.25rem;
    color: var(--theme-menu-interactive-foreground);
    text-align: start;
    border-radius: 0.5rem;
    gap: 0.5rem;
}

.sidebar-hovermenu-item:hover {
    background-color: var(--theme-menu-interactive-hover-background);
    cursor: pointer;
}

.sidebar-hovermenu-item:active {
    background-color: var(--theme-menu-interactive-active-background);
    cursor: pointer;
}

.sidebar-hovermenu-item.selected {
    background-color: var(--theme-menu-interactive-selected-background);
    color: var(--theme-menu-interactive-selected-foreground);
}

.sidebar-hovermenu-item.disabled {
    background-color: var(--theme-menu-disabled-background);
    color: var(--theme-menu-disabled-foreground);
    cursor: default;
}

.sidebar-hovermenu-link-container {
    display: flex;
    flex-grow: 1;
    padding: 0.5rem 0.5rem 0.5rem 1.25rem;
    border-radius: 0.5rem;
    color: inherit;
    align-items: center;
}

.sidebar-hovermenu-link-container:hover {
    color: inherit;
}

.sidebar-hovermenu-text {
    line-height: 1.25rem;
    font-size: 0.875rem;
    font-weight: 400;
    flex-grow: 1;
}

#bcrisk-hovermenu {
    display: none;
}

#bcRISK:hover #bcrisk-hovermenu {
    display: block;
}

#bcimpact-hovermenu {
    display: none;
}

#bcIMPACT:hover #bcimpact-hovermenu {
    display: block;
}

#bcplan-hovermenu {
    display: none;
}

#bcPLAN:hover #bcplan-hovermenu {
    display: block;
}

#bccrisis-hovermenu {
    display: none;
}

#bcCRISIS:hover #bccrisis-hovermenu {
    display: block;
}

#notifications-hovermenu {
    display: none;
}

#assignments-hovermenu {
    display: none;
}

#reports-hovermenu {
    display: none;
}

#phonebook-hovermenu {
    display: none;
}

#workspaces-hovermenu {
    display: none;
}

#notifications:hover #notifications-hovermenu {
    display: flex;
}

#assignments:hover #assignments-hovermenu {
    display: block;
}

#reports:hover #reports-hovermenu {
    display: block;
}

#phonebook:hover #phonebook-hovermenu {
    display: block;
}

#workspaces:hover #workspaces-hovermenu {
    display: block;
}


.sidemenu-counter-badge {
    background-color: var(--theme-menu-badge-background);
    color: var(--theme-menu-badge-foreground);
    width: auto;
    height: 1rem;
    min-width: 1rem;
    padding: 0 0.25rem;
    border-radius: 0.5rem;
}

.sidemenu-counter-badge.selected {
    background-color: var(--theme-menu-badge-selected-background);
    color: var(--theme-menu-badge-selected-foreground);
}

.dashboard-badge-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidemenu-counter-badge.menu-icon {
    display: flex;
    position: absolute;
    top: -0.25rem;
    right: -0.5rem;
    background-color: var(--theme-menu-badge-background);
    color: var(--theme-menu-badge-foreground);
    width: auto;
    height: 1rem;
    min-width: 1rem;
    padding: 0 0.25rem;
    border-radius: 0.5rem;
    align-items: center;
    justify-content: center;
}

.sidemenu-counter-badge.menu-icon.selected {
    outline: 2px solid var(--theme-menu-background);
}

.sidemenu-counter-badge-text {
    text-align: center;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 700;
}

#sidemenu-user-container {
    display: flex;
    flex-direction: column;
    width: 100%;
}

#sidemenu-user-avatar {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 40px;
    padding: 0.5rem;
    gap: 0.75rem;
    color: var(--theme-menu-foreground);
    text-align: start;
}

#sidemenu-user-avatar-image {
    width: 1.75rem;
}

#sidemenu-avatar-text {
    line-height: 1.25rem;
    font-size: 0.875rem;
    font-weight: 400;
    flex-grow: 1;
}

#sidemenu-user-tenantname {
    font-size: 0.75rem;
}
#sidemenu-user-tenant {
    display: flex;
    justify-content: flex-start;
    align-items: start;
    width: 100%;
    height: 1.5rem;
    padding: 0 0.5rem 0.5rem 0.5rem;
    margin-left: 2.5rem;
    gap: 0.5rem;
    color: var(--theme-menu-foreground);
    text-align: start;
}

#sidemenu-tenant-text {
    line-height: 1.25rem;
    font-size: 0.875rem;
    font-weight: 400;
    flex-grow: 1;
}

#layout-right-panel {
    display: flex;
    flex-grow: 1;
    background-color: var(--theme-menu-background);
}

#layout-right-page {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    background-color: var(--theme-page-background);
    margin-top: 1rem;
    padding: 2rem;
    border-top-left-radius: 4rem;
}

#layout-right-panel-breadcrumbs {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 1rem;
    font-size: 0.75rem;
}

#layout-right-panel-header {
    margin-bottom: 1rem;
}

#layout-right-panel-content {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 1rem;
    height: auto;
    overflow-y: scroll;
}

#bc-version-container {
    text-align: center;
    color: var(--theme-menu-disabled-foreground);
    font-size: 0.75rem;
}

a.bc-version-link {
    color: var(--theme-menu-disabled-foreground);
    font-size: 0.75rem;
    text-decoration: underline;
}

.form-eye-icon:before {
    color: var(--bc-tooltip-gray);
}

#reconnect-modal {
    position: absolute;
    bottom: 0;
    left: 48%;
    transform: translatey(-88vh);
    transition: visibility 0s linear 1000ms;
    visibility: hidden;
    z-index: 99999;
    padding: 10px;

}

.reconnect-modal {
    display: flex;
    width: 300px;
    flex-direction: row;
    align-items: flex-start;
    gap: 12px;
    background: var(--bc-error-bg);
    border: 1px solid var(--bc-baby-doll);
    border-radius: 12px;
}

.reconnect-modal .card-text {
    display: flex;
    flex-direction: column;
    color: var(--bc-error-foreground);
    height: 100%;
}

.reconnect-modal .title {
    font-size: 14px;
    font-weight: 600;
}

.reconnect-modal .subtitle {
    font-size: 14px;
}

.reconnect-modal .reconnect-icon:before {
    font-size: 16px;
}

.reconnect-modal .reconnect-icon {
    background: var(--Accent-red);
    color: var(--bc-error-dark);
    height: 32px;
    width: 32px;
    padding: 6px;
    border-radius: 8px;
}
/*#endregion MainLayout*/

/*region Narrowpage*/
.narrowpage-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction:column;
}

.narrowpage-wrapper .bc-page-header {
    min-width:640px;
}

.bc-narrowpage-content {
    width:100%;
    max-width: 640px;
    justify-content: center;
}

.narrowpage-navigation {
    font-size: 14px;
}

.narrowpage-navigation i{
    margin-right: 5px;
}

.narrowpage-navigation:hover {
    color: var(--theme-primary-default);
}

.narrowpage-header-content {
    font-size: 30px;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: -0.02em;
    text-align: left;
}
.bc-form-divider--form {
    width: 640px;
    height: 1px;
    gap: 0;
    background-color: var(--bc-card-metric-border);
    margin: 0 0 24px 0;
}

.bc-form-divider--header {
    width: 640px;
    height: 1px;
    gap: 0;
    background-color: var(--bc-card-metric-border);
    margin: -8px 0 24px 0;
}

.sftextbox-component{
    height: 44px;
}
.narrowpage-buttons {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 12px;
}

.narrowpage-buttons--space-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.narrowpage-buttons__actions {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 12px;
}

.bc-narrowpage-save-button {
    border-radius: 0.375rem !important;
    border: 1px solid var(--theme-button-primary-outline-border) !important;
}

.second-step-modal {
    min-height:486px;
}

.second-step-modal .bc-textbox:last-child .e-control-wrapper textarea {
    min-height:105px;
    max-height:40vh;
}

.bc-mailsend-dialog .e-card {
    padding: 0.75rem !important;
    margin-bottom: 0.5rem;
}

.bc-mailsend-dialog .e-card .e-card-content {
    gap: 0.5rem !important;
}

.mailsend-summary-cards {
    margin-bottom:1rem;
    display: flex;
    flex-direction: column;
    min-height:485px;
}

.mailsend-summary-cards .e-card {
    border-radius: 16px;
    border-color: var(--bc-border-c8);
}

.mailsend-summary-cards .e-card:active {
    border-radius: 16px !important;
}

.mailsend-summary-cards .focus {
    border: 1pt solid var(--bc-light-900);
}

.summary-card {
    height: 100% !important;
    border: 1pt solid var(--bc-light-900);
    border-radius: 10px !important;
}

.no-records-card {
    max-width: 650px !important;
}

.no-records-card-container span a {
    display: flex;
    justify-content: center;
}

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

.summary-card .card-top-container {
    align-items: flex-start;
}

.summary-card .card-top-container .title {
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    text-align: left !important;
    padding-top: 2px;
    color: var(--bc-tranquil-black);
}

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

.summary-card .card-top-container .panel-card-icon i:before {
    font-size:17px;
    line-height:17px;
}

.summary-card .card-bottom-container {
    margin-top: -6px;
    padding-left:48px;
}

.summary-card-last-notification {
    border-radius: 6px;
}

.summary-header-value {
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    text-align: left;
}

.summary-item-value {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
}

.summary-content {
    display: flex;
    flex-direction: column;
}

.align-summary-items-center .card-top-container {
    align-items: center !important;
    margin-top: -2px;
}

.bc-treeview-container::-webkit-scrollbar, .bc-mailsend-content::-webkit-scrollbar, .bc-textbox .e-control-wrapper textarea::-webkit-scrollbar {
    width: 8px;
    border-radius: 4px;
}

.bc-treeview-container::-webkit-scrollbar-track, .bc-mailsend-content::-webkit-scrollbar-track, .bc-textbox .e-control-wrapper textarea::-webkit-scrollbar-track {
    background: var(--bc-scrollbar-track);
    border-radius: 4px;
    margin-left: 5px;
}

.bc-treeview-container::-webkit-scrollbar-thumb, .bc-mailsend-content::-webkit-scrollbar-thumb, .bc-textbox .e-control-wrapper textarea::-webkit-scrollbar-thumb {
    background: var(--bc-scrollbar-thumb);
    border-radius: 4px;
}

.bc-treeview-container::-webkit-scrollbar-thumb:hover, .bc-mailsend-content::-webkit-scrollbar-thumb:hover, .bc-textbox .e-control-wrapper textarea::-webkit-scrollbar-thumb:hover {
    background: var(--bc-scrollbar-thumb-hover);
}

.bc-treeview-container {
    min-height: 175px;
    max-height: 40vh;
    padding: 12px 16px 12px 16px;
    gap: 12px;
    overflow: auto;
    border-radius: 6px ;
    border: 1px solid var(--bc-light-900);
    margin-bottom:16px;
}

.bc-treeview-container .e-treeview .e-list-item .e-icon-collapsible:before {
    content:"\e75c" !important;
    rotate: 90deg;
}

.bc-treeview-container .e-treeview .e-list-item .e-icon-expandable:before {
    content:"\e75c" !important;
}

.e-treeview .e-list-item.e-disable>.e-text-content .e-list-text, .e-treeview .e-list-item.e-disable>.e-fullrow .e-list-text {
    color: var(--bc-heather-black);
}
/*endregion narrowpage*/

/*region Cardpage*/
.bc-cardpage-content {
    padding: 0 10px;
    height: calc(100vh - 244px);
    overflow: auto;
}

.card-display {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
}

.card-display-missions {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
}

.card-display-flex {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.card-display-flex .e-card {
    width: 100%;
}

.bc-missioncard {
    /*display: flex;*/
    /*width: 400px;*/

    /*min-width: 350px;*/
    /*max-width: 500px;*/
    /*flex: 1 1 calc(25% - 1px); */
    max-width: 500px;
    min-width: 350px;
    min-height: 264px;

    box-sizing: border-box;
    /*padding: 24px;*/
    /*flex-direction: column;*/
    /*justify-content: flex-end;*/
    /*align-items: flex-start;*/
    /*gap: 16px;*/
    /*border-radius: 8px;*/
    /*border: 1px solid var(--Colors-border-default, rgba(0, 0, 0, 0.56));*/
}

.bc-missioncard--new__button__card {
    cursor: pointer;
}

.bc-missioncard--new__button__card .e-card {
    border: 1px dashed var(--Colors-border-default, rgba(0, 0, 0, 0.56)) !important;
    height: 100%;
    color: var(--Colors-foreground-tertiary, rgba(0, 0, 0, 0.68));
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 137.5% */
}

.bc-missioncard--new__button__card .e-card:hover {
    background-color: var(--Colors-background-subtle-hover, rgba(0, 0, 0, 0.04));
}

.bc-missioncard-template {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
}

.bc-missioncard-placeholder__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
}
.bc-missioncard__details {
    display: flex;
    height: 164px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    align-self: stretch;
}

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

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

.bc-missioncard__details__info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
}

.bc-missioncard-mission__name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin-bottom: 8px;
    overflow: hidden;
    color: var(--Colors-Page-Content-text--primary);
    text-overflow: ellipsis;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    word-break: break-all;
}

.bc-missioncard-mission__info {
    color: var(--Colors-Page-Content-text--primary);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.bc-missioncard__buttons {
    display: flex;
    align-items: flex-end;
    gap: 16px;
    align-self: stretch;
}

.bc-missioncard-takeover__button {
    flex-grow: 1;
    border-radius: 0.375rem !important;
    border: 1px solid var(--theme-button-primary-outline-border) !important;
    flex-direction: row-reverse;
}

.bc-missioncard-placeholder {
    min-width: 350px;
    max-width: 474px;
    min-height: 264px;
    height: 100%;
    border-radius: 8px;
    border: 1px dashed var(--Colors-border-default, rgba(0, 0, 0, 0.56));
}

.bc-missioncard-modal__title {
    color: var(--Black);
    font-variant-numeric: lining-nums tabular-nums;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.bc-missioncard-mission__subtitle {
    color: var(--Black);
    font-variant-numeric: lining-nums tabular-nums;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; 
}

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

.bc-missioncard__details__icon--exercise {
    display: flex;
    width: 48px;
    height: 48px;
    padding: 12px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    background: var(--success-subtle);
}
/*endregion cardpage*/

/*#region Pages*/
.maincontent {
    background-color: white;
}

.page-content {
    height: calc(100vh - 90px);
    overflow: auto;
}

.page-container {
    width: 95%;
    margin: auto;
}

.page-title {
    font-size: 22px;
    font-weight: bold;
    color: var(--bc-foreground-strong);
    margin: 10px 0 5px 0;
}

/*#region List page*/
.listpage-container {
    height: calc(100vh - 100px);
    width: 95%;
    margin: auto;
}

.listpage-breadcrumb {
    margin: 10px 0 0 0;
}

.listpage-breadcrumb .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text {
    text-decoration: none;
}

.listpage-breadcrumb .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:hover {
    background-color: white;
    color: var(--bc-primary);
}

.listpage-breadcrumb .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
    color: var(--bc-foreground-strong);
}

.listpage-breadcrumb .e-breadcrumb .e-breadcrumb-item.e-icon-item .e-breadcrumb-icon {
    margin-top: -5px;
}

.listpage-breadcrumb .e-breadcrumb .e-breadcrumb-item.e-icon-item a.e-breadcrumb-text:hover .e-breadcrumb-icon {
    color: var(--bc-primary);
}

.listpage-title {
    font-size: 22px;
    font-weight: bold;
    color: var(--bc-foreground-strong);
    margin: 10px 0 5px 0;
}

.listpage-subtitle {
    font-size: 18px;
    color: var(--bc-foreground-strong);
    margin: 0 0 10px 0;
}

.listpage-body {
    box-shadow: 0 0 10px 0 rgba(0 0 0 / 15%);
}

.listpage-toolbar {
    background-color: white;
    padding: 6px 6px 6px 12px;
}
/*#endregion List page*/

/*#region Form page*/
.formpage-container {
    width: 90%;
    margin: auto;
}

.formpage-breadcrumb {
    margin: 10px 0 0 0;
}

.formpage-breadcrumb .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text {
    text-decoration: none;
}

.formpage-breadcrumb .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:hover {
    text-decoration: underline;
}

.formpage-breadcrumb .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
    color: var(--bc-foreground-strong);
}

.formpage-breadcrumb .e-breadcrumb .e-breadcrumb-item.e-icon-item .e-breadcrumb-icon {
    margin-top: -5px;
}

.formpage-title {
    font-size: 22px;
    font-weight: bold;
    color: var(--bc-foreground-strong);
    margin: 10px 0 5px 0;
}

.formpage-body {
    background-color: white;
    border: none;
    border-radius: 4px;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
    height: calc(100vh - 175px);
    overflow-y: auto;
    overflow-x: hidden;
}

.formpage-body .form-toolbar+.form-sections {
    height: calc(100vh - 220px);
    overflow-y: auto;
    overflow-x: hidden;
}
/*#endregion Form page*/

/*#region TabForm page*/
.tabformpage-container {
    width: 95%;
    margin: auto;
}

.tabformpage-breadcrumb {
    margin: 10px 0 0 0;
}

.tabformpage-breadcrumb .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text {
    text-decoration: none;
}

.tabformpage-breadcrumb .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:hover {
    text-decoration: underline;
}

.tabformpage-breadcrumb .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
    color: var(--bc-foreground-strong);
}

.tabformpage-breadcrumb .e-breadcrumb .e-breadcrumb-item.e-icon-item .e-breadcrumb-icon {
    margin-top: -5px;
}

.tabformpage-title {
    font-size: 22px;
    font-weight: bold;
    color: var(--bc-foreground-strong);
    margin: 10px 0 5px 0;
}

.tabformpage-body {
    background-color: white;
    border: none;
    border-radius: 4px;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
    height: calc(100vh - 175px);
    overflow-y: auto;
    overflow-x: hidden;
}

.tabformpage-body .form-toolbar+.form-sections {
    height: calc(100vh - 260px);
    overflow-y: auto;
    overflow-x: hidden;
}
/*#endregion TabForm page*/

/*#region Panel page*/
.panel-page-container {
    background-color: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    position: absolute;
    margin-top: 50px;
    margin-left: 10%;
    width: 80%;
    height: calc(100vh - 200px);
}

.panel-page-title {
    margin-top: 18px;
    margin-bottom: 18px;
    line-height: 33px;
    font-size: 28px;
    font-weight: 600;
    text-align: center;
}

.panel-page-body {
    padding-top: 48px;
    padding-left: 100px;
    padding-right: 100px;
    height: calc(100vh - 275px);
    overflow-y: auto;
    overflow-x: hidden;
}

@media (max-width: 1540px) {

    .panel-page-body {
        padding-left: 25px;
        padding-right: 25px;
    }
}

.panel-cells {
    /*display: flex;*/
    /*align-items: start;*/
    /*flex-wrap: wrap;*/
    gap: 20px;
    /*justify-content: left;*/
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    justify-items: center;
    padding: 0 1vh 0 1vh;

}

.panel-cell, .panel-cell-disabled {
    width: 300px;
    height: 110px;
    border-radius: 5px;
    overflow: hidden;
}

.panel-cell a {
    display: block;
    width: 300px;
    height: 110px;
    overflow: hidden;
}

.panel-cell:hover {
    background-color: var(--bc-surface-eb);
}

.panel-cell-image {
    float: left;
    padding: 20px;
    height: 110px;
    font-size: 36px;
    color: var(--bc-foreground-strong);
}

.panel-cell .panel-cell-text {
    padding-top: 14px;
    color: var(--bc-foreground-strong);
}

.panel-cell-text .title {
    display: block;
    font-size: 22px;
    font-weight: 600;
    line-height: 24px;
    word-break: break-word;
}

.panel-cell-text .subtitle {
    display: block;
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
}

.panel-cell-disabled .panel-cell-text {
    padding-top: 14px;
    color: var(--bc-grey-500);
}
/*#endregion Panel page*/

.bc-page-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.bc-page-header__breadcrumbs .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text {
    text-decoration: none;
    color: var(--theme-default-foreground);
}

.bc-page-header__breadcrumbs .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:hover {
    background-color: white;
    color: var(--theme-primary-default);
}

.bc-page-header__breadcrumbs .e-breadcrumb .e-breadcrumb-item span.e-breadcrumb-text {
    color: var(--theme-primary-default);
    font-weight: 500;
}

.bc-page-header__breadcrumbs .e-breadcrumb .e-breadcrumb-item.e-icon-item .e-breadcrumb-icon {
    color: var(--theme-default-foreground);
    margin-top: -5px;
}

.e-breadcrumb-collapsed {
    padding: 0 !important;
}

.bc-page-header__breadcrumbs .e-breadcrumb .e-breadcrumb-item.e-icon-item a.e-breadcrumb-text:hover .e-breadcrumb-icon {
    color: var(--theme-primary-default);
}

.bc-page-header__breadcrumbs .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:focus,
.bc-page-header__breadcrumbs .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:active{
    border: none;
}

.bc-page-header__content {
    display: flex;
    justify-content: space-between;
    align-items: start;
    width: 100%;
}

.bc-page-header__title-and-badges-container {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.bc-dashboard-content {
    display: flex;
    flex-direction: column;
    gap: 3rem;
}

.bc-tablistpage-content {
    box-shadow: 0 0 10px 0 rgba(0 0 0 / 15%);
    height: 100%;
    border-radius: 0.5rem;
    overflow: hidden;
}

.bc-listpage-content {
    box-shadow: 0 0 10px 0 rgba(0 0 0 / 15%);
    height: 100%;
    border-radius: 0.5rem;
    overflow: hidden;
}

.bc-crisis-grid-page {
    display: flex;
    height: 100%;
    border-radius: 0.5rem;
    overflow: hidden;
}

.bc-splitlistpage-content {
    height: 100%;
    overflow: hidden;
}

.bc-tabformpage-content {
    box-shadow: 0 0 10px 0 rgba(0 0 0 / 15%);
    height: 100%;
    border-radius: 0.5rem;
    overflow: hidden;
}

.bc-formpage-content {
    box-shadow: 0 0 10px 0 rgba(0 0 0 / 15%);
    height: 100%;
    border-radius: 0.5rem;
    overflow: hidden;
}

.bc-panelpage-content {
    box-shadow: 0 0 10px 0 rgba(0 0 0 / 15%);
    height: 100%;
    border-radius: 0.5rem;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 2rem;
}

.bc-formpage-content .form-toolbar+.form-sections {
    height: calc(100% - 42px);
    overflow-y: auto;
    overflow-x: hidden;
}

.bc-tabformpage-content .form-toolbar+.form-sections {
    height: calc(100% - 52px);
    overflow-y: auto;
    overflow-x: hidden;
}

h1.bc-page-header__title {
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 2.625rem;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 50vw;
}

p.bc-page-header__subtitle {
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.375rem;
    margin: 0;
    color: var(--theme-grey-emphasis);
}

.bc-page-header__actions {
    display: flex;
    gap: 4px
;
}

.bc-header-actions {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.bc-section-header__container {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: start;
    margin-bottom: 1rem;
    gap: 1rem;
}

.bc-section-header__content {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    overflow: hidden;
}

.bc-section-header__title-and-badges-container {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.bc-section-header__title {
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.625rem; /* 144.444% */
    margin: 0;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bc-section-header__badges-container {
    display: flex;
    gap: 0.5rem;
}

.bc-section-header__subtitle {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem; /* 142.857% */
    color: var(--theme-text-subtitle);
    margin: 0;
}

.bc-section-header__actions-container {
    display: flex;
    gap: 0.5rem;
}

.bc-section-header__body {
    width: 100%;
}

.bc-section-header__collapse-icon {
    margin-right: 4px;
    font-size: medium;
}

.section-header {
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.625rem;
    margin-bottom: 1rem;
}

.section-toolbar {
    padding: 4px 8px 0 8px;
}

.section-toolbar--flex-end {
    display:flex;
    justify-content: flex-end;
    padding: 4px 8px 0 8px;
}
/*#endregion Pages*/

/*#region Accordions*/
.e-accordion {
    border-radius: unset;
    border: none;
}

.e-accordion .e-acrdn-item.e-select {
    background-color: var(--bc-border);
}

.e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content {
    background-color: white;
}

.e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header {
    background-color: var(--bc-border) !important;
}

.e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-acrdn-header-content {
    color: var(--bc-primary);
}

.e-accordion .e-acrdn-item.e-selected > .e-acrdn-header > .e-acrdn-header-content {
    color: var(--bc-heather-black);
}

.e-accordion .e-acrdn-item.e-selected > .e-acrdn-header .e-acrdn-header-content {
    font-size: 18px;
    font-weight: bold;
}

.e-accordion .e-acrdn-item .e-acrdn-header {
    padding: 8px 0 5px 30px;
}

.e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
    background-color: var(--bc-border);
}

.e-accordion .e-acrdn-item .e-acrdn-header:focus {
    box-shadow: none;
}

.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-icon, .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-icon, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-content {
    color: var(--bc-heather-black);
}

.e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon {
    left: 4px;
    right: auto;
}

.e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
    font-size: 18px;
    font-weight: bold;
}

.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header {
    background-color: var(--bc-border);
}

.e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:focus {
    background-color: var(--bc-border);
    border-color: var(--bc-border);
}

.e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
    box-shadow: none;
}

.e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:hover {
    background-color: var(--bc-border);
}

.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover {
    border-color: var(--bc-border);
}

.e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:active {
    background-color: var(--bc-border);
}

.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-content {
    color: var(--bc-primary);
}

.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover:focus .e-icons, .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover:focus .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover:focus .e-icons, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover:focus .e-acrdn-header-content {
    color: var(--bc-primary);
}

.e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:hover:focus {
    background-color: var(--bc-border);
}

.e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:hover:focus .e-acrdn-header-content {
    color: var(--bc-primary);
}

.e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header:hover {
    background-color: var(--bc-border);
}

.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header > .e-toggle-icon, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header > .e-toggle-icon {
    color: var(--bc-heather-black);
}

.e-accordion .e-acrdn-item.e-selected > .e-acrdn-header > .e-toggle-icon {
    color: var(--bc-heather-black);
}

.e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:hover:focus .e-icons {
    color: var(--bc-primary);
}

.e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-toggle-icon .e-icons.e-tgl-collapse-icon {
    color: var(--bc-primary);
}

.e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content {
    padding: 5px;
}
/*.e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content:last-child {
   padding-bottom: 20px;
   border: 1px solid red;
}*/
/*#endregion*/

/*#region Dialogs*/
.dialog-content {
    display: flex;
    padding: 20px;
}

.dialog-title {
    font-size: 1.2rem;
    font-weight: bold;
}

.dialog-subtitle {
    font-size: 1rem;
}

.dialog-icon {
    font-size: 45px;
    padding-right: 12px;
    vertical-align: middle;
}

.dialog-message {
    margin-top: 12px;
    text-align: justify;
    width: 100%;
}

.dialog-form {
    padding: 15px;
}

.e-dialog .e-dlg-content {
    font-size: 15px;
}

.e-footer-content .e-btn.e-primary.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info) {
    background-color: var(--bc-surface-variant);
    color: var(--bc-primary);
    border: 1px solid var(--bc-surface-variant);
}

.e-footer-content .e-btn:hover.e-primary.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info) {
    background-color: var(--bc-primary);
    color: white;
    border-color: var(--bc-primary);
}

.e-footer-content .e-btn.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info) {
    background-color: var(--bc-surface-variant);
    color: var(--bc-primary);
    border: 1px solid var(--bc-surface-variant);
}

.e-footer-content .e-btn:hover.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info) {
    background-color: var(--bc-primary);
    color: white;
    border-color: var(--bc-primary);
}

.e-footer-content .e-btn.e-primary.e-flat:not([DISABLED]) {
    background-color: var(--bc-primary);
    border-color: var(--bc-primary);
}

.e-footer-content .e-btn:hover.e-primary.e-flat:not([DISABLED]) {
    background-color: var(--bc-primary);
    border-color: var(--bc-primary);
}

.e-dialog .e-footer-content {
    border-top: 1px solid var(--bc-border);
}
/*#endregion*/

/*region Custom Form Block*/

.custom-form-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.custom-form-block--multiple-rows {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background-color: var(--bc-concrete);
    border: 1px solid slategrey;
    border-radius: 10px;
    gap: 8px;
    margin-bottom: 1rem;
}

.custom-form-block__label {
    color: var(--Global-foreground);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
}

.custom-form-block__label--small {
    color: var(--Global-foreground);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.custom-form-block__content {
    width: 100%;
}

.custom-form-block__content--multiple-rows {
    width: 100%;
    padding: 20px;
    gap: 1.5rem;
    display: flex;
    flex-direction: column;
}

/*endregion*/

/*#region Forms*/
.form-toolbar {
    padding: 6px 6px 6px 12px;
}

.form-row-tooltip {
    display: flex;
    align-items: center;
    gap: 5px
}

.form-section {
}

.form-section .section-title {
    background-color: var(--bc-border);
    font-size: 18px;
    font-weight: bold;
    line-height: 21px;
    padding: 8px 0 5px 30px;
    margin-bottom: 4px;
}

.form-section .section-body {
    padding: 4px 8px 4px 8px;
}

.form-sections:last-of-type .form-section:last-of-type .section-body:last-of-type {
    margin-bottom: 1vh;
}

.form-section .section-body .labels {
    margin-bottom: 8px;
    border-bottom: 1px solid var(--bc-border);
}

.form-section .row {
    margin-top: 4px;
    margin-bottom: 4px;
}

.e-tip-content {
    max-height: 30vh !important;
    padding: 8px !important;
}

.e-tip-content::-webkit-scrollbar {
    width: 10px;
}

.e-tip-content::-webkit-scrollbar-track {
    background: var(--bc-scrollbar-track);
}

.e-tip-content::-webkit-scrollbar-thumb {
    background: var(--bc-scrollbar-thumb);
}

.e-tip-content::-webkit-scrollbar-thumb:hover {
    background: var(--bc-scrollbar-thumb-hover);
}

.form-list-section {
    margin-bottom: 0 !important;
}

.form-label {
    font-size: 1rem;
    margin-top: 6px;
    margin-bottom: 0;
    padding-right: 15px;
    text-align: right;
    overflow-x: hidden;
    white-space: nowrap;
}

.form-label-tooltip {
    overflow-x: visible;
}

.form-label .label-text {
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-all;
    float: left;
    width: 100%;
}

.form-label .label-tooltip {
    margin-top: 3px;
    overflow-x: visible;
    position: relative;
}

.form-label .label-tooltip-workspace {
    margin-top: 3px;
    margin-left: -15px;
    overflow-x: visible;
    position: relative;
}

.form-label-left {
    font-size: 1rem;
    margin-top: 6px;
    margin-bottom: 0;
    padding-right: 15px;
    overflow-x: hidden;
    white-space: nowrap;
}
/*#endregion Forms*/

/*#region Inputs */

.bc-input.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error), .bc-input.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
    border: 1px solid var(--theme-input-border);
    border-radius: 0.375rem;
    height: 2.0rem;
    background-color: var(--theme-input-background);
}

.bc-input.e-input-group .e-input-group-icon, .bc-input.e-input-group.e-control-wrapper .e-input-group-icon {
    border: none;
    background: none;
}

.bc-input .e-input {
    border: none;
    background: none;
    color: var(--theme-input-foreground);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    padding: 0 0.5rem;
}

.bc-input.search .e-input-group .e-input-group-icon, .bc-input.e-input-group.e-control-wrapper .e-input-group-icon {
    border: none;
    background: none;
}

.bc-input.search .e-input-group:not(.e-disabled) .e-input-group-icon:hover, .bc-input.e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:hover {
    border: none;
    background: none;
    color: var(--theme-input-foreground);
    cursor: default;
}

.bc-input.search .e-clear-icon.e-clear-icon-hide {
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
}

.bc-search-text-box {
    height: 29px !important;
}

.bc-search-text-box:focus {
    box-shadow: none !important;
    border-color: var(--bc-stainless-steel) !important;
}

.bc-search-text-box__container {
    position: relative;
    width: 100%;
}

.bc-search-text-box__container input {
    width: 100%;
    padding: 0.6rem 2.5rem 0.6rem 2.2rem;
    border: 1px solid var(--bc-bg-disabled-alt);
    font-size: 1rem;
}

.bc-search-text-box__container .bc-search-text-box__input {
    width: 100%;
    height: 29px;
    padding: 0.375rem 2.2rem 0.375rem 2rem;
    border: 1px solid var(--theme-input-border);
    border-radius: 0.375rem;
    background-color: var(--theme-input-background);
    color: var(--theme-input-foreground);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
    box-sizing: border-box;
}

.bc-search-text-box__container .bc-search-text-box__input:hover,
.bc-search-text-box__container .bc-search-text-box__input:not(:disabled):not(.rz-state-disabled):hover {
    cursor: text !important;
    background-color: var(--theme-input-background) !important;
    color: var(--theme-input-foreground) !important;
    border: 1px solid var(--theme-input-border) !important;
}

.bc-search-text-box__container .bc-search-text-box__input:focus,
.bc-search-text-box__container .bc-search-text-box__input:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid var(--theme-input-border) !important;
}

.bc-search-text-box__search-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    opacity: 0.6;
    left: 0.7rem;
}

.bc-search-text-box__clear-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0.5rem;
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 1.1rem;
    opacity: 0.6;
}

.bc-search-text-box__clear-button:hover {
    opacity: 1;
}
/*#endregion Inputs */

/*#region Icons*/
/*https://blazor.syncfusion.com/documentation/appearance/icons#bootstrap-5*/

.e-hidden {
    display: none;
}
/*#endregion*/

/*#region Tooltips*/
.e-tooltip {
    display: inline;
    position: absolute;
    margin-top: -5px;
    margin-left: 5px;
}

.e-btn.e-icon-btn.tip-btn {
    background-color: transparent;
    color: black;
    border: none;
    padding: 0;
}

.e-btn.e-icon-btn.tip-btn-field {
    border: none;
    padding: 0;
    margin-left: -10px;
    margin-top: -10px;
    background-color: transparent;
/color: var(--bc-border);
}

.e-btn.e-icon-btn.tip-btn-field:hover {
    color: var(--bc-primary);
}

.tooltip-text.e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled, .tooltip-text.e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap, .tooltip-text.e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled, .tooltip-text.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap {
    border: none;
}

.tooltip-text.e-input-group .e-input[disabled], .tooltip-text.e-input-group.e-control-wrapper .e-input[disabled], .tooltip-text.e-input-group.e-disabled input.e-input, .tooltip-text.e-input-group.e-control-wrapper.e-disabled input.e-input, .tooltip-text.e-input-group.e-disabled textarea.e-input, .tooltip-text.e-input-group.e-control-wrapper.e-disabled textarea.e-input {
    background-color: white;
    border: none;
    cursor: default;
}

.tooltip-message {
    max-height: 350px;
    overflow: auto;
    overflow-wrap: break-word;
}
/*#endregion Tooltips*/

/*region Uploader*/
.file-uploader__button {
    background-color: var(--theme-button-primary-filled-background) !important;
    color: var(--theme-button-primary-filled-foreground) !important;
    padding: 0.4rem 0.6rem !important;
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
    font-style: normal !important;
    font-weight: 500 !important;
}

.file-uploader__button:hover {
    background-color: var(--theme-button-primary-filled-hover-background) !important;
    color: var(--theme-button-primary-filled-hover-foreground) !important;
}

.e-upload .e-upload-files .e-file-remove-btn.e-icons:hover, .e-upload .e-upload-files .e-file-delete-btn.e-icons:hover, .e-upload .e-upload-files .e-file-reload-btn.e-icons:hover, .e-upload .e-upload-files .e-file-abort-btn.e-icons:hover, .e-upload .e-upload-files .e-file-pause-btn.e-icons:hover, .e-upload .e-upload-files .e-file-play-btn.e-icons:hover {
    color: var(--bc-primary);
}

.e-upload .e-file-select-wrap, .e-bigger.e-small .e-upload .e-file-select-wrap {
    padding: 8px 0 8px 12px;
}


.form-file-input{
    border: 1px solid var(--theme-input-border) !important;
    border-radius: 0.375rem;
    padding: 6px 8px;
    min-height: 40px;
}

.form-uploaded-files {
    margin-bottom: 6px;
}

.form-upload-files {
    /*margin-top: 6px;*/
}

.form-uploaded-file {
    display: inline-block;
    border: 1px solid var(--bc-border);
    border-radius: 15px;
    margin-right: 10px;
    padding: 4px 8px;
}

.file-upload {
    /*padding: 10px 12px;*/
}

.file-upload ul {
    margin-top: 6px;
    margin-bottom: 0;
    list-style-type: none;
    padding-inline: 6px;
}

.file-upload li {
    margin-top: 6px;
}

.form-download-button {
    border: none;
    background: none;
    cursor: pointer;
    color: inherit;
    text-decoration: underline;
}
/*endregion Uploader*/

/*region Table*/
.fixed-layout-table {
    table-layout: fixed;
    padding: 2px;
    border: 1px solid lightgray;
}

.table-header-red {
    background-color: var(--bc-monza-intense);
    color: white;
}

.table-row-light-gray {
    background-color: var(--bc-white-marble);
}
/*endregion Table*/

/*#region Remarks*/
.remark-title {
    font-weight: bold;
    font-size: 1.2rem;
}
/*#endregion Remarks*/

/*region Preview Card*/
.narrow-preview-card {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    flex-direction: row;
    justify-content: space-between;
    padding: 20px;
    border: 1px solid slategrey;
    gap: 0.5rem;
    background-color: var(--bc-concrete);
    border-radius: 10px;
}

.narrow-preview-card--multiple-rows {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    flex-direction: row;
    justify-content: space-between;
    gap: 0.5rem;
}

.narrow-preview-card--multiple-rows--col2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    flex-direction: row;
    justify-content: space-between;
    gap: 0.5rem;
}

.narrow-preview-card--multiple-rows--col1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    flex-direction: row;
    justify-content: space-between;
    gap: 0.5rem;
}

.narrow-preview-card--space-between {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 20px;
    border: 1px solid slategrey;
    background-color: var(--bc-concrete);
    border-radius: 10px;
}

.narrow-preview-card__item__label {
    color: var(--Notification-General-on-notification-general, var(--bc-muted-800));
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.narrow-preview-card__item__value {
    color: var(--Notification-General-on-notification-general, var(--bc-muted-800));
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
/*endregion*/

/*region Send Mail Dialog*/
.bc-mailsend-header {
    font-size: 20px;
    font-weight: 700;
    margin-left: 12px;
}

#bc-mailsend-modal_dialog-header {
    padding-top: 24px;
    padding-right: 24px;
    padding-bottom: 0;
    border: none !important;
}

.bc-mailsend-content {
    max-height: 70vh;
    overflow: auto;
}

.bc-mailsend-buttons {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 12px;
    margin-top: 0.5rem;
}
/*endregion mailsend dialog*/

/*region Interview Timeline*/
.bc-approval__milestone {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
}

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

.bc-icon__container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: stretch;
}

.bc-approval-milestone__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.bc-timeline__icon {
    display: flex;
    width: 32px;
    height: 32px;
    padding: 4px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    margin-right: 16px;
}

.bc-timeline__icon__start {
    background-color: var(--Colors-background-accent-blue);
}

.bc-timeline__icon__sent {
    background: var(--Colors-background-accent-purple);
}

.bc-timeline__icon__sent-back {
    background: var(--Colors-background-accent-red);
}

.bc-timeline__icon__approved {
    background: var(--Colors-background-accent-green);
}

.bc-approval-milestone__info {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0;
}

.bc-timeline__name {
    color: var(--Colors-foreground-primary, rgba(0, 0, 0, 0.92));
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.bc-timeline__status {
    color: var(--Colors-foreground-primary, rgba(0, 0, 0, 0.92));
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    top: 0;
}

.bc-timeline__date {
    color: var(--Colors-foreground-secondary, rgba(0, 0, 0, 0.76));
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    padding-top: 4px;
}

.bc-timeline__time {
    color: var(--Colors-foreground-secondary, rgba(0, 0, 0, 0.76));
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    padding-top:4px;
}

.bc-approval-milestone__date-time {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.bc-approval-milestone__body {
    margin-left: 1rem;
    padding: 0 0 0.5rem 1rem;
    border-left: 2px solid var(--theme-grey-default);
    margin-bottom: -4px;
    height:26px;
}

.bc-approval-milestone__body--with-remarks {
    margin-left: 1rem;
    padding: 12px 0 36px 1rem;
    border-left: 2px solid var(--theme-grey-default);
    margin-bottom: -4px;
    height:26px;
}

.bc-approval-milestone__body.bc-approval-milestone__body--last-comment {
    border-left: none;
}
.bc-status__badge-padding {
    margin-bottom:26px;
}

.bc-milestone__footer {
    display: flex;
    flex-direction: column;
    margin-left: 1rem;
    border-left: 2px solid var(--theme-grey-default);
    padding-top: 8px;
    padding-bottom: 1rem;
    padding-left: 30px;
}

.bc-milestone__footer__title {
    color: var(--Colors-foreground-primary, rgba(0, 0, 0, 0.92));
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    top: 0;
}

.bc-milestone__footer__body {
    color: var(--Colors-foreground-primary, rgba(0, 0, 0, 0.92));
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    top: 0;
}

.bc-milestone__footer--last-milestone {
    border-left: none;
    padding-left: 32px;
}
/*endregion Interview Timeline*/

/*#region Autoselect Table*/
.bc-autoselect-table__container {
    border: 1px solid var(--theme-input-border);
    border-radius: 0.375rem;
}

.bc-autoselect-table__container tr {
    height: 4.5rem;
}

.bc-autoselect-table__container tbody tr {
    border-top: 1px solid var(--theme-input-border);
}

.bc-autoselect-table__container th, .bc-autoselect-table__container td {
    padding: 0 1rem;
    min-width: 6.25rem;
}

.bc-autoselect-table__value-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.bc-autoselect-table__value-description {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.875rem;
}
/*#endregion Autoselect Table*/

/*#region Commenting Field*/
.bc-comment-editor {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.bc-comment-stream {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.bc-comment {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.bc-comment__header {
    display: flex;
    height: 2rem;
    justify-content: space-between;
    align-items: center;
}

.bc-comment-header__content {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    flex: 1 0 0;
}

.bc-comment-header__button {
    display: flex;
    gap: 0.5rem;
}

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

.bc-comment__date {
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1rem; /* 133.333% */
}

.bc-comment__body {
    margin-left: 1rem;
    padding: 0 0 0.5rem 1rem;
    border-left: 2px solid var(--theme-grey-default);
}

.bc-comment__body.bc-comment__body--last-comment {
    border-left: none;
}

.bc-comment__body p {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem; /* 142.857% */
    padding: 0;
    margin: 0;
}
/*#endregion Commenting Field*/

/*#region Spinners*/
.spinner-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.e-spinner-pane .e-spinner-inner .e-spin-bootstrap5 {
    stroke: var(--bc-primary);
}

.spinner-tab-container {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100vh - 172px);
}

.spinner-grid-container {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100vh - 250px);
}

.spinner-subgrid-container {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 500px;
}
/*#endregion*/

/*region SyncFusion Overrides*/
/*#region Buttons*/
.e-btn, .e-css.e-btn, .e-btn.e-flat, .e-css.e-btn.e-flat {
    font-family: Roboto, sans-serif;
    font-size: 1.0rem;
    font-weight: 700;
    background-color: var(--bc-surface-variant);
    border: 1px solid var(--bc-border);
    color: var(--bc-primary);
    border-radius: 7px;
    padding: 1px 6px;
    box-shadow: none;
    transition: none;
}

.e-btn:hover, .e-css.e-btn:hover, .e-btn.e-flat:hover, .e-css.e-btn.e-flat:hover {
    background-color: var(--bc-primary);
    color: white;
    border-color: var(--bc-primary);
    box-shadow: none;
}

.e-btn:active, .e-css.e-btn:active, .e-btn.e-active, .e-btn:focus, .e-btn.e-flat:active, .e-btn.e-flat:focus {
    background-color: var(--bc-primary);
    color: white;
    border-color: var(--bc-primary);
    box-shadow: none;
}

.e-btn:focus, .e-css.e-btn:focus {
    background-color: var(--bc-primary);
    color: white;
    border-color: var(--bc-primary);
    box-shadow: none;
}

.e-btn:disabled, .e-btn.e-flat:disabled {
    background-color: var(--bc-surface-variant);
    color: var(--bc-grey-500);
    border-color: var(--bc-border);
}

.e-btn.e-primary, .e-btn.e-flat.e-primary, .e-btn.e-flat.e-primary, .e-css.e-btn.e-flat.e-primary {
    background-color: var(--bc-surface-variant);
    color: var(--bc-primary);
    border: 1px solid var(--bc-border);
}

.e-btn.e-primary:hover, .e-btn.e-flat.e-primary:hover, .e-btn.e-flat.e-primary:hover, .e-css.e-btn.e-flat.e-primary:hover {
    background-color: var(--bc-primary);
    border-color: var(--bc-primary);
}

.e-btn.e-primary:active, .e-btn.e-primary.e-active, .e-btn.e-primary:focus, .e-btn.e-flat.e-primary:active, .e-btn.e-flat.e-primary.e-active, .e-btn.e-flat.e-primary:focus {
    background-color: var(--bc-primary);
    border-color: var(--bc-primary);
    color: white;
    box-shadow: none;
}

.e-btn.e-primary:disabled, .e-btn.e-flat.e-primary:disabled {
    background-color: white;
    color: var(--bc-grey-500);
    border-color: var(--bc-border);
}

.e-btn.e-primary.login {
    background-color: var(--bc-primary);
    color: white;
    border: none;
    padding:0.25rem 4rem;
}

.e-btn.e-primary.login:hover {
    background-color: var(--bc-monza);
    color: white;
}

.e-btn.e-primary.login:active {
    background-color: var(--bc-madder);
    color: white;
    box-shadow: none;
}

.e-btn.e-primary.login:disabled {
    background-color: var(--bc-bg-fafa);
    color: var(--bc-grey-500);
    border-color: var(--bc-bg-fafa);
}

.e-btn.e-flat:active, .e-btn.e-flat.e-active, .e-css.e-btn.e-flat:active, .e-css.e-btn.e-flat.e-active {
    background-color: var(--bc-surface-variant);
    color: var(--bc-primary);
    border: 1px solid var(--bc-border);
}

.e-btn.e-flat:disabled, .e-btn.e-flat.e-disabled, .e-css.e-btn.e-flat:disabled, .e-css.e-btn.e-flat.e-disabled {
    background-color: var(--bc-surface-variant);
    color: var(--bc-grey-500);
    border-color: var(--bc-border);
}

.btn-group.e-btn.e-primary, .btn-group.e-btn.e-flat.e-primary, .btn-group.e-btn.e-flat.e-primary, .btn-group.e-css.e-btn.e-flat.e-primary {
    border: 1px solid var(--bc-primary);
}

.btn-group.e-btn.e-primary:disabled, .btn-group.e-btn.e-flat.e-primary:disabled {
    background-color: white;
    color: var(--bc-grey-500);
    border-color: var(--bc-border);
}

.e-dropdown-btn:active, .e-dropdown-btn.e-btn:active {
    box-shadow: none;
}
/*#endregion*/

/*#region Button groups*/
.btn-group.e-btn.e-flat.e-primary {
    background-color: var(--bc-primary);
    color: white;
}

.btn-group.e-btn.e-flat.cornercut-left {
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
    margin-left: -2px;
}

.btn-group.e-btn.e-flat.cornercut-both {
    border-radius: unset;
    margin-left: -2px;
    margin-right: -2px;
}

.btn-group.e-btn.e-flat.cornercut-right {
    border-top-right-radius: unset;
    border-bottom-right-radius: unset;
    margin-right: -2px;
}
/*#endregion*/

/*#region Tables*/
table td.sideborders {
    border-left: 1px solid lightgray;
    border-right: 1px solid lightgray;
}
/*#endregion Tables*/

/*#region Tabs*/
.e-tab .e-tab-header .e-toolbar-items {
}

.e-tab .e-tab-header .e-toolbar-item.e-active {
    background-color: white;
}

.e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-tab-text, .e-tab .e-tab-header .e-toolbar-item.e-active.e-iright .e-tab-text {
    color: var(--bc-primary);
    font-weight: 700;
}

.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text, .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
    color: var(--bc-primary);
}

.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text, .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
    color: var(--bc-primary);
}

.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
    color: var(--bc-foreground-strong);
}

.e-tab .e-tab-header .e-toolbar-item .e-tab-text {
    font-family: Roboto, sans-serif;
    font-weight: 700;
    font-size: 0.95rem;
}

.e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon, .e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text {
    color: var(--bc-primary);
}

.tab-container {
}

.tab-content {
    height: 100%;
    /*padding: 4px 8px;*/
}
/*#endregion*/

/*#region DropDowns*/
.e-input-group.e-ddl:hover .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon, .e-input-group.e-control-wrapper.e-ddl:hover .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon, .e-float-input.e-ddl:hover input[readonly] ~ span.e-input-group-icon.e-ddl-icon, .e-float-input.e-control-wrapper.e-ddl:hover input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
    color: var(--bc-primary);
}

.e-dropdownbase .e-list-item {
    font-family: Roboto, sans-serif;
    font-size: 0.9rem;
    padding-right: 0;
}

.e-dropdownbase.e-dd-group .e-list-item {
    text-indent: 24px;
}

.e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
    background-color: var(--bc-primary);
}

.timerange-container {
    white-space: normal;
}

.timerange-item-edit {
    display: inline-block;
    margin-right: 8px;
}

.timerange-item-edit .timerange-value {
    width: 100%;
    height: 100%;
    line-height: 30px;
    min-height: 30px;
    vertical-align: middle;
    padding-left: 8px;
    padding-right: 8px;
}

.timerange-option {
    width: 100%;
    height: 100%;
    padding-right: 12px;
}

.timerange-item-view {
    display: inline-block;
    margin-right: 8px;
}

.timerange-item-view .timerange-value {
    padding-left: 4px;
    padding-right: 4px;
    border: 1px solid var(--bc-border);
    border-radius: 3px;
}

.color-value-template {
    width: 100%;
    height: 100%;
    line-height: 30px;
    min-height: 30px;
    vertical-align: middle;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 1rem;
}

.color-item-template {
    width: 100%;
    height: 100%;
    padding-right: 12px;
}

.color-item-template:hover {
    filter: brightness(85%);
}

.color-preview {
    display: inline-block;
    padding-left: 8px;
    padding-right: 8px;
    border: 1px solid var(--bc-border);
    border-radius: 3px;
    min-width: 100px;
    text-align: center;
}

.color-preview-large {
    display: inline-block;
    height: 30px;
    padding-top: 4px;
    padding-left: 8px;
    padding-right: 8px;
    border: 1px solid var(--bc-border);
    border-radius: 3px;
    min-width: 100px;
    text-align: center;
}
/*#endregion*/

/*#region ListBoxes*/
.listbox {
    border-width: 0 !important;
}

.listbox .e-listbox-container:not(.e-list-template) .e-list-item {
    height: 32px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.e-listbox-wrapper .e-list-item, .e-listbox-container .e-list-item {
    background-color: white;
    color: var(--bc-foreground-strong);
}

.e-listbox-wrapper .e-list-item.e-selected, .e-listbox-container .e-list-item.e-selected {
    background-color: var(--bc-primary);
    color: white;
}

.e-listbox-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled), .e-listbox-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled), .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled), .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
    background-color: white;
    color: var(--bc-primary);
}
/*#endregion*/

/*#region Splitters*/
.splitter-container {
    height: calc(100vh - 170px);
    overflow: auto;
}

.e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal, .e-splitter.e-splitter-vertical .e-pane.e-pane-horizontal {
    background-color: white;
}

.e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover {
    background-color: var(--bc-primary);
}

.e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-resize-handler {
    color: var(--bc-primary);
}

.e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active {
    background-color: var(--bc-primary);
}

.e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-resize-handler {
    color: var(--bc-primary);
}

.e-splitter.e-splitter-horizontal .e-pane, .e-splitter.e-splitter-vertical .e-pane {
    font-family: Roboto, sans-serif;
}

.splitter-toolbar {
    margin-left: 4px;
    padding: 4px;
}

.splitter-content {
    width: 100%;
    height: 100%;
}

.splitter-content-impaired-resources {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 10px;
}

.splitter-content-impaired-resources .grid-container {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.splitter-content-impaired-resources .grid-container .bc-grid__actions-bar {
    flex-shrink: 0;
}

.splitter-content-impaired-resources .grid-container > :last-child {
    flex: 1;
    min-height: 0;
}
/*#endregion*/

/*#region Input groups*/
span.e-input-group.e-control-container.e-control-wrapper.e-input-focus {
    box-shadow: none !important;
    border-color: var(--bc-grey-500) !important;
}

.e-input-group input.e-input, .e-input-group textarea.e-input, .e-input-group input.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabled]):not(:focus), .e-input-group textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabled]), .e-input-group.e-control-wrapper input.e-input, .e-input-group.e-control-wrapper textarea.e-input, .e-input-group.e-control-wrapper input.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabled]):not(:focus), .e-input-group.e-control-wrapper textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabled]) {
    background-color: var(--white);
}

.e-input-group.caps input.e-input {
    text-transform: uppercase;
}

.e-input-group.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-input-group.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-float-input.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]), .e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]), .e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]), .e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]) {
    border-color: var(--bc-grey-500);
}

.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-color: var(--bc-grey-500);
    box-shadow: none;
}

.e-input-group.e-disabled:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper.e-disabled:not(.e-success):not(.e-warning):not(.e-error) {
    border: 1px solid var(--bc-border);
}
/*#endregion*/

/*#region Switches*/
.e-switch-wrapper .e-switch-on, .e-css.e-switch-wrapper .e-switch-on {
    background-color: var(--bc-primary);
    border-color: var(--bc-primary);
}

.e-switch-wrapper .e-switch-on, .e-switch-wrapper .e-switch-off, .e-css.e-switch-wrapper .e-switch-on, .e-css.e-switch-wrapper .e-switch-off {
    transition: none;
    -webkit-transition: none;
}

.e-switch-wrapper .e-switch-handle, .e-css.e-switch-wrapper .e-switch-handle {
    transition: none;
    -webkit-transition: none;
}

.e-switch-wrapper .e-switch-inner, .e-css.e-switch-wrapper .e-switch-inner {
    transition: none;
    -webkit-transition: none;
}

.e-switch-wrapper .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper .e-switch-inner.e-switch-active {
    background-color: var(--bc-primary);
    border-color: var(--bc-primary);
}

.e-switch-wrapper:hover .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper:hover .e-switch-inner.e-switch-active {
    background-color: var(--bc-primary);
    border-color: var(--bc-primary);
}

.e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on, .e-css.e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on {
    background-color: var(--bc-primary);
    border-color: var(--bc-primary);
}

.e-switch-wrapper.e-active .e-switch-inner.e-switch-active, .e-switch-wrapper:active .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper.e-active .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper:active .e-switch-inner.e-switch-active {
    border-color: var(--bc-primary);
}

.e-switch-wrapper.e-active .e-switch-inner, .e-switch-wrapper:active .e-switch-inner, .e-css.e-switch-wrapper.e-active .e-switch-inner, .e-css.e-switch-wrapper:active .e-switch-inner {
    box-shadow: none;
}
/*#endregion*/

/*region Splitter */
.e-splitter.e-splitter-horizontal, .e-splitter.e-splitter-vertical {
    border: none;
}

.splitter-content-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/*endregion Splitter */

/*#region Checkboxes*/
.e-checkbox-wrapper .e-frame, .e-css.e-checkbox-wrapper .e-frame {
    background-color: var(--bc-surface-variant);
    border-color: var(--bc-border);
}

.e-checkbox-wrapper .e-frame.e-check, .e-css.e-checkbox-wrapper .e-frame.e-check {
    background-color: var(--bc-primary);
    border-color: var(--bc-primary);
    color: white;
}

.e-checkbox-wrapper .e-checkbox:hover + .e-frame, .e-css.e-checkbox-wrapper .e-checkbox:hover + .e-frame {
    background-color: var(--bc-surface-variant);
    border-color: var(--bc-border);
    box-shadow: none;
}

.e-checkbox-wrapper .e-checkbox:active + .e-frame, .e-css.e-checkbox-wrapper .e-checkbox:active + .e-frame {
    background-color: var(--bc-surface-variant);
    border-color: var(--bc-border);
    box-shadow: none;
}

.e-checkbox-wrapper .e-checkbox:focus + .e-frame, .e-css.e-checkbox-wrapper .e-checkbox:focus + .e-frame {
    background-color: var(--bc-surface-variant);
    border-color: var(--bc-border);
    box-shadow: none;
}

.e-checkbox-wrapper .e-checkbox:hover + .e-frame.e-check, .e-css.e-checkbox-wrapper .e-checkbox:hover + .e-frame.e-check {
    background-color: var(--bc-primary);
    border-color: var(--bc-primary);
    box-shadow: none;
}

.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check, .e-css.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check {
    background-color: var(--bc-primary);
    border-color: var(--bc-primary);
    box-shadow: none;
}

.e-checkbox-wrapper:hover .e-frame.e-check, .e-css.e-checkbox-wrapper:hover .e-frame.e-check {
    background-color: var(--bc-primary);
    border-color: var(--bc-primary);
    box-shadow: none;
}

.e-checkbox-wrapper.e-checkbox-disabled .e-frame, .e-css.e-checkbox-wrapper.e-checkbox-disabled .e-frame {
    background-color: var(--bc-border-weak);
    border-color: var(--bc-border);
}

.e-checkbox-wrapper.e-checkbox-disabled .e-frame.e-check, .e-css.e-checkbox-wrapper.e-checkbox-disabled .e-frame.e-check {
    background-color: var(--bc-traditional-rose);
    border-color: var(--bc-traditional-rose);
    color: var(--bc-border-weak);
}

.e-checkbox-wrapper .e-frame.e-stop, .e-css.e-checkbox-wrapper .e-frame.e-stop {
    background-color: var(--bc-primary);
    border-color: var(--bc-primary);
}

.e-checkbox-wrapper:hover .e-frame.e-stop, .e-css.e-checkbox-wrapper:hover .e-frame.e-stop {
    background-color: var(--bc-primary);
    border-color: var(--bc-primary);
}

.row .e-checkbox-wrapper, .row .e-css.e-checkbox-wrapper {
    margin-top: 5px;
    line-height: 1.5;
}

.col-sm > .e-checkbox-wrapper.e-wrapper {
    margin-top: 7px;
}

.e-checkbox-wrapper .e-label, .e-css.e-checkbox-wrapper .e-label {
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
}

/*#endregion*/

/*region Toast*/
.e-toast-container .e-toast.e-toast-header-close-icon .e-toast-message .e-toast-title:first-child, .e-toast-container .e-toast.e-toast-header-close-icon .e-toast-message .e-toast-content:first-child {
    padding-top: 10px;
}

.e-toast-container .e-toast .e-toast-close-icon.e-blazor-toast-close-icon {
    margin-top: 11px;
    font-size: var(--font-size-text-md);
}
.toast-icons {
    font-family: 'Toast_icons', sans-serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.toast-icons.e-success::before {
    content: "\e701";
}

.toast-icons.e-error::before {
    content: "\e700";
}

.toast-icons.e-info::before {
    content: "\e704";
}

.toast-icons.e-warning::before {
    content: "\e703";
}

.e-toast-container .e-toast .e-toast-icon {
    font-size: 24px;
}

.e-toast-container .e-toast .e-toast-close-icon.e-blazor-toast-close-icon {
    font-family: "e-icons", sans-serif;
    font-size: 1.2rem;
}

.e-toast-container .e-toast.e-toast-header-close-icon .e-toast-message .e-toast-title:first-child, .e-toast-container .e-toast.e-toast-header-close-icon .e-toast-message .e-toast-content:first-child {
    padding-right: 40px;
}
/*endregion Toast*/

/*#region Trees*/
.e-treeview {
    background-color: var(--white);
}

.e-treeview .e-ul {
    padding: 0 0 0 8px;
}

.e-treeview .e-list-item .e-icon-expandable::before {
    content: '\e83c' !important;
    font-size: 18px;
}

.e-treeview .e-list-item .e-icons.e-icon-collapsible {
    transform: none;
}

.e-treeview .e-list-item .e-icon-collapsible:before {
    content: '\e760' !important;
    font-size: 18px;
}

.e-treeview .e-list-item.e-active > .e-fullrow {
    background-color: var(--bc-primary);
    border-color: var(--bc-primary);
}

.e-treeview .e-list-item.e-active.e-hover > .e-fullrow, .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
    background-color: var(--bc-primary);
    border-color: var(--bc-primary);
}

.e-treeview .e-list-icon {
    font-family: "e-icons", sans-serif;
    font-size: 18px;
    margin: 0 0 0 -22px;
    height: unset;
    width: unset;
}

.e-treeview .e-list-icon::before {
    content: '\e79e' !important;
    font-size: 18px;
}

.e-treeview .e-icon-collapsible::before, .e-treeview .e-icon-expandable::before {
    padding: 0;
}

.e-treeview .e-list-text {
    font-size: 0.9rem;
}
/*#endregion*/

/*#region Color pickers*/
.e-colorpicker-wrapper .e-btn.e-icon-btn, .e-colorpicker-container .e-btn.e-icon-btn {
    padding: 3px 5px;
    background-color: var(--bc-surface-variant);
}

.e-colorpicker-wrapper .e-icon-btn:hover, .e-colorpicker-container .e-icon-btn:hover {
    background-color: var(--bc-primary);
    border-color: var(--bc-primary);
    color: white;
}

.e-colorpicker-wrapper .e-icon-btn:focus, .e-colorpicker-container .e-icon-btn:focus {
    box-shadow: none;
}

.e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker + .e-dropdown-btn, .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker + .e-dropdown-btn {
    border-color: var(--bc-border);
}

.e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn, .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
    padding: 0 8px;
    background-color: var(--bc-surface-variant);
    border-color: var(--bc-border);
    border-radius: 4px;
}

.e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color, .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color {
    height: 24px;
    width: 100px;
}
/*#endregion*/

/*#region Grids*/
.dual-grid-container {
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
}

.e-grid {
    font-family: Roboto, sans-serif;
    font-size: 0.9rem;
    border: none;
}

.e-grid .e-toolbar {
    border: none;
}

.e-grid .e-spinner-pane {
}

.e-grid .e-table {
    border-collapse: collapse;
}

.e-grid .e-headercelldiv {
    font-size: 0.95rem;
}

.e-grid .e-headercell {
    background-color: var(--bc-border);
}

.e-grid .e-rowcell {
    font-size: 0.9rem;
}

.grid-content .e-grid {
    border: 1px solid var(--bc-border)
}

.grid-cmd-cell {
    text-align: center;
}

.e-grid .e-filtered::before {
    color: var(--bc-primary);
}

.e-grid.e-resize-lines th.e-headercell.e-stackedheadercell, .e-grid.e-resize-lines th.e-headercell.e-firstcell, .e-grid.e-resize-lines.e-rtl th.e-headercell.e-stackedheadercell, .e-grid.e-resize-lines.e-rtl th.e-headercell.e-firstcell {
    border-bottom: 1px solid var(--bc-border-weak);
}

.e-grid.e-resize-lines .e-headercell .e-rhandler, .e-grid.e-resize-lines .e-headercell .e-rsuppress {
    border-right: 1px solid var(--bc-border-weak);
}

.e-grid.e-resize-lines .e-gridheader th.e-headercell.e-lastcell .e-rhandler {
    border-right: 1px solid var(--bc-border-weak);
}

.e-grid .e-row {
    background-color: var(--white);
}

.e-grid .e-icons:not(.e-btn-icon) {
    color: var(--bc-foreground-strong);
}

.e-grid.e-horizontallines .e-rowcell {
    border-color: var(--bc-border);
}

.e-grid.e-gridhover tr[role='row']:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role='row']:hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role='row']:hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
    background-color: var(--bc-surface-variant);
}

.e-grid .e-rowcell .e-checkbox-wrapper {
    height: unset;
    line-height: unset;
}

.e-toolbar .e-toolbar-items {
    background-color: white;
    width: 100%;
}

.e-toolbar .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
    margin-left: 4px;
}

.e-toolbar .e-toolbar-items:first-child > .e-toolbar-item:last-child, .e-toolbar .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
    margin-right: 4px;
}

.e-toolbar .e-icons {
    color: unset;
}

.e-btn:active .e-toolbar-item .e-btn .e-btn-icon {
    color: white;
}

.e-toolbar-item .e-btn:disabled .e-btn-icon {
    color: var(--bc-gray-606);
}

.e-toolbar-item .e-btn.e-primary:hover .e-btn-icon, .e-toolbar-item .e-btn.e-primary:focus .e-btn-icon {
    color: white;
}

.e-toolbar-item .e-btn.e-primary:disabled .e-btn-icon {
    color: var(--bc-grey-500);
}

.e-float-input:not(.e-disabled) .e-clear-icon:hover, .e-float-input.e-control-wrapper:not(.e-disabled) .e-clear-icon:hover, .e-input-group:not(.e-disabled) .e-clear-icon:hover, .e-input-group.e-control-wrapper:not(.e-disabled) .e-clear-icon:hover {
    color: var(--bc-primary);
}

.search .e-input-group:not(.e-disabled) .e-input-group-icon:hover, .e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:hover {
    background-color: var(--bc-primary);
    border: none;
}

.search .e-input-group input.e-input, .e-input-group textarea.e-input, .e-input-group input.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabled]):not(:focus), .e-input-group textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabled]), .e-input-group.e-control-wrapper input.e-input, .e-input-group.e-control-wrapper textarea.e-input, .e-input-group.e-control-wrapper input.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabled]):not(:focus), .e-input-group.e-control-wrapper textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabled]) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.search .e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon {
    border: none;
    background-color: var(--white);
}

.e-rowcell {
    cursor: pointer;
}

tr.e-row .e-rowcell .grid-cmd-cell a {
    display: inline;
    color: var(--bc-border);
}

tr.e-row:hover .e-rowcell .grid-cmd-cell a {
    display: inline;
    color: var(--bc-primary);
}

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

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

.e-pager {
    padding-bottom: 0;
}

.e-pager .e-pagercontainer {
    border: none;
    margin: 0;
}

.e-pager .e-pagercontainer .e-firstpage, .e-pager .e-pagercontainer .e-prevpage, .e-pager .e-pagercontainer .e-firstpagedisabled, .e-pager .e-pagercontainer .e-prevpagedisabled, .e-pager .e-pagercontainer .e-nextpage, .e-pager .e-pagercontainer .e-lastpage, .e-pager .e-pagercontainer .e-nextpagedisabled, .e-pager .e-pagercontainer .e-lastpagedisabled {
    border: none;
    min-width: 20px;
    padding: 13px 5px 12px 5px;
}

.e-pager .e-currentitem, .e-pager .e-currentitem:hover {
    background-color: var(--white);
    color: var(--bc-primary);
    font-weight: 700;
}

.e-pager .e-currentitem.e-numericitem.e-focused {
    background-color: var(--bc-primary);
    color: white;
    border: none;
    box-shadow: none;
}

.e-pager .e-numericitem {
    border: none;
    color: var(--bc-foreground-strong);
    padding: 7px 10px 8px 9px;
}

.e-pager .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) {
    color: var(--bc-primary);
    padding: 7px 10px 8px 9px;
}

.e-pager .e-numericitem.e-active {
    background-color: var(--bc-primary);
    color: white;
    border: none;
}

.e-pager .e-numericitem:hover.e-active {
    color: white;
}

.e-pager div.e-icons.e-pager-default {
    color: var(--bc-foreground-strong);
}

.e-pager div.e-icons.e-pager-default:hover {
    color: var(--bc-primary);
}

.search.grid-search {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.e-primary.grid-search {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    height: 32px;
}

.e-contextmenu-wrapper ul .e-menu-item.e-selected, .e-contextmenu-container ul .e-menu-item.e-selected {
    background-color: var(--bc-bright-grey);
    color: var(--bc-heather-black);
    outline: var(--bc-bright-grey);
}

.e-primary.small {
    padding: 2px 6px;
}

.e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
    background-color: var(--bc-primary);
}

.report-workmatrix {
    border: 1px solid var(--bc-border);
    margin-bottom: 15px;
}

.form-btn-group {
    margin-top: 4px;
}

.list-filter {
    background-color: white;
    padding: 2px 6px;
}

.filter-fields {
    padding: 4px 8px;
}

.filter-cmdbar {
    padding: 5px 8px;
}

.grid-footer {
    border-top: 1px solid var(--bc-border);
    padding: 5px 10px;
    font-size: 0.875rem;
}

.grid-footer.filtered {
    background-color: var(--bc-primary);
    color: white;
}

.filter-group {
    border: 1px solid var(--bc-border);
    border-radius: 5px;
}

.filter-btn {
    margin: 2px !important;
    padding: 1px 6px !important;
}

.filter-operator {
    font-size: 1.0rem;
    font-weight: 700;
    border: 1px solid var(--bc-border);
    border-radius: 7px;
    padding: 1px 6px;
}
/*#endregion*/

/*#region Calendars*/
.e-calendar .e-btn.e-today.e-flat.e-primary, .e-calendar .e-css.e-btn.e-today.e-flat.e-primary {
    background-color: var(--bc-surface-variant);
    color: var(--bc-primary);
    border: 1px solid var(--bc-border);
}

.e-calendar .e-content td.e-focused-date.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
    box-shadow: inset 1px 0 var(--bc-primary), inset 0 1px var(--bc-primary), inset -1px 0 var(--bc-primary), inset 0 -1px var(--bc-primary);
    color: white;
}

.e-calendar .e-content td.e-today span.e-day, .e-calendar .e-content td.e-focused-date.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
    box-shadow: inset 2px 0 var(--bc-primary), inset 0 2px var(--bc-primary), inset -2px 0 var(--bc-primary), inset 0 -2px var(--bc-primary);
    color: var(--bc-primary);
}

.e-calendar .e-btn.e-today.e-flat.e-primary:hover, .e-calendar .e-css.e-btn.e-today.e-flat.e-primary:hover {
    background-color: var(--bc-primary);
    border: 1px solid var(--bc-primary);
}

.e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected.e-focused-date span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected.e-focused-date span.e-day {
    background-color: var(--bc-primary);
}

.e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected.e-focused-date span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected.e-focused-date span.e-day {
    color: white;
}
/*#endregion*/
/*#endregion SyncFusion Overrides*/