.layout {
    --bb-layout-header-background: #0A2066FF;
    --bb-layout-sidebar-banner-background: #0A2066FF;
    --bb-layout-title-color: #e9ecef;
    --bb-layout-headerbar-background: #1ab394;
    --bb-layout-headerbar-border-color: var(--bb-layout-headerbar-background);
    --bb-layout-header-height: 60px;
    --bb-layout-headerbar-padding: 10px 18px;
}

.menu {
    --bb-menu-item-hover-bg: #0A2066FF;
    --bb-menu-item-hover-color: #FFFFFF;
}

.tabs {
    --bb-tabs-item-active-color: #0A2066FF;
    --bb-tabs-item-hover-color: #0A2066FF;
}

.dropdown-logout {
    --bb-logout-user-bg: #0A2066FF;
    --bb-logout-menu-border-color: #ffffff4f;
    --bb-logout-text-color: #fff;
}

.layout-header-bar {
    --bb-layout-headerbar-color: #FFF;
    --bb-layout-headerbar-background: #1ab3944f;
    --bb-layout-headerbar-border-color: #1ab3944f;
}

.layout.is-page .layout-header {
    color: white;
}

.dropdown-logout .logout-avatar,
.dropdown-logout .dropdown-user img {
    border: 1px solid #EFEFEF;
    border-radius: 50%;
}

.layout-banner .layout-title {
    font-size: var(--bb-font-size);
    font-weight: 700;
}

.upload .upload-body.is-card {
    justify-content: space-between;
}

.upload .upload-body.is-card .upload-item {
    box-shadow: none;
    margin-right: 0;
}

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

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