.layout {
    --bb-layout-header-background: #17a2b8;
    --bb-layout-sidebar-banner-background: #367fa9;
    --bb-layout-title-color: #e9ecef;
    --bb-layout-headerbar-background: #1ab394;
    --bb-layout-headerbar-border-color: var(--bb-layout-headerbar-background);
    --bb-layout-sidebar-width: 240px;
}

.dropdown-logout {
    --bb-logout-text-color: #fff;
}

.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 .upload-item {
    box-shadow: none;
}

#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;
}

/*.code-edtior {*/
/*    border: var(--bs-border-width) solid var(--bs-border-color);*/
/*    border-radius: var(--bs-border-radius);*/
/*    padding: var(--bb-form-control-padding);*/
/*}*/

/*.code-edtior[b-ftv94rvlzf] {*/
/*    border: var(--bs-border-width) solid var(--bs-border-color);*/
/*    border-radius: var(--bs-border-radius);*/
/*    padding: 5px*/
/*}*/

.perm-view tr:hover {
    background-color: #17a2b8 !important;
}

.table.perm-view > :not(caption) > * > * {
    background-color: transparent !important;
}


.msg-stack {
    display: flex;
    flex-flow: row-reverse nowrap;
    margin: 1rem .75rem;
}

.msg-desc {
    font-size: 80%;
    color: #707070;
    margin-top: .5rem;
}

.msg-role {
    margin-inline-start: 1rem;
    margin-inline-end: 0;
    text-align: center;
}

.msg-role i {
    font-size: 1.5rem;
    margin-top: 0.75rem;
}

.msg-role img {
    width: 3rem;
}

.msg-body {
    border-radius: .5rem;
    background-color: #fff;
    padding: 1rem;
    position: relative;
    filter: drop-shadow(rgba(0, 0, 0, 0.14) 0 4px 8px) drop-shadow(rgba(0, 0, 0, 0.12) 0 0 2px);
}

.msg-body:after {
    content: "";
    position: absolute;
    left: auto;
    right: -15px;
    top: 12px;
    border-top: 15px solid transparent;
    border-right: none;
    border-left: 15px solid white;
    border-bottom: 15px solid transparent;
    margin-inline-end: 5px;
}

.msg-stack {
    display: flex;
    flex-flow: row-reverse nowrap;
    margin: 1rem .75rem;
}

.msg-time {
    font-size: 80%;
    color: #707070;
    margin-bottom: .25rem;
    text-align: right;
}

.msg-stack-user {
    flex-flow: row nowrap;
}

.msg-stack-user .msg-role {
    margin-inline-start: 0;
    margin-inline-end: 1rem;
}

.msg-stack-user .msg-body {
    background-color: #e9ecef;
}

.msg-stack-user .msg-time {
    text-align: left;
}

.msg-stack-user .msg-body:after {
    left: -15px;
    right: auto;
    border-right: 15px solid #e9ecef;
    border-left: none;
    margin-inline-start: 5px;
}