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

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

/*#region MainLayout*/
.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;
   /* background-color: #2F4858; */
   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: var(--show-ellipsis, 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;
   /* background-color: #2F4858; */
   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, bcrisk-hovermenu:focus-within {
   display: block;
}

#bcimpact-hovermenu {
   display: none;
}

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

#bcplan-hovermenu {
   display: none;
}

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

#bccrisis-hovermenu {
   display: none;
}

#bcCRISIS:hover #bccrisis-hovermenu, bccrisis-hovermenu:focus-within {
   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, notifications-hovermenu:focus-within {
   display: flex;
}

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

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

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

#workspaces:hover #workspaces-hovermenu, workspaces-hovermenu:focus-within {
   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: #6c757d;
}

#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: #FDF6F6;
   border: 1px solid #EEABBA;
   border-radius: 12px;
}

.reconnect-modal .card-text {
   display: flex;
   flex-direction: column;
   color: #9D2120;
   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: #F8D7DA;
   color: #721C24;
   height: 32px;
   width: 32px;
   padding: 6px;
   border-radius: 8px;
}
/*#endregion MainLayout*/

/*#region User*/
.user__linked-person__content {
   display: flex;
   gap: 1rem;
   align-items: flex-end;
}

.user__linked-person__create-button {
   margin-bottom: 16px;
}

.user__multiselect-wrapper .e-multiselect.e-control-wrapper{
   padding: 4px;
}
/*#endregion User*/

/*#region Pages*/
.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__header {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   width: 100%;
}

.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 Dashboard*/
.bc-dashboard-section-container {
   display: flex;
   flex-direction: column;
}

.bc-dashboard-card-container {
   display: grid;
   gap: 1.5rem;
}

.bc-dashboard-card-container#metrics {
   grid-template-columns: repeat(4, 1fr);
}

.bc-dashboard-card-container#quicklinks {
   grid-template-columns: repeat(3, 1fr);
}

.bc-dashboard-card-container#charts {
   grid-template-columns: repeat(2, 1fr);
}

.bc-dashboard-card-container__scenario {
   display:flex;
   flex-direction: column;
   gap: 0.5rem;
   background-color: white;
   border: 1px solid var(--theme-card-default-border);
   border-radius: 0.5rem;
   padding: 0.5rem
}

.bc-dashboard-card-container__scenario__item {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 0.5rem;
}

.bc-dashboard-card-container__scenario__item__title {
   font-size: 0.875rem;
   font-weight: 500;
}

.bc-metric-icon {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 2.5rem;
   height: 2.5rem;
   border-radius: 0.5rem;
   font-size: 1.25rem;
}

.bc-risk-dashboard__chart {
   display: flex;
   justify-content: center;
   align-items: center;
}

/* Dashboard metrics icon colors */
#bcRISK-dashboard__metric-risk-total .bc-metric-icon {
   background-color: var(--bc-metric-1-background);
   color: var(--bc-metric-1-foreground);
}

#bcRISK-dashboard__metric-risk-scenarios .bc-metric-icon {
   background-color: var(--bc-metric-2-background);
   color: var(--bc-metric-2-foreground);
}

#bcRISK-dashboard__metric-risk-measures .bc-metric-icon {
   background-color: var(--bc-metric-3-background);
   color: var(--bc-metric-3-foreground);
}

#bcRISK-dashboard__metric-risk-not-assigned .bc-metric-icon {
   background-color: var(--bc-metric-4-background);
   color: var(--bc-metric-4-foreground);
}

#bcIMPACT-dashboard__metric-process-number .bc-metric-icon {
   background-color: var(--bc-metric-2-background);
   color: var(--bc-metric-2-foreground);
}

#bcIMPACT-dashboard__metric-process-owner-number .bc-metric-icon {
   background-color: var(--bc-metric-2-background);
   color: var(--bc-metric-2-foreground);
}

#bcIMPACT-dashboard__metric-processes-without-interview .bc-metric-icon {
   background-color: var(--bc-metric-1-background);
   color: var(--bc-metric-1-foreground);
}

#bcIMPACT-dashboard__metric-process-without-due-date .bc-metric-icon {
   background-color: var(--bc-metric-4-background);
   color: var(--bc-metric-4-foreground);
}

#bcPLAN-dashboard__metric-scenario-number .bc-metric-icon {
   background-color: var(--bc-metric-2-background);
   color: var(--bc-metric-2-foreground);
}

#bcPLAN-dashboard__metric-measure-number .bc-metric-icon {
   background-color: var(--bc-metric-2-background);
   color: var(--bc-metric-2-foreground);
}

#bcPLAN-dashboard__metric-checklists .bc-metric-icon {
   background-color: var(--bc-metric-1-background);
   color: var(--bc-metric-1-foreground);
}

#bcPLAN-dashboard__metric-unassigned-measures .bc-metric-icon {
   background-color: var(--bc-metric-4-background);
   color: var(--bc-metric-4-foreground);
}

#system-notification-dashboard__metric-views .bc-metric-icon {
   background-color: var(--bc-metric-2-background);
   color: var(--bc-metric-2-foreground);
}

#system-notification-dashboard__metric-primary-action-clicks .bc-metric-icon {
   background: var(--success-subtle, #DEF3E9);
   color: var(--bc-metric-2-foreground);
}

#system-notification-dashboard__metric-sent-reminders .bc-metric-icon {
   background-color: var(--bc-metric-4-background);
   color: var(--bc-metric-4-foreground);
}

#system-notification-dashboard__metric-cancelled-notifications .bc-metric-icon {
   background-color: var(--bc-metric-1-background);
   color: var(--bc-metric-1-foreground);
}

#system-notification-dashboard__metric-views .bc-metric-icon .bcbadge {

}

#system-notification-dashboard__metric-primary-action-clicks .bc-metric-icon .bcbadge{

}

#system-notification-dashboard__metric-sent-reminders .bc-metric-icon .bcbadge{

}

#system-notification-dashboard__metric-cancelled-notifications .bc-metric-icon .bcbadge{

}


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

.e-card {
   background-color: var(--theme-card-default-background);
   padding: 1.5rem;
   border: 1pt solid var(--theme-card-default-border);
   border-radius: 0.5rem;
   gap: 1.5rem;
   justify-content: start;
}

.e-card.metric-card {
   min-width: 12rem;
}

.e-card:hover {
   border-color: var(--theme-card-default-border);
}

.e-card.interactive-card {
   min-width: 18rem;
}

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

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

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

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

.e-card .e-card-header {
   display: flex;
   gap: 0.25rem;
   padding: 0;
   margin: 0;
   justify-content: start;
}

.e-card .e-card-header .e-card-header-caption {
   align-self: start;
   max-width: 100%;
}

.e-card .e-card-header .e-card-header-caption .e-card-header-title  {
   font-size: 1.125rem;
   font-style: normal;
   font-weight: 700;
   line-height: 1.625rem;
   padding: 0;
   margin: 0;
}

.e-card.metric-card .e-card-header .e-card-header-caption .e-card-sub-title  {
   font-size: 0.875rem;
   font-style: normal;
   font-weight: 400;
   line-height: 1.25rem;
   color: var(--theme-text-subtitle);
}

.e-card.metric-card .e-card-header {
   display: flex;
   flex-direction: column;
   gap: 0.25rem;
   padding: 0;
   margin: 0;
   justify-content: start;
}

.e-card.metric-card .e-card-header .e-card-header-caption {
   align-self: start;
}

.e-card.metric-card .e-card-header .e-card-header-caption .e-card-header-title  {
   font-size: 0.875rem;
   font-style: normal;
   font-weight: 400;
   line-height: 1.25rem;
   color: var(--theme-text-subtitle);
}

.e-card.metric-card .e-card-header .e-card-header-caption .e-card-sub-title  {
   font-size: 1.875rem;
   font-weight: 700;
   line-height: 2.625rem;
   padding: 0;
   margin: 0;
}

.e-card .e-card-content {
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
   padding: 0;
   flex-grow: 1;
}

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

.bc-interactive-card-text-container {
   overflow: hidden;
}

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

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

.bc-chart-container {
   height: 100%;
}
.bc-chard-empty-counter {
   margin: 0 auto;
}
/*#endregion Dashboard*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.grid-container {
   height: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bc-panel__content-container {
   overflow: hidden;
}
/*endregion grids*/

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

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

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

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

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

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

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

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

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

}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

}

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

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

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

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

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

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

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

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

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

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

.bc-column-picker-panel {
    position: absolute; right: 0; top: calc(100% + 8px);
    min-width: 260px; max-height: 50vh; overflow: auto;

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

    z-index: 11000;

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

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

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

.bc-column-picker-actions { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
.bc-column-picker-list    { display: grid; grid-template-columns: 1fr; gap: 6px; margin-top: 8px; }
.bc-column-picker-item    { display: flex; align-items: center; gap: 8px; }
.bc-column-picker-item.disabled { opacity: .55; pointer-events: none; }
.bc-column-picker-title   { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

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

.bc-searchBox {
    position: relative;
    display: flex;
    align-items: center;
    border: 1px solid var(--rz-border);
    border-radius: 8px;
    background-color: white;
    height: 42px;
    padding-left: 30px;
}

.bc-searchBox__icon {
    position: absolute;
    left: 10px;
    color: #888;
    font-size: 15px;
    pointer-events: none;
}

.bc-searchBox__input {
    border: none;
    outline: none;
    width: 100%;
    font-size: 14px;
    height: 100%;
    background: transparent;
    padding-right: 8px;
}
.bc-searchBox__input::placeholder {
    color: #aaa;
}
/*endregion Radzen BcGrid*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*region 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));

   /* text-md/medium */
   font-family: Roboto;
   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, #E2E8F0);
}

.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;
   /*flex: 1 0 0;*/
   margin-bottom: 8px;
   overflow: hidden;
   color: var(--Colors-Page-Content-text--primary, #1A1A1A);
   text-overflow: ellipsis;
   font-size: 18px;
   font-style: normal;
   font-weight: 700;
   line-height: 26px; /* 144.444% */
   word-break: break-all;
}

.bc-missioncard-mission__info {
   color: var(--Colors-Page-Content-text--primary, #1A1A1A);
   font-family: Roboto;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 20px; /* 142.857% */
}

.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, #0F172A);
   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; /* 150% */
}

.bc-missioncard-mission__subtitle {
   color: var(--Black, #0F172A);
   font-variant-numeric: lining-nums tabular-nums;
   font-feature-settings: 'liga' off, 'clig' off;

   /* Body small / Bold */
   font-size: 14px;
   font-style: normal;
   font-weight: 700;
   line-height: 24px; /* 171.429% */
}

.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, #DEF3E9);
}
/*endregion cardpage*/

/*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: #CBD5E1;
   margin: 0 0 24px 0;
}

.bc-form-divider--header {
   width: 640px;
   height: 1px;
   gap: 0;
   background-color: #CBD5E1;
   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;
}

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

.mailsend-summary-cards .focus {
   border: 1pt solid #94A3B8;
}

.summary-card {
   height: 100% !important;
   border: 1pt solid #94A3B8;
   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 #94A3B8 !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: #344054;
}

.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: #f1f1f1;
   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: #888;
   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: #555;
}

.bc-treeview-container {
   min-height: 175px;
   max-height: 40vh;
   padding: 12px 16px 12px 16px;
   gap: 12px;
   overflow: auto;
   border-radius: 6px ;
   border: 1px solid #94A3B8;
   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: #212529;
}
/*endregion narrowpage*/

/*region resource redesign*/
.new-resource-group-btn-container {
   display: flex;
   padding: 10px 0 0 0;
   flex-grow: 1;
}

.new-resource-group-btn {
   flex-grow: 1;
}

.bc-resource-node-icon .e-btn-icon:before:active {
   color: white;
}

.splitter-content-left #ResourceTemplates {
   max-height: calc(100vh - 244px);
   overflow: auto;
}

#ResourceTemplates > ul > li > div.e-fullrow {
   pointer-events: none;
   border-radius: 5px;
   border: none !important;
   background-color: transparent !important;
}

.bc-grid__toolbar-item {
   display: inline-block;
   margin-right: 10px;
}

#ResourceTemplates .e-list-item.e-active > .e-fullrow {
   border: 1px solid white;
   border-radius: 6px;
}

#ResourceTemplates .e-list-item.e-active > div.e-text-content > span > div > div.bc-resource-node-icons > button > span:before {
   color: white;
}

#ResourceTemplates .e-list-item.e-active > div.e-text-content > span > div > div.bc-resource-node-icons > span {
   background-color: var(--theme-button-secondary-filled-foreground);
   color: var(--theme-button-secondary-filled-background);
}

#ResourceTemplates > ul > li > div.e-text-content {
   pointer-events: none;
   overflow: hidden;
   color: var(--Colors-foreground-primary, rgba(0, 0, 0, 0.92));
   text-overflow: ellipsis;
   font-size: 14px;
   font-style: normal;
   font-weight: 700;
   line-height: 20px;
   padding-left: 30px !important;
}

#ResourceTemplates > div.e-text-content.e-icon-wrapper > span > div > span.bc-counter-badge {
   display: none;
}

#ResourceTemplates > ul > li > div.e-text-content.e-icon-wrapper > span > div > div > button.bc-button {
   display: none !important;
}

#ResourceTemplates > ul > li > div.e-text-content.e-icon-wrapper > span > div > div > span.bc-counter-badge {
   display: none !important;
}

#ResourceTemplates > ul > li > div.e-text-content .e-icon-expandable:before {
   content: "\e75c" !important;
   font-weight: 700;
   font-size: 25px;
   margin-top: -3px;
}

#ResourceTemplates > ul > li > div.e-text-content .e-icon-collapsible:before {
   content: "\e75c" !important;
   rotate: 90deg;
   font-weight: 700;
   font-size: 25px;
   margin-top: -2px;
}

.bc-resource-node-template {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
   gap: 5px;
}

.bc-resource-node-name {
   display: flex;
   flex-direction: row;
}

#ResourceTemplates .e-text-content .e-list-text {
   width: 100%;
}

#ResourceTemplates .e-list-item .e-text-content{
   padding-top: 4px !important;
}

.bc-resource-node-icons {
   display: flex;
   flex-direction: row;
   align-items: center;
}
/*endregion resource redesign*/

/*region login*/
.select-tenant-container .e-ddl {
   height: 74px;
}

.fill-textbox-width .bc-textbox {
   flex-grow:1;   
}

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

.full-width-button {
   flex-grow: 1;
   /*border-radius: 0.375rem !important;*/
   /*border: 1px solid var(--theme-button-primary-outline-border) !important;*/
   /*flex-direction: row-reverse;*/
}

.custom-placeholder .e-input::before {
   display: flex;
   align-items: center;
   color: #999;
   font-size: 14px;
}

.custom-placeholder .e-input::before img {
   width: 30px;
   height: 30px;
   margin-right: 10px;
}

/*endregion login*/

/*region tenant selection*/
.tenant-dropdown {
   display: flex;
   overflow: hidden;
   padding: 12px 16px;
   align-items: center;
   justify-content: space-between;
   align-self: stretch;
}

.tenant-dropdown:not(.e-popup-open) {
   height: 73px !important;
}

.tenant-dropdown-name-date {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
}

.tenant-dropdown .e-popup-open {
   padding: 0;
}

.tenant-dropdown .e-item-focus {
   border-radius: 5px;
}

.tenant-dropdown .e-dropdownbase .e-list-item.e-hover {
   border-radius: 5px;
}

.tenant-dropdown .e-filter-parent {
   box-shadow: none !important;
}

.tenant-dropdown .e-control-container {
   border-bottom: 1px;
   border-left: none;
   border-right: none;
   border-top: none;
}

.tenant-dropdown .e-filter-parent .e-control-container{
   border: none !important;
   border-bottom: 1px solid black !important;
   border-radius: 0 !important;
   width: 100% ;
}

.tenant-dropdown .e-active .tentant-dropdown__item-template__abbreviation{
   color: #000000;
}

.tenant-dropdown .e-active .tenant-dropdown__item-template__last-accessed{
   color: #ffffff;
}

.tenant-dropdown .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
   border-radius: 5px;
}

.filtered-tenant-dropdown .e-dropdownbase {
   padding-bottom: 12px;
}

.tenant-dropdown--error:not(.e-popup-open)  {
   border: 1px solid var(--theme-primary-default) !important;  
}

.tenant-dropdown__error-message {
   color: #dc3545;
   margin: 5px 0 10px 0;
   font-size: 14px;
   font-weight: 500;
   line-height: 20px;
   text-align: left;
}

.abbreviation-preview {
   border-radius: 6px;
   background:  #EEE;
   display: flex;
   width: 48px;
   height: 48px;
   padding: 12px;
   justify-content: center;
   align-items: center;
   gap: 10px;
   margin-right: 14px;
}

.no-text-indent {
   text-indent: 0 !important;
}

.form-uploaded-file-tenant {
   display: flex;
   justify-content: space-between;
   border: 1px solid #DFDFDF;
   border-radius: 5px;
   padding: 12px 14px;
}

.tenant-dropdown-item-template {
   align-items: center;
   display: flex;
   margin: 12px 0;
   padding: 0 5px;
}

.tenant-dropdown-item-template--no-width {
   align-items: center;
   display: flex;
   justify-content: space-between;
   margin: 12px 0 12px 12px;
   padding: 0 5px;
}

.tenant-dropdown-image-template {
   align-items: center;
   display: flex;
   justify-content: flex-start;
}

.tenant-dropdown-image-template img {
   border-radius:5px;
}

.e-ddl.e-popup {
   padding:6px;
}

.tentant-dropdown__item-template__img {
   width: 30px;
   height: 30px;
   margin-right: 10px;
}

.tentant-dropdown__item-template__abbreviation{
   border-radius: 6px;
   background:  #EEE;
   display: flex;
   width: 30px;
   height: 30px;
   padding: 12px;
   justify-content: center;
   align-items: center;
   gap: 10px;
   margin-right: 10px;
}

.tentant-dropdown__value-template__img {
   border-radius: 6px;
   display: flex;
   width: 48px;
   height: 48px;
   padding: 12px;
   margin-right: 14px;
}

.tenant-dropdown-item-template__name-last-accessed {
   display: flex;
   flex-direction: column;
   line-height: normal;
}

.tenant-dropdown__item-template__last-accessed {
   margin-right:5px; 
   color:gray;
   font-size: 14px;
}

.tenant-dropdown-value-template {
   align-items: center;
   display: flex;
}

.tenant-dropdown-value-template img {
   border-radius: 5px;
}

.tenant-dropdown__value-template__last-accessed {
   color:gray;
}

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

.hide-filepicker-actions .e-upload-file-list {
   min-height: 64px !important;
}

.hide-filepicker-actions .bc-fileupload  {
   border-radius: 5px;
}

.bc-fileupload .e-upload-file-list {
   border-bottom: none !important;
}

.hide-browse-button .e-upload-browse-btn{
   display: none !important;   
}

.fullwidth-border {
   border: 1px solid #b1acac;
   width: 100%;
   padding: 12px 14px;
   border-radius: 5px;
}

.edit-tenant-preview #tenant-name {
   color: #242B35;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 22px;
}

.edit-tenant-preview #last-accessed {
   color: rgba(0, 0, 0, 0.68);
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 20px; 
}

/*endregion tenant selection*/

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

/*region mailsend 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 stepper*/
.bc-stepper-container {
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: nowrap;
   margin-bottom:10px;
   max-width:100%;
}

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

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

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

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

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

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

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

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

.treeview-node-icon {
   padding: 0 3px;
   margin-left: 4px;
   border-radius: 3px;
   background-color: #E2E8F0;
}

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

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

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

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

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

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

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

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

/*region checkin modal*/
.bc-missioncard__details-modal {
   display: flex;
   height: 94px;
   flex-direction: column;
   justify-content: space-between;
   align-items: flex-end;
   align-self: stretch;
}

.bc-cardlist--modal {
   overflow-y: auto;
   max-height:60vh;
   padding-right: 4px;
   -moz-padding-end: 10px;
}

.bc-card-role__description {
   width:280px;
}

.bc-card-role__actions {
   display: flex;
   flex-direction: column;
   align-items: start;
}

.--main-deputy .e-tooltip, .main-person-badge {
   margin-left: 23px;
   margin-top: 2px;
}

.radio-btn-badge-container {
   margin-top: 0.25rem;
}

.--collaborative .e-tooltip {
   margin-top:24px;
   margin-left:22px;
}

/*.--collaborative .e-label {*/
/*   margin-bottom: 24px;*/
/*}*/

.bc-card-role__actions label {
   margin-top:6px;
}

.bc-role__card-modal {
   margin-bottom: 8px;
   display: flex;
   padding: 24px !important;
   flex-direction: column;
   align-items: flex-start;
   gap: 8px;
   align-self: stretch;
   min-height: auto;
   max-height: none;
}

.bc-role__card-modal .e-card-content {
   display: flex !important;
   flex-direction: row !important;
   gap: 0 !important;
   align-items: flex-start;
}

.bc-cardlist--modal::-webkit-scrollbar {
   width: 8px;
   border-radius: 4px;
}

.bc-cardlist--modal::-webkit-scrollbar-track {
   background: #f1f1f1;
   border-radius: 4px;
}

.bc-cardlist--modal::-webkit-scrollbar-thumb {
   background: #888;
   border-radius: 4px;
}

.bc-cardlist--modal::-webkit-scrollbar-thumb:hover {
   background: #555;
}

.bc-checkin__content {
   padding:20px 20px 14px 20px;
   display: block;
}

.bc-checkin__list {
   margin-top: 20px;
}
.dialog-footer {
   display: flex; 
   gap: 8px; 
   padding: 0 20px 0 20px;
}

.e-dialog .e-dlg-content {
   border-radius: 6px !important;
}

.bc-card-role__actions .custom-radio .e-radio:checked + label::after {
   background-color: #3D4494 !important; 
   border-color: #3D4494 !important; 
}

.e-radio:checked+label::before {
   background-color: #3D4494 !important;
   border-color: #3D4494 !important;
}

.e-radio:focus+label:focus {
   outline: none !important; 
   box-shadow: none !important; 
}

.e-radio:disabled+label::before {
   background-color: #E2E8F0 !important;
   border-color: #E2E8F0 !important;
}

.e-radio:focus + label::before:focus {
   border: 1px solid red;
   outline: none !important;
}

.e-radio:focus {
   outline: none !important;
   box-shadow: none !important;
}

.e-radio + label:focus::before {
   box-shadow: none !important;
}

.custom-radio .e-radio:focus {
   outline: none !important; 
   box-shadow: none !important; 
   border: none !important;
}

.custom-focus-radio .e-radio:focus {
   outline: none !important; 
   box-shadow: none !important;
   border: none !important;

}

/*endregion checkin modal*/

.bc-grid {
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*#region Badges */

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

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

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

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

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

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

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

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

/*#region Badge Styles and Colors */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bc-badge.bc-badge--lilac-tinted {
   background-color: #E2E8F0;
   color: #242B35;
}

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

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

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

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

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

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

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

.bc-badge.bc-badge--lilac-plain {
   background: none;
   color: #E2E8F0;
   border: none;
}

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

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

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

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

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

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

/* Plain Secondary Badge */

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

/*#endregion Badge Styles and Colors */

/*#endregion Badges */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

.bc-button.bc-button--primary-filled:focus {
   /*background-color: var(--theme-button-primary-filled-focus-background);*/
   /*color: var(--theme-button-primary-filled-focus-foreground);*/
   /*box-shadow: 0 0 0 4px var(--theme-button-primary-filled-focus-shadow);*/
   /*outline: 2px solid var(--theme-button-primary-filled-focus-outline);*/
}

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

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

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

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

.bc-button.bc-button--secondary-filled:focus {
   /*background-color: var(--theme-button-secondary-filled-focus-background);*/
   /*color: var(--theme-button-secondary-filled-focus-foreground);*/
   /*box-shadow: 0 0 0 4px var(--theme-button-secondary-filled-focus-shadow);*/
   /*outline: 2px solid var(--theme-button-secondary-filled-focus-outline);*/
}

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

/* Plain Secondary Button */

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

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

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

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

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

/*#endregion Button Styles and Colors */

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

/*#endregion Buttons */

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

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

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

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

.bc-panel-card--emergency .bc-panel-card__panel-card-icon {
   background: var(--Colors-background-accent-red, #F8D7DA);
   color: #721C24;
}

.bc-panel-card--settings .bc-panel-card__panel-card-icon {
   background: #D6D8DB;
   color: #343A40;
}

.bc-panel-card--warning .bc-panel-card__panel-card-icon {
   background: #FDEDE4;
}

.bc-panel-card--info .bc-panel-card__panel-card-icon {
   background: #D6D8DB;
   color: #343A40;
}


.bc-panel-card--warning {
   background: #FCF2EB;
   border: 1px solid #DC7C32;
}

.bc-panel-card--info {
   background: #F7F7F7;
   border: 1px solid #DC7C32;
}

.bc-panel-card--info .bc-panel-card__title {
   color: #343A40;
}


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

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

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

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

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

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

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

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

   overflow: hidden;
   color: var(--foreground-default, #212831);
   text-overflow: ellipsis;


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

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

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

   overflow: hidden;
   color: var(--foreground-muted, #516077);
   text-overflow: ellipsis;

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

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

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

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

.bc-panel-card--disabled {
   pointer-events: none;
   /*opacity: 0.6;*/
   /*background: var(--Colors-background-quaternary, #DCDCDC);*/
   /*border: 1px solid #DCDCDC;*/
}

.bc-panel-card--disabled .bc-panel-card__panel-card-icon {
   background: #E0E0E0; 
   color: #A0A0A0; 
}

.bc-panel-card--disabled .bc-panel-card__title,
.bc-panel-card--disabled .bc-panel-card__subtitle {
   color: #A0A0A0; 
}

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

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

.view-only-card--warning {
   cursor: default;
   pointer-events: none;
   background: #FCF2EB;
   border: 1px solid #DC7C32;
}

.view-only-card--warning:hover {
   background: #FCF2EB;
    border: 1px solid #DC7C32;
}

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

.view-only-card--emergency {
   background: #F8D7DA;
   border: 1px solid #721C24;
}

.view-only-card--emergency:hover {
   background: #F8D7DA;
   border: 1px solid #721C24;
}

.view-only-card--emergency .bc-panel-card__title,
.view-only-card--emergency .bc-panel-card__subtitle,
.view-only-card--emergency .bc-panel-card__clickable-text {
   pointer-events: auto;
   color: #721C24;
}

.view-only-card--settings {
   background: #D6D8DB;
   border: 1px solid #343A40;
}

.view-only-card--settings:hover {
   background: #D6D8DB;
   border: 1px solid #343A40;
}

.view-only-card--settings .bc-panel-card__title,
.view-only-card--settings .bc-panel-card__subtitle,
.view-only-card--settings .bc-panel-card__clickable-text {
   pointer-events: auto;
   color: #343A40;
}

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

.bc-panel-card--info:hover {
   cursor: default !important;
   background-color: transparent !important;
   border: 1pt solid #94A3B8 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.bc-textbox-searchbar-True .e-input-group {
   height: 32px;
   padding-left: 21px;
   border: 
   /*margin-top: 8px;*/
}

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

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

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

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

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

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

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

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

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

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

}

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

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

.bc-textbox-description {
   color: #6c757d;
   font-size: 0.875rem;
   margin-bottom: 8px;
}

.bc-textbox-description-bcmultiselect {
   color: #6c757d;
   font-size: 0.875rem;
}

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

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

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

.bc-multiselect .e-multi-select-wrapper .e-chips .e-chips-close::before {
   -webkit-text-fill-color: #252959;
   color: #252959;
   font-weight:600;
}

.bc-multiselect .e-multi-select-wrapper .e-chips>.e-chipcontent {
   -webkit-text-fill-color: #252959;
   color: #252959;
   font-weight: 500;
}

.bc-multiselect .e-multi-select-wrapper .e-chips{
   background-color: #E0E2FC !important;
   border-radius:25px;
   margin-top: 7px;
}

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

.bc-multiselect .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon, .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
   margin-top: -33px;
}

.bc-multiselect .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon, .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon:hover {
   background-color: transparent;
   color:#C80019 ;
}

.bc-multiselect .e-multi-select-wrapper {
   margin-left: 42px;
}

.multiselect-with-icon {
   margin-top: -17px;
}

.user-icon-multiselect {
   transform: translateY(210%);
   z-index: 1;
   position: relative;
   margin-left: 16px;

}

.bc-textbox-error {
   color: #dc3545;
   margin-top: 4px;
   font-size: 14px;
   font-weight: 500;
   line-height: 20px;
   text-align: left;
}

.bc-textbox .error {
   outline: 1px solid red !important;
}

.multiselect-label {
   margin-bottom: 0 !important;   
}

.bc-textbox-label--span {
   font-size: 16px;
   font-weight: 500;
   line-height: 22px;
   text-align: left;
}
/*#endregion BcTextBox*/

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

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

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

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

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

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

.bc-multiselect__description {
   color: #6c757d;
   font-size: 0.875rem;
}

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

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

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


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

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

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

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

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

.bc-multiselect .e-multi-select-wrapper .e-chips {
   background-color: #E0E2FC !important;
   border-radius: 25px;
   margin-top: 7px;
}

.bc-multiselect .e-multi-select-wrapper .e-chips .e-chips-close::before {
   color: #252959;
   font-weight: 600;
}

.bc-multiselect .e-multi-select-wrapper .e-chips > .e-chipcontent {
   color: #252959;
   font-weight: 500;
}

.bc-multiselect__error {
   color: #dc3545;
   margin-top: 4px;
   font-size: 14px;
   font-weight: 500;
   line-height: 20px;
   text-align: left;
}

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

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

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

.bc-multiselect__container .e-ddl-icon:hover {
   background-color: transparent;
   color: #C80019;
}

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

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

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

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

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

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

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

/*#endregion BcTextBox*/

/*#region BcSwitch*/
.e-switch-wrapper.e-switch-disabled .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper.e-switch-disabled .e-switch-inner.e-switch-active {
   background-color: #C80019;
   border-color: #C80019;
}

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

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

.bc-switch-wrapper {
   display: flex;
   flex-direction: row;
   padding: .5rem 0;
}

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

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

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

}
.bc-switch-label--disabled {
   font-size: 16px;
   font-weight: 400;
   line-height: 22px;
   text-align: left;
   color: #516077;
}

.bc-switch-caption {
   font-size: 16px;
   font-weight: 400;
   line-height: 22px;
   text-align: left;
   color: #516077;
}

/*#endregion BcSwitch*/

/*#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: #ced4da !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 #ccc;
   font-size: 1rem;
}

.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 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 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;
   gap: 2px;
}

.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, #CCE5FF);
}

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

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

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

.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-family: Roboto;
   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));
   /* text-sm/regular */
   font-family: Roboto;
   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));
   /* text-xs/regular */
   font-family: Roboto;
   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-family: Roboto;
   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.bc-approval-milestone__body--last-comment {
   border-left: none;
}
.bc-status__badge-padding {
   margin-bottom:26px;
}
/*endregion Interview Timeline*/

/*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 Utility Classes */
.bc-opacity-30 {
   opacity: 0.3;
}

.cursor-default {
    cursor: default;
}
/*endregion Utility Classes */

/*region Impact Criticality */
.impact-criticality__criticality-score__align-grid-checkbox #ImpactProcessCriticalitySelectedFields_header_table > thead > tr > th:nth-child(2) > div.e-headercelldiv.e-headerchkcelldiv > div > span.e-frame.e-icons.e-uncheck {
   margin-top: -15px;
}

.impact-criticality__criticality-score__align-grid-checkbox #ImpactProcessCriticalitySelectedFields_header_table > thead > tr > th:nth-child(2) > div.e-headercelldiv.e-headerchkcelldiv > div > span.e-frame.e-icons.e-check {
   margin-top: -15px;
}


.impact-criticality__add-time-range-field__color-preview {
   align-items: center;
   justify-content: center;
   height: 32px;
   display: block;
   width: 100%;
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.impact-criticality__criticality-score__align-time-range-field {
   margin-top: 6px;
}
/*endregion Impact Criticality */

/*region System Notifications*/
.system-notifications__summary {
   gap: 24px;
   display: flex;
   flex-direction: column;
   margin-bottom: 12px;
}

.system-notifications__column-template {
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: 5px;
}

.system-notifications__column-name {
   display: flex;
   flex-direction: row;
}

.system-notifications__column-icons {
   display: flex;
   flex-direction: row;
   align-items: center;
}

.system-notifications__translations-container {
   display: flex;
   flex-direction: column;
   margin-bottom: 24px;
   max-width: 700px;
}

.system-notifications__translations-container__translations-list {
   border: 1px solid lightgray;
   border-radius: 5px;
   margin-bottom: 12px;
}

.system-notifications__translations-container__translations-list__item {
   display: flex;
   justify-content: space-between;
   border-bottom: 1px solid lightgray;
   padding:12px;
}

.system-notifications__translations-container__translations-list__item__name {
   display: flex;
   align-items: center;
}

.system-notifications__translations-container__translations-list__item__actions {
   display: flex;
   align-items: center;
}

.system-notification__action-link {
   color: var(--theme-primary-default, #C80019);
   align-items: center;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
   text-overflow: ellipsis;
   display: flex;
   gap: 0.25rem;
}

.system-notification__action-link__text {
   display: inline-block;
   max-width: 250px;
   text-overflow: ellipsis;
   overflow: hidden;
}

.add-translations-dialog__header {
   padding: 12px;
}

.system-notifications__translations-container__title {
   font-size: 16px;
   font-weight: 600;
   margin-bottom: 6px;
   line-height: 22px;
   text-align: left;
}

.system-notifications__translations-container__description {
   color: #6c757d;
   font-size: 0.875rem;
   margin-bottom: 8px;
}

.add-translations-dialog__header__title {
   color: var(--Global-foreground, #262626);
   font-size: 20px;
   font-style: normal;
   font-weight: 700;
   line-height: 28px;
}

.add-translations-dialog__header__subtitle {
   color: var(--Global-foreground-muted, #595959);
   font-family: Roboto;
   font-style: normal;
   font-weight: 400;
   line-height: 22px;
}

.add-translations-dialog__content {
   padding: 0 12px 0 12px;
}

.add-translations-dialog__footer {
   display: flex;
   flex-direction: row;
   justify-content: flex-end;
   padding: 12px;
   gap: 12px;
}
/*endregion*/

/*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: #f2f2f2;
   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: #f2f2f2;
   border-radius: 10px;
}

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

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

/*region Bc Text Area*/
.bc-text-area {
   display: flex;
   flex-direction: column;
   margin-bottom: 16px;
}

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

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

.bc-text-area__label .optional {
   font-size: 14px;
   font-weight: 400;
   color: #6c757d;
   margin-left: 8px;
}

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

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

/* Description */
.bc-text-area__description {
   font-size: 12px;
   color: #6c757d;
   margin-bottom: 8px;
}

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

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

.bc-text-area textarea.error {
   border-color: #dc3545;
   background-color: #fff5f5;
}

/* Error Message */
.bc-text-area__error {
   display: flex;
   align-items: center;
   color: #dc3545;
   font-size: 12px;
   margin-top: 8px;
}

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

/*endregion Bc Text Area*/
/*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: #f2f2f2;
   border: 1px solid slategrey;
   border-radius: 10px;
   gap: 8px;
   margin-bottom: 1rem;
}

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

.custom-form-block__label--small {
   color: var(--Global-foreground, #212831);
   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 Empty Fields Error Modal*/
.empty-fields-error-modal {
   position: absolute;
   bottom: 0;
   left: 36%;
   transform: translateY(-88vh);
   transition: visibility 0s linear 1000ms;
   visibility: visible;
   z-index: 99999;
}

.empty-fields-error-modal__container {
   display: flex;
   flex-direction: row;
   align-items: flex-start;
   gap: 12px;
   background: #FDF6F6;
   border: 1px solid #EEABBA;
   border-radius: 12px;
   padding: 12px;
}

.empty-fields-error-modal__icon {
   background: #F8D7DA;
   color: #721C24;
   height: 32px;
   width: 32px;
   padding: 5px 5px 5px 8px;
   border-radius: 8px;
}

.empty-fields-error-modal__icon:before {
   font-size: 16px;
}

.empty-fields-error-modal__text {
   display: flex;
   flex-direction: column;
   color: #9D2120;
   height: 100%;
}

.empty-fields-error-modal__title {
   font-size: 14px;
   font-weight: 600;
}

.empty-fields-error-modal__subtitle {
   font-size: 14px;
}

/*endregion*/

/*region Confirmation Warning Dialog*/
.warning-confirmation-dialog__header {
   padding: 12px;
}

.warning-confirmation-dialog__header__title {
   color: var(--Global-foreground, #262626);
   font-size: 20px;
   font-style: normal;
   font-weight: 700;
   line-height: 28px;
}

.warning-confirmation-dialog__header__subtitle {
   color: var(--Global-foreground-muted, #595959);
   font-family: Roboto;
   font-style: normal;
   font-weight: 400;
   line-height: 22px;
}

.warning-confirmation-dialog__footer {
   display: flex;
   flex-direction: row;
   justify-content: flex-end;
   padding: 12px 0 0 0;
   gap: 12px;
}

/*endregion*/

/*region View System Notification*/
.view-system-notification {
   display: flex;
   flex-direction: column;
}

.view-system-notification__overview {
   display: flex;
   flex-direction: row;
   gap: 24px;
   width: 100%;
}

.view-system-notification__overview__left-container {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.view-system-notification__overview__right-container {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}
/*endregion*/

/*region System Notification Modal*/
.system-notification-dialog__header {
   padding: 12px 12px 4px 12px;
}

.system-notification-dialog__header__icon {

}

.system-notification-dialog__header__icon .bc-metric-icon{
   border-radius: var(--Colors-radius, 8px);
   background: var(--Accent-red, #F8D7DA);
   color: #721C24;
   font-size: 16px;
}

.system-notification-dialog__body {
   padding: 12px 12px 24px;
}

.system-notification-dialog__header__title {
   color: var(--Global-foreground, #262626);
   font-size: 20px;
   font-style: normal;
   font-weight: 700;
   line-height: 28px; /* 140% */
}

.system-notification-dialog__header__description {

}

.system-notification-dialog__footer {
   display: flex;
   justify-content: space-between;
   padding: 4px 12px 4px 12px;
}

.system-notification-dialog__footer__actions {
   display: flex
;
   align-items: center;
   gap: 8px;
 }
/*endregion*/

/*region Bc Dropdown List*/
.bc-dropdown-list {
   display: flex;
   flex-direction: column;
   margin-bottom: 16px;
}

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

.bc-dropdown-list-label .optional {
   font-size: 14px;
   font-weight: 400;
   color: #6c757d;
   margin-left: 8px;
   margin-bottom: 4px;
}

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

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

.bc-dropdown-list-description {
   font-size: 12px;
   color: #6c757d;
   margin-bottom: 8px;
}

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

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

.bc-dropdown.error {
   border-color: #dc3545;
   background-color: #fff5f5;
}

.bc-dropdown-list-error {
   display: flex;
   align-items: center;
   color: #dc3545;
   font-size: 12px;
   margin-top: 8px;
}

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

/*endregion Bc Dropdown List*/

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

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

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

/*region Commonly Used Classes*/
.dark-blue-text {
   color: #252959;
}

.grey-text {
    color: #889096 !important;
}

.margin-right-small {
   margin-right: 0.5em;
}

.display-flex {
   display:flex;
}

.gap-small {
    gap: 0.5em;
}

.mr-2px {
    margin-right: 2px;
}

.mr-46px {
   margin-right: 46px;
}

.cursor-pointer {
   cursor: pointer;
}

.center-content {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100%;
}

.square-container {
   padding-top: 30px;
   padding-bottom: 30px;
   width: 25vw;
}

.square-ratio-full {
   aspect-ratio: 1 / 1;
   max-width: 100%;
   max-height: 100%;
}

.primary-theme-color {
   color: var(--theme-primary-default, #C80019) ;
}

.size-40px {
    width: 40px;
    height: 40px;
}

.width-calc-100-minus-50 {
   width: calc(100% - 50px);
}

.section-separator-xs {
   display: inline-block;
   margin-right: 5px;
}

.whitespace-pre-line {
   white-space: pre-line;
}

.ml-30px {
   margin-left: 30px;
}


.sf-multiselect .e-multi-select-wrapper .e-clear-icon, .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon {
   display: block !important;
   margin-top: -22px;
}

.sf-multiselect .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon, .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
   margin-top: -30px;
}

.position-relative {
   position: relative !important;
}
/*endregion Commonly Used Classes*/

/*region Utility Classes*/
/* Utility Classes for Text Sizes */
.bc-util-text-xs {
   font-size: var(--font-size-text-xs);
   line-height: var(--line-height-text-xs);
}

.bc-util-text-sm {
   font-size: var(--font-size-text-sm);
   line-height: var(--line-height-text-sm);
}

.bc-util-text-md {
   font-size: var(--font-size-text-md);
   line-height: var(--line-height-text-md);
}

.bc-util-text-lg {
   font-size: var(--font-size-text-lg);
   line-height: var(--line-height-text-lg);
}

.bc-util-text-xl {
   font-size: var(--font-size-text-xl);
   line-height: var(--line-height-text-xl);
}

/* Utility Classes for Display Sizes */
.bc-util-display-xs {
   font-size: var(--font-size-display-xs);
   line-height: var(--line-height-display-xs);
}

.bc-util-display-sm {
   font-size: var(--font-size-display-sm);
   line-height: var(--line-height-display-sm);
}

.bc-util-display-md {
   font-size: var(--font-size-display-md);
   line-height: var(--line-height-display-md);
}

/* Utility Classes for Font Weights */
.bc-util-fw-regular {
   font-weight: var(--font-weight-regular);
}

.bc-util-fw-medium {
   font-weight: var(--font-weight-medium);
}

.bc-util-fw-bold {
   font-weight: var(--font-weight-bold);
}

/* Utility Classes for margins and paddings */
.mt-25px {
   margin-top: 25px;
}

.mt-5px {
   margin-top: 5px;
}

.mt-n4px {
   margin-top: -4px;
}

.mr-10px {
   margin-right: 10px;
}

.ml-12px {
   margin-left: 12px;
}

.margin-left-negative-120 {
   margin-left: -120px;
}

.h-4px {
   height: 4px;
}

.h-32px {
   height: 32px;
}

.p-5px {
   padding: 5px;
}

.p-10px {
   padding: 10px;
}

.pt-4px {
   padding-top: 4px;
}

.pb-5px {
   padding-bottom: 5px;
}

.m-1px {
   margin: 1px;
}

.flex-50-procent {
   flex: 50%;
}
.white-space-pre-line {
   white-space: pre-line;
}

.overflow-hidden {
   overflow: hidden;
}
/*endregion Utility Classes*/

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

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

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

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

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

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

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

/*endregion Bc link*/

/*region Bc Field Info*/
.bc-field-info {

}

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

}

.bc-field-info__value-container {
   color: #262626;
}
/*endregion Bc Field Info*/

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

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

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

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

/*region Crisis Name Workspace Header*/
.crisis__dropdown-title__header {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

/*endregion Crisis Name Workspace Header*/

/*region Crisis Workspace*/
.mission-workspace__header {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   margin-bottom: 4px;
}

.mission-workspace__header__left-container {
   display: flex;
   flex-direction: row;
   gap: 8px;
}

.mission-workspace__header__right-container {
   display: flex;
   flex-direction: row;
   gap: 8px;
}
/*endregion Crisis Workspace*/

/*region Risk Header*/
.risk__title__header {
   display: flex;
   align-items: center;
   justify-content: space-between;
}
/*endregion Risk Header*/

/*region Risk Dashboard*/
.risk-scenario__grid-settings__dialog {
   display: flex;
   gap: 14px;
   justify-content: flex-end;
}

.risk-scenario__grid-settings__dialog__numeric-input {
   width: 55%;
}
/*endregion Risk Dashboard*/

/*region Risk Report*/
.risk-matrix-chart {
   height: 500px; 
   width: 500px;
}

.risk-matrix-chart__container {
   aspect-ratio: 1 / 1;
   max-width: 100%; 
   max-height: 100%;
}

.bc-matrix-card-container__scenario {
   display:flex;
   flex-direction: column;
   gap: 0.5rem;
   background-color: white;
   border: 1px solid var(--theme-card-default-border);
   border-radius: 0.5rem;
   padding: 0.5rem
}

.bc-matrix-card-container__scenario__item {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 0.5rem;
}

.bc-matrix-card-container__scenario__item__title {
   font-size: 0.875rem;
   font-weight: 500;
}
/*endregion Risk Report*/

/*region Risk Scenario*/
.analysis-value {
   display: flex;
}

.analysis__header {
   border: 1px solid #C8C8C8;
   border-radius: 6px;
   display: flex;
   flex-direction: column;
}

.analysis__header__top-content {
   display: flex;
   padding: 16px;
   padding-right: 15%;
   background: #EEEEEE;
   border-bottom: 1px solid #C8C8C8;;
   border-radius: 6px 6px 0 0;
   justify-content: space-between;
}

.analysis__top__values-container {
   display: flex;
   gap: 30px;
}

.analysis__top__name-container {
   color: #212831;
   font-size: var(--font-size-text-md);
   font-weight: var(--font-weight-medium);
}

.analysis-value__header {
   display: flex;
   justify-content: center;
   width: 70px;
   font-size: var(--font-size-text-sm);
   color: #516077;
   font-weight: 400;
   line-height: 18px;
   letter-spacing: 0;

}

.analysis-value-cell {
   width: 70px;
}

.analysis__header-text {
   font-weight: var(--font-weight-bold);
}

.analysis__header__bottom-content {
   display: flex;
   justify-content: space-between;
   padding: 16px 16px 2px 16px;
   padding-right: 15%;
}

.analysis__header__left-container {
   display: flex;
   flex-direction: column;
   gap: 8px;
}

.analysis__values__content {
   display: flex;
   gap: 30px;
   padding-top: 8px;
}

.analysis__gauge {
   /*margin-bottom: 74px;*/
   /*display: none;*/
   padding: 32px;
   border: 1px solid #C8C8C8;
   border-radius: 6px;
   margin-bottom: 16px;
   margin-top: 10px;
}

.analysis__gauge__title {

}

.analysis__gauge__top {
   display: flex;
   flex-direction: row;
   align-items: baseline;
   justify-content: center;
   gap: 32px;
}

.analysis__gauge__centered-text {
   position: absolute;
   top: 75%;
   left: 50%;
   transform: translate(-50%, -50%);
   text-align: center;
}

.gauge__centered-number {
   font-size: var(--font-size-display-sm);
   font-weight: var(--font-weight-bold);
}

.gauge__centered-text {
   color: #000000C2;
   font-size: var(--font-size-text-xs);
   font-weight: var(--font-weight-bold);
}

.analysis__gauge__bottom {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 32px;
}

.analysis__gauge__summary__text {
   font-weight: var(--font-weight-bold);
}

.analysis__gauge__summary__number {
   font-weight: var(--font-weight-regular)
}

.analysis__body {
   border: 1px solid #C8C8C8;
   margin-top: 16px;
   border-radius: 6px;
   display: flex;
   flex-direction: column;
}

.analysis__parent-row {
   background-color: #F7F7F7;
   border-top: 1px solid #C8C8C8;
   border-bottom: 1px solid #C8C8C8;
   padding: 16px !important;
   padding-right: 15% !important;
}

.analysis__parent-row:last-child {
   border-radius: 0 0 6px 6px;
}

.analysis__body__top-content {
   display: flex;
   padding: 16px;
   background: #EEEEEE;
   padding-right: 15%;
   border-radius: 6px 6px 0 0;
   justify-content: space-between;
}

.analysis__top__values-container {
   display: flex;
   gap: 30px;
}

.analysis__top__name-container {
   display: flex;
   align-items: center;
   color: #212831;
   font-size: var(--font-size-text-md);
   font-weight: var(--font-weight-medium);
}

.analysis-value__header {
   display: flex;
   justify-content: center;
   width: 70px;
   font-size: var(--font-size-text-sm);
   color: #516077;
   font-weight: 400;
   line-height: 18px;
   letter-spacing: 0;

}

.analysis-value-cell {
   width: 70px;
}

.analysis_values {
   width: 70px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}

.analysis__value {
   /*font-size: var(--font-size-text-xs);*/
   font-weight: var(--font-weight-bold);
}

.analysis_values .div-input  {
   max-height: 41px !important;
}

.analysis__body-text {
   font-weight: var(--font-weight-bold);
}

.analysis__body-weight-text {
   font-size: var(--font-size-text-xs);
   color: #516077;
}

.analysis__body__bottom-content {
   display: flex;

   justify-content: space-between;
   padding: 16px;
   padding-right: 15%;
}

.analysis__name-icon {
   display: flex;
   flex-direction: row;
   gap: 4px;
}

.analysis__body__left-container {
   display: flex;
   flex-direction: column;
   justify-content: center;
   gap: 8px;
}

.analysis__values__content {
   display: flex;
   gap: 30px;
   padding-top: 8px;
   justify-content: center;
   align-items: center;
}

.analysis__body-weight {
   /*margin-bottom: 22px;*/
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}

.analysis__footer {
   border: 1px solid #C8C8C8;
   border-radius: 6px;
   margin-top: 16px;
}

.row-values {
   display:flex;
}

.analysis__tooltip {
   font-size: 15px !important;
   margin-top: 3px !important;
}

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

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

/*#region MainLayout*/
.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;
   /* background-color: #2F4858; */
   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: var(--show-ellipsis, 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;
   /* background-color: #2F4858; */
   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, bcrisk-hovermenu:focus-within {
   display: block;
}

#bcimpact-hovermenu {
   display: none;
}

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

#bcplan-hovermenu {
   display: none;
}

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

#bccrisis-hovermenu {
   display: none;
}

#bcCRISIS:hover #bccrisis-hovermenu, bccrisis-hovermenu:focus-within {
   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, notifications-hovermenu:focus-within {
   display: flex;
}

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

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

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

#workspaces:hover #workspaces-hovermenu, workspaces-hovermenu:focus-within {
   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: #6c757d;
}

#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: #FDF6F6;
   border: 1px solid #EEABBA;
   border-radius: 12px;
}

.reconnect-modal .card-text {
   display: flex;
   flex-direction: column;
   color: #9D2120;
   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: #F8D7DA;
   color: #721C24;
   height: 32px;
   width: 32px;
   padding: 6px;
   border-radius: 8px;
}
/*#endregion MainLayout*/

/*#region User*/
.user__linked-person__content {
   display: flex;
   gap: 1rem;
   align-items: flex-end;
}

.user__linked-person__create-button {
   margin-bottom: 16px;
}

.user__multiselect-wrapper .e-multiselect.e-control-wrapper{
   padding: 4px;
}
/*#endregion User*/

/*#region Pages*/
.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 Dashboard*/
.bc-dashboard-section-container {
   display: flex;
   flex-direction: column;
}

.bc-dashboard-card-container {
   display: grid;
   gap: 1.5rem;
}

.bc-dashboard-card-container#metrics {
   grid-template-columns: repeat(4, 1fr);
}

.bc-dashboard-card-container#quicklinks {
   grid-template-columns: repeat(3, 1fr);
}

.bc-dashboard-card-container#charts {
   grid-template-columns: repeat(2, 1fr);
}

.bc-dashboard-card-container__scenario {
   display:flex;
   flex-direction: column;
   gap: 0.5rem;
   background-color: white;
   border: 1px solid var(--theme-card-default-border);
   border-radius: 0.5rem;
   padding: 0.5rem
}

.bc-dashboard-card-container__scenario__item {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 0.5rem;
}

.bc-dashboard-card-container__scenario__item__title {
   font-size: 0.875rem;
   font-weight: 500;
}

.analysis-value-cell {
   width: 70px;
}

.analysis_values {
   width: 70px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}

.analysis__value {
   font-weight: var(--font-weight-bold);
}

.analysis_values .div-input  {
   max-height: 41px !important;
}

.analysis__body-text {
   font-weight: var(--font-weight-bold);
}

.analysis__body-weight-text {
   font-size: var(--font-size-text-xs);
   color: #516077;
}

.analysis__body__bottom-content {
   display: flex;
   
   justify-content: space-between;
   padding: 16px;
   padding-right: 15%;
}

.analysis__name-icon {
   display: flex;
   flex-direction: row;
   gap: 4px;
}

.analysis__body__left-container {
   display: flex;
   flex-direction: column;
   justify-content: center;
   gap: 8px;
}

.analysis__values__content {
   display: flex;
   gap: 30px;
   padding-top: 8px;
   justify-content: center;
   align-items: center;
}

/*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: #CBD5E1;
   margin: 0 0 24px 0;
}

.bc-form-divider--header {
   width: 640px;
   height: 1px;
   gap: 0;
   background-color: #CBD5E1;
   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;
}

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

.mailsend-summary-cards .focus {
   border: 1pt solid #94A3B8;
}

.summary-card {
   height: 100% !important;
   border: 1pt solid #94A3B8;
   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 #94A3B8 !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: #344054;
}

.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: #f1f1f1;
   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: #888;
   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: #555;
}

.bc-treeview-container {
   min-height: 175px;
   max-height: 40vh;
   padding: 12px 16px 12px 16px;
   gap: 12px;
   overflow: auto;
   border-radius: 6px ;
   border: 1px solid #94A3B8;
   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: #212529;
}
/*endregion narrowpage*/

/*region resource redesign*/
.new-resource-group-btn-container {
   display: flex;
   padding: 10px 0 0 0;
   flex-grow: 1;
}

.new-resource-group-btn {
   flex-grow: 1;
}

.bc-resource-node-icon .e-btn-icon:before:active {
   color: white;
}

.splitter-content-left #ResourceTemplates {
   max-height: calc(100vh - 244px);
   overflow: auto;
}

#ScenarioResourceTemplates > ul > li > div.e-fullrow {
   pointer-events: none;
   border-radius: 5px;
   border: none !important;
   background-color: transparent !important;
}

#ScenarioResourceTemplates .e-list-item.e-active > .e-fullrow {
   border: 1px solid white;
   border-radius: 6px;
   height: 44px;
}

#ScenarioResourceTemplates .e-list-item.e-active > div.e-text-content > span > div > div.bc-resource-node-icons > button > span:before {
   color: white;
}

#ScenarioResourceTemplates .e-list-item.e-active > div.e-text-content > span > div > div.bc-resource-node-icons > span {
   background-color: var(--theme-button-secondary-filled-foreground);
   color: var(--theme-button-secondary-filled-background);
}

#ScenarioResourceTemplates > ul > li > div.e-text-content {
   pointer-events: none;
   overflow: hidden;
   color: var(--Colors-foreground-primary, rgba(0, 0, 0, 0.92));
   text-overflow: ellipsis;
   font-size: 14px;
   font-style: normal;
   font-weight: 700;
   line-height: 20px;
   padding-left: 30px !important;
}

#ScenarioResourceTemplates > div.e-text-content.e-icon-wrapper > span > div > span.bc-counter-badge {
   display: none;
}

#ScenarioResourceTemplates > ul > li > div.e-text-content.e-icon-wrapper > span > div > div > button.bc-button {
   display: none !important;
}

#ScenarioResourceTemplates > ul > li > div.e-text-content.e-icon-wrapper > span > div > div > span.bc-counter-badge {
   display: none !important;
}

#ScenarioResourceTemplates > ul > li > div.e-text-content .e-icon-expandable:before {
   content: "\e75c" !important;
   font-weight: 700;
   font-size: 25px;
   margin-top: -3px;
}

#ScenarioResourceTemplates > ul > li > div.e-text-content .e-icon-collapsible:before {
   content: "\e75c" !important;
   rotate: 90deg;
   font-weight: 700;
   font-size: 25px;
   margin-top: -2px;
}

#ScenarioResourceTemplates .e-treeview .e-fullrow {
   height: 44px !important;
}

#ScenarioResourceTemplates .e-treeview .e-text-content, .e-treeview .e-fullrow {
   height: 44px !important;
}

#ScenarioResourceTemplates .e-list-item .e-text-content{
   padding-top: 4px !important;
}

#ScenarioResourceTemplates .e-text-content .e-list-text {
   width: 100%;
}

.impaired-resources__splitter-content {
   max-height: 690px;
   min-height: 600px;
   overflow: auto;
}
/*endregion Risk Scenario*/

/*region Risk Assessment*/
#ScenarioAssessmentResourceTemplates > ul > li > div.e-fullrow {
   pointer-events: none;
   border-radius: 5px;
   border: none !important;
   background-color: transparent !important;
}

#ScenarioAssessmentResourceTemplates .e-list-item.e-active > .e-fullrow {
   border: 1px solid white;
   border-radius: 6px;
   height: 44px;
}

#ScenarioAssessmentResourceTemplates .e-list-item.e-active > div.e-text-content > span > div > div.bc-resource-node-icons > button > span:before {
   color: white;
}

#ScenarioAssessmentResourceTemplates .e-list-item.e-active > div.e-text-content > span > div > div.bc-resource-node-icons > span {
   background-color: var(--theme-button-secondary-filled-foreground);
   color: var(--theme-button-secondary-filled-background);
}

#ScenarioAssessmentResourceTemplates > ul > li > div.e-text-content {
   pointer-events: none;
   overflow: hidden;
   color: var(--Colors-foreground-primary, rgba(0, 0, 0, 0.92));
   text-overflow: ellipsis;
   font-size: 14px;
   font-style: normal;
   font-weight: 700;
   line-height: 20px;
   padding-left: 30px !important;
}

#ScenarioAssessmentResourceTemplates > div.e-text-content.e-icon-wrapper > span > div > span.bc-counter-badge {
   display: none;
}

#ScenarioAssessmentResourceTemplates > ul > li > div.e-text-content.e-icon-wrapper > span > div > div > button.bc-button {
   display: none !important;
}

#ScenarioAssessmentResourceTemplates > ul > li > div.e-text-content.e-icon-wrapper > span > div > div > span.bc-counter-badge {
   display: none !important;
}

#ScenarioAssessmentResourceTemplates > ul > li > div.e-text-content .e-icon-expandable:before {
   content: "\e75c" !important;
   font-weight: 700;
   font-size: 25px;
   margin-top: -3px;
}

#ScenarioAssessmentResourceTemplates > ul > li > div.e-text-content .e-icon-collapsible:before {
   content: "\e75c" !important;
   rotate: 90deg;
   font-weight: 700;
   font-size: 25px;
   margin-top: -2px;
}

#ScenarioAssessmentResourceTemplates .e-treeview .e-fullrow {
   height: 44px !important;
}

#ScenarioAssessmentResourceTemplates .e-treeview .e-text-content, .e-treeview .e-fullrow {
   height: 44px !important;
}

#ScenarioAssessmentResourceTemplates .e-list-item .e-text-content{
   padding-top: 4px !important;
}

#ScenarioAssessmentResourceTemplates .e-text-content .e-list-text {
   width: 100%;
}

/*endregion Risk Assessment*/

/*region Confirm Account*/
.password-requirements-list {
   text-align: left;
   margin-top: 24px;
   font-size: 14px;
}
/*endregion Confirm Account*/

/*region Impact Process*/
.icon-info-relative-red {
   position: relative;
   top: -4px;
   left: 4px;
   color: red;
}
/*endregion Impact Process*/

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

.table-header-red {
   background-color: #c8001a;
   color: white;
}

.table-row-light-gray {
   background-color: #E7E9EB;
}
/*endregion Table*/

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

.bc-modal {
   padding: 12px;
   border-radius: 12px;
}

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

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

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

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

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

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

.bc-modal__header__icon {
   display: flex;
   width: 48px;
   height: 48px;
   padding: 12px;
   justify-content: center;
   align-items: center;
   border-radius: 6px;
   background: #EEEEEE;
}

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

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

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

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

/*region Switch Workspace Dropdown*/
.crisis-header__switch-workspace-dropdown {
   font-size: var(--font-size-text-sm) !important;
   margin-bottom:20px !important;
   width: fit-content !important;
   border-radius: 6px !important;
   border: 1px solid var(--theme-button-secondary-outline-border) !important;
}

.crisis-header__switch-workspace-dropdown input.e-input {
   font-size: 14px !important;
   padding: 20px 0 20px 12px !important;
   /*background-color: var(--theme-primary-default, #C80019) !important;*/
   color: white;
   margin-right: -30px;
}

.e-popup.e-popup-open.crisis-header__switch-workspace-dropdown {
   padding: 1px;
   width: 250px !important;
   margin-left: 15px;
}


.e-ddl.e-input-group.e-control-wrapper.crisis-header__switch-workspace-dropdown .e-input::placeholder {
   color: white;
}

.crisis-header__switch-workspace-dropdown .e-list-item {
   text-indent: 0 !important;
}

.crisis-header__switch-workspace-dropdown .e-list-item.e-active {
   background-color: #EEEEEE;
   color: black;
}

.crisis-header__switch-workspace-dropdown .e-list-item.e-active i{
   visibility: visible;
}

.crisis-header__switch-workspace-dropdown .e-list-item.e-active.e-hover {
   background-color: #EEEEEE;
   border-radius: 0;
   color: black;
}

.crisis__dropdown-title__header .crisis-header__switch-workspace-dropdown {
   overflow: hidden !important;
}

.crisis-header__switch-workspace-dropdown .e-input-group-icon {
   /*background-color: var(--theme-primary-default, #C80019) !important;*/
   color: var(--theme-button-secondary-outline-border);
   border-radius: 0 6px 6px 0 !important;
   border-color: var(--theme-button-secondary-outline-border);
}

.crisis-header__switch-workspace-dropdown .e-input-group-icon:before {
   color: var(--theme-button-secondary-outline-border);
}

.crisis-header__switch-workspace-dropdown .e-list-group-item {
   border-top: 1px solid lightgray;
}

.crisis-header__switch-workspace-dropdown .e-list-group-item:first-child {
   border-top: none;
}

.crisis-header__switch-workspace-dropdown .e-input {
   padding: 10px 12px !important;
}

.switch-workspace-dropdown__group-header {
   padding: 5px 0 0 0 ;
   font-size: var(--font-size-text-xs);
   color: black;
}

.switch-workspace-dropdown__value-template {
   padding: 10px 0 10px 12px!important;
   /*background-color: var(--theme-primary-default, #C80019) !important;*/
   border-radius: 6px 0 0 6px !important;
   border-color: var(--theme-button-secondary-outline-border);
   color: var(--theme-button-secondary-outline-border);
}

.switch-workspace-dropdown__item-template {
   padding: 6px 10px 6px 0 !important;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.switch-workspace-dropdown__item-template i {
   /*color: var(--theme-primary-default, #C80019) !important;*/
   visibility: hidden;
}
/*endregion Switch Workspace Dropdown*/

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


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

/*endregion BcButtonGroup*/

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

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

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

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

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

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

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

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

/*endregion BcButtonGroupButton*/

.crisis-label {
   color: #262626;
   font-size: medium;
   font-weight: bold;
   padding-left: 16px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*region Crisis Situation Meetings*/
.crisis-situation-meetings__open-link-btn {
   display: flex;
   gap: 5px;
   align-items: center;
   padding: 4px 8px;
   width: fit-content;
   border-radius: 7px;
   font-weight: 700;
   background-color: #F0F0F0;
   color: #C80019;
}

.crisis-situation-meetings__open-link-btn:hover {
   cursor: pointer;
   background-color: #C80019;
   color: #F0F0F0;
}

.crisis-situation-meetings__open-link-btn:hover a {
   color: #F0F0F0;
}

.crisis-situation-meetings__open-link-btn a {
   color: #C80019;
}

.crisis-situation-meetings__open-link-btn a:hover {
   color: #f0f0f0
}

.crisis-situation-meetings__download-protocol-btn {
   display: flex;
   gap: 5px;
   align-items: center;
   padding: 1px 6px;
   border-radius: 7px;
   font-weight: 700;
   background-color: #F0F0F0;
   color: #C80019;
}

.crisis-situation-meetings__download-protocol-btn:hover {
   cursor: pointer;
   background-color: #C80019;
   color: #F0F0F0;
}

.crisis-situation-meetings__download-protocol-btn:hover a {
   color: #F0F0F0;
}

.crisis-situation-meetings__download-protocol-btn a {
   color: #C80019;
}

.crisis-situation-meetings__download-protocol-btn a:hover {
   color: #f0f0f0
}
/*endregion Crisis Situation Meetings*/

/*region Crisis Management Report*/
.mission-management-report__multiselect.e-popup-open .e-list-item.e-disabled {
   opacity: 1 !important;
}

.mission-management-report__multiselect.e-popup-open .e-list-item.e-disabled > *:not(.bc-badge) {
   opacity: 0.7;
}

.mission-management-report__multiselect.e-popup-open .e-list-item.e-disabled .bc-badge {
   opacity: 1 !important;
}

.mission-management-report__multiselect.e-popup-open .e-list-item.e-disabled .crisis-management-report__dropdown-row--disabled {
   opacity: 1 !important;
}

.mission-management-report__multiselect.e-popup-open .e-list-item.e-disabled .crisis-management-report__dropdown-row__text-badge {
   opacity: 0.7 !important;
}

.crisis-management-report__dropdown-row-badge {
   opacity: 1 !important;
   display: inline;
   vertical-align: middle;
   margin-left: 15px;
   padding: 5px !important;
   border-radius: 6px;
}
/*endregion Crisis Management Report*/

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

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

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

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

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

.bc-drawer__header__icon {
   display: flex;
   width: 48px;
   height: 48px;
   padding: 12px;
   justify-content: center;
   align-items: center;
   border-radius: 6px;
   background: #EEEEEE;
}

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

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

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

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

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

.bc-drawer__separator {
   padding: 0 24px;
   border-top: 1px solid #E4E4E4;
}

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

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

.bc-info-box--default {}

.bc-info-box--default:hover {
   cursor: default !important;
   background-color: transparent !important;
   border: 1pt solid #94A3B8 !important;
}

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

.bc-info-box__title {
   font-size: var(--font-size-text-md);
   font-weight: var(--font-weight-bold);
   line-height: 20px !important;
   text-align: left !important;
   padding-top: 2px;
   padding-bottom: 10px;
   color: #344054;
   display: block;
   /*-webkit-box-orient: vertical;*/
   /*-webkit-line-clamp: 1;*/
   overflow: visible;
   /*text-overflow: ellipsis;*/
   font-style: normal;
}

.bc-info-box__icon {
   width: 32px !important;
   min-width: 32px !important;
   height: 32px !important;
   background: #F7F7F7;
   border-radius: 6px;
   align-items: center;
   justify-content: center;
   display: flex;
}

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

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

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

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

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

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

.bc-info-box--error {
   background-color: #FDF6F6;
   border-color: #EEABAA;
}

.bc-info-box--error:hover {
   background-color: #FDF6F6;
   border-color: #EEABAA;
}

.bc-info-box--error .bc-info-box__title {
   color: #9D2120;
}

.bc-info-box--error .bc-info-box__subtitle {
   color: #9D2120;
}

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

.bc-info-box--error .bc-info-box__icon i {
   color: #9D2120;
}

.bc-info-box--info {
   background-color: #F7F7F7;
   border-color: #B2B2B2;
}

.bc-info-box--info:hover {
   background-color: #F7F7F7;
   border-color: #B2B2B2;
}

.bc-info-box--info .bc-info-box__title {
   color: #343A40;
}

.bc-info-box--info .bc-info-box__subtitle {
}

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

.bc-info-box--info .bc-info-box__icon i {
}

.bc-info-box--warning {
   background-color: #FCF2EB;
   border-color: #F1CBAD;
}

.bc-info-box--warning:hover {
   background-color: #FCF2EB;
   border-color: #F1CBAD;
}

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

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

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

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


.bc-info-box--success {
   background-color: #EAFCEF;
   border-color: #74A089;
}

.bc-info-box--success:hover {
   background-color: #EAFCEF;
   border-color: #74A089;
}

.bc-info-box--success .bc-info-box__title {
   color: #155724;
}

.bc-info-box--success .bc-info-box__subtitle {
   color: #155724;
}

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

.bc-info-box--success .bc-info-box__icon i {
   color: #155724;
}
/*endregion BcInfoBox*/

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

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

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

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

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

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

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

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

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

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

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

.bc-dashboard-quicklink--enabled-false .bc-dashboard-quicklink-icon {
   background: #E0E0E0;
   color: #A0A0A0;
}

.bc-dashboard-quicklink--enabled-false .bc-dashboard-quicklink-subtitle ,
.bc-dashboard-quicklink--enabled-false .bc-dashboard-quicklink-title {
   color: #A0A0A0;
}

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

/*endregion BcDashboardQuickLink*/

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

.bc-date-time__error {
   color: #dc3545;
   margin-top: 4px;
   font-size: 14px;
   font-weight: 500;
   line-height: 20px;
   text-align: left;
}

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

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

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

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

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

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

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

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

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

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

.bc-file-picker__description {
   color: #6c757d;
   font-size: 0.875rem;
   margin-bottom: 8px;
}

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

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

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

/*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;
}
/*endregion Uploader*/

/*region Login*/
.login {
   background-color: #FAFAFA;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.login__left-panel {
   justify-content: left;
   align-items: center;
   height: 100vh;
}

.login__left-panel-image {
   height: 100%;
}

.login__right-panel {
   height: 100vh;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;
   flex-grow: 1;
}
.login__back-button .e-btn-icon{
   font-size: 16px;
}

.login__language-header {
   display: flex;
   justify-content: right;
   align-items: flex-start;
   width: 100%;
   padding-top: 1rem;
   padding-right: 1rem;
}

.login__language-selector:not(.e-popup-open) {
   height: 40px !important;
   border-color: #737373 !important;
   align-items: center !important;
   border-radius: 6px !important;
}

.login__container {
   display: flex;
   flex-direction: column;
   justify-content: start;
   align-items: center;
   margin: auto;
   width: 450px;
   max-width: 75vw;
}

.login__form-container {
   padding-top: 2rem;
   width: 100%;
}

.login__form__header {
   width: 100%;
   margin-bottom: 32px;
}

.login__form__header__actions {
   display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-bottom: 16px;
}

.login__form__content {
   width: 100%;
   font-weight: var(--font-weight-regular);
}

.login__form__content .bc-password-textbox .e-input-group{
   height: 46px;
}

.login__form__content .bc-password-textbox .e-input-group input{
   height: 44px !important;
}

.login__form__content .bc-textbox .e-input-group{
   height: 46px;
}

.login__form__content .bc-textbox .e-input-group input{
   height: 44px !important;
}

.login__form__content .bc-field-label {
   margin-bottom: 6px !important;
   font-weight: 500 !important;
}

.login__form__content .bc-field-label--xlarge .bc-field-label__top-container__label {
   margin-bottom:5px;
}

.login__form__content .bc-field-label--xlarge .bc-field-label__description {
   color: #262626;
}

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

.login__logo {
   width: 100%;
}

.login__welcome-text {
   font-size: 1rem;
   text-align: center;
   width: 100%;
}

.login__textbox-container {
   display: flex;
   flex-direction: column;
   justify-content: center;
   padding-top: 0.5rem;
   width: 100%;
}

.login__button-container {
   display: flex;
   justify-content: center;
   padding-top: 1rem;
   width: 100%;
}

.e-listbox-container {
   font-family: Roboto, sans-serif;
   font-size: 1rem;
   border: 1px solid #999999;
}

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

.login__footer {
   width: 100%;
   display: flex;
   justify-content: center;
   padding-bottom: 0.5rem;
}

.login__copyright-footer {
   display: flex;
   justify-content: center;
   width: 100%;
   font-size: 0.75rem;
   color: #606060;
   margin-bottom: 0 !important;
}

.login__copyright-text {
   padding-bottom: 0.5rem;
   margin-bottom: 0 !important;
}
/*endregion Login*/

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

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

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

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

.bc-password-textbox .error {
   outline: 1px solid red !important;
}

.bc-password-textbox__error {
   color: #dc3545;
   margin-top: 4px;
   font-size: 14px;
   font-weight: 500;
   line-height: 20px;
   text-align: left;
}

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

.bc-password-text-box__requirements-tooltip {
   background-color: transparent !important;
   border: none !important;
   box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.1);
}

.bc-password-text-box__requirements-tooltip .e-tip-content {
   background-color: #FCFCFC !important;
   border: 1px solid #C8C8C8 !important;
   border-radius: 6px !important;
   margin-right: 1rem !important;

}

.bc-password-text-box__requirements-tooltip .e-arrow-tip .e-arrow-tip-inner {
   color: transparent !important;
}

.bc-password-text-box__requirements-tooltip .e-arrow-tip .e-arrow-tip-outer {
   border-left: none !important;
}

.bc-password-text-box__requirements-tooltip_content {
   list-style: none;
   padding-left: 0;
   margin-bottom: 0;
   font-weight: var(--font-weight-regular);
   font-size: var(--font-size-text-xs);
}

.password-requirements-list__header {
   color: black;
   padding-bottom: 2px;
}

.invalid-password-requirement {
   color: black;
   gap: 6px;
   display: flex;
   align-items: center;
}

.invalid-password-requirement i {
   color: transparent;
}

.valid-password-requirement {
   color: black;
   gap: 6px;
   display: flex;
   align-items: center;
}

.valid-password-requirement i {
   color: darkgreen;
}
/*endregion  BcPasswordRequirementsTextBox*/

/*region  Bc Navigator Dashboard*/
.bc-nav-dashboard {
   margin-top: 16px;
   overflow: auto;
}

.bc-nav-dashboard .bc-grid td.e-active {
   background-color: transparent !important;
}

.bc-nav-dashboard__top-container {
   display: flex;
   flex-direction: column;
}

.bc-nav-dashboard__modules__content {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   gap: 18px;
   margin-bottom: 32px;
}

.bc-nav-dashboard__modules__content .e-card.metric-card {
   background-color: #FCFCFC;
   border-color: #CBD5E1;
}

.bc-nav-dashboard__modules__content a .e-card.metric-card:hover {
    cursor: pointer;
    border-color: #CBD5E1 !important;
    background-color: #F3F4F6 !important;
}

.bc-nav-dashboard__modules__content .e-card.metric-card .e-card-header-title {
   color: #516077 !important;
}

.bc-nav-dashboard__modules__content .e-card.metric-card h4 {
   color: #212831 !important;
}

.bc-nav-dashboard__modules__content .e-card.metric-card .bc-badge {
   margin-top: 3px !important;
}


.bc-nav-dashboard__modules__content .bc-metric-icon {
   background-color: #E2E8F0;
}

.bc-nav-dashboard__bottom-container {
   display: flex;
   flex-direction: row;
   gap: 32px;
}

.bc-nav-dashboard__documents {
   display: flex;
   flex-direction: column;
   gap: 12px;
   max-width: 50%;
}

.bc-nav-dashboard__documents__header {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: baseline;
}

.home-dashboard-document__dropdown .bc-dropdown-list-label {
   margin-bottom: 0 !important;
}

.home-dashboard-document__dropdown .bc-dropdown {
   padding: 4px !important;
}

.home-dashboard-document__file-picker .bc-file-picker__label{
   margin-bottom: 0 !important;
}

.home-dashboard-document__version-date {
   margin-bottom: 12px;
}

.home-dashboard-document__version-date .e-datetime-container{
   padding: 4px !important;
}

.home-dashboard-document__version-date .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
   color: var(--theme-primary-default) !important;
}

.dashboard-document__modal-buttons {
   display: flex !important;
   flex-direction: row !important;
   justify-content: space-between;
   width: 100%;
}

.home-dashboard__delete-document-button {
   margin-left: 0 !important;
}

.bc-nav-dashboard__people {
   display: flex;
   flex-direction: column;
   gap: 12px;
   width: 50%;
}

.bc-nav-dashboard__people__header {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: baseline;
}

.dashboard__people__header-actions {
   display: flex;
   flex-direction: row;
   gap: 8px;
}

.bc-nav-dashboard__people__content .bc-field-label{
   margin-bottom: 0 !important;
}

.bc-nav-dashboard__people__content .bc-field-label .bc-field-label__top-container__label {
   color: #595959;
}
.person-card {
   border: 1px solid #ddd;
   border-radius: 0.75rem;
   padding: 1.5rem;
   margin-bottom: 1rem;
   /*background-color: #fff;*/
   display: flex;
   justify-content: space-between;
}

.person-card__left-middle-wrapper {
   display: flex;
   gap: 24px;
}

.person-card__image,
.person-card__initials {
   width: 48px;
   height: 48px;
   border-radius: 50%;
   object-fit: cover;
   flex-shrink: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   font-weight: bold;
   background-color: #EEEEEE;
}

.person-card__header-content {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
}

.person-card__name {
   font-weight: 600;
   font-size: 1.25rem;
}

.person-card__roles {
   display: flex;
   flex-wrap: wrap;
   gap: 0.25rem;
   margin-bottom: -4px;
}

.person-card__roles:empty {
   min-height: 0.5rem;
}

.person-card__edit-icon {
   cursor: pointer;
   color: #666;
   font-size: 1.2rem;
   flex-shrink: 0;
   align-self: flex-start;
}
.person-card__email {
   color: var(--theme-primary-default);
   margin-bottom: 8px;
}

.person-card__email a {
   color: var(--theme-primary-default);
   font-weight: var(--font-weight-medium);
   font-size: var(--font-size-text-sm);
   border-bottom: 2px solid var(--theme-primary-default);
   padding-bottom: 4px;
}

.person-card__phone {
   margin-bottom: 8px;
}

.person-card__phone span {
    font-size: var(--font-size-text-sm);
}

.person-card__responsibilities .bc-field-label__top-container__label {
   margin-bottom: 2px;
}

.person-card__responsibilities__chips {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   gap: 4px;
}

.person-card__middle-container {
   display: flex;
   flex-direction: column;
   gap:4px;
}

.person-card__fields {
   display: flex;
   flex-direction: column;
   gap:8px;
}

.person-card__field {
   font-size: 14px;
}

.person-card__fields > .person-card__field:first-child {
   margin-top: 4px;
}

.home-dashboard-people__add-person-dropdown .bc-dropdown {
   padding: 4px;
}

.home-dashboard-people__add-person-dropdown .bc-dropdown-list-label{
   margin-bottom: 0 !important;
}

.person-card__right-container {
   padding-top: 8px;
}
/*endregion  Bc Navigator Dashboard*/

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

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

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

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

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

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

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

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

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

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

.bc-tab--radzen .rz-tabview-nav li {
   display: flex;
   align-items: center;
}
/*endregion Radzen Tabs*/