@import '_content/BlazorUI/BlazorUI.3jyktesku8.bundle.scp.css';

/* /Application/AppHeader.razor.rz.scp.css */
.app-header[b-br0n1uul2r] {
    background-color: var(--navbar-background-color);
    color: var(--navbar-font-color);
    display: flex;
    flex-direction: row;
    align-items: center;
    height: var(--app-header-height);
    /*overflow: auto;*/
}

.app-header > a[b-br0n1uul2r] {
    margin-left: auto;
    height: 100%;
    text-decoration: none;
}

.search[b-br0n1uul2r] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--normal-padding);
    /*flex-grow: 2;*/
    justify-content: center;
}

.dashboardControls[b-br0n1uul2r] {
    flex: auto;
    display: flex;
    flex-grow: 1;
    justify-content: flex-start;
}

.dashboardControlsInner[b-br0n1uul2r] {
    color: #fff;
    display: flex;
    align-items: center;
    flex-direction: row;
    color: var(--normal-font-color);
    background: var(--toolbar-background-color);
    height: var(--app-header-height);
    padding: 0 var(--double-padding);
}

.group[b-br0n1uul2r] {
    margin: 0 var(--normal-padding);
    align-self: center;
}

.menu[b-br0n1uul2r] {
    display: flex;
    align-items: center;
    height: var(--app-header-height);
}

.button[b-br0n1uul2r] {
    font-size: var(--normal-font-size);
    padding: 0 var(--double-padding);
    cursor: pointer;
    position: relative;
    height: var(--app-header-height);
    display: inline-flex;
    flex-direction: row;
    align-self: center;
    align-items: center;
    justify-content: center;
    min-width: 17px;
}

    .button:hover[b-br0n1uul2r], .button:active[b-br0n1uul2r] {
        background-color: var(--navbar-hover-background-color);
        color: var(--navbar-hover-font-color);
    }

.prefix[b-br0n1uul2r] {
    font-size: var(--medium-font-size);
    align-items: center;
    height: var(--app-header-height);
    display: flex;
    padding: 0 var(--large-padding) 0 var(--large-padding);
    color: var(--normal-font-color);
    background: var(--toolbar-background-color);
}

.prefix.small[b-br0n1uul2r] {
    font-size: var(--normal-font-size);
}
/* /Application/AppMenuGroup.razor.rz.scp.css */
.app-top-menu-group[b-9g306714oy] {
    font-size: var(--normal-font-size);
    padding: 0 var(--double-padding);
    cursor: pointer;
    position: relative;
    height: var(--app-header-height);
    display: inline-flex;
    flex-direction: row;
    align-self: center;
    align-items: center;
    justify-content: center;
    min-width: 17px;
}

.app-top-menu-group:hover[b-9g306714oy], app-top-menu-group:active[b-9g306714oy] {
    background-color: var(--navbar-hover-background-color);
    color: var(--navbar-hover-font-color);
}

.dropdown[b-9g306714oy] {
    position: fixed;
    top: var(--app-header-height);
    left: 0;
    z-index: 100;
    background-color: var(--navbar-background-color);
    color: var(--navbar-font-color);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
/* /Application/AppMenuItem.razor.rz.scp.css */
.select[b-hrhgowodgm] {
    margin-top: 2px;
}

.warning.select[b-hrhgowodgm] {
    color: var(--status-error-font-color);
    background: var(--gradient-red-blue);
}

.button[b-hrhgowodgm] {
    font-size: var(--normal-font-size);
    padding: 0 var(--double-padding);
    cursor: pointer;
    position: relative;
    height: var(--app-header-height);
    display: inline-flex;
    flex-direction: row;
    align-self: center;
    align-items: center;
    justify-content: center;
    min-width: 17px;
}

    .button:hover[b-hrhgowodgm], .button:active[b-hrhgowodgm] {
        background-color: var(--navbar-hover-background-color);
        color: var(--navbar-hover-font-color);
    }


.container[b-hrhgowodgm] {
    padding: var(--normal-padding);
    white-space: nowrap;
    font-size: var(--normal-font-size);
    color: var(--low-contrast-font-color);
    border-top: 1px solid var(--navbar-border-color);
}

    .container > .icon[b-hrhgowodgm] {
        display: inline-block;
        width: 18px;
        text-align: center;
    }

    .container:first-child[b-hrhgowodgm] {
        border-top: none;
    }

.item[b-hrhgowodgm] {
    white-space: nowrap;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 30px;
    padding: 0px 0px 0px 6px;
}

    .item:hover[b-hrhgowodgm] {
        background-color: var(--navbar-hover-background-color);
        color: var(--navbar-hover-font-color);
    }

    .item.universal[b-hrhgowodgm] {
        color: lightblue;
    }

    .item.universal > .item-title[b-hrhgowodgm]::after {
        content: ' (U)';
    }

    .item.common[b-hrhgowodgm] {
        color: lightsalmon;
    }

    .item.common > .item-title[b-hrhgowodgm]::after {
        content: ' (C)'
    }

    .item.global[b-hrhgowodgm] {
        font-weight: bold;
        text-decoration: underline;
    }

.sub-items .item[b-hrhgowodgm] {
    padding-left: var(--huge-padding);
}

.item > .item-title[b-hrhgowodgm] {
    padding-right: var(--huge-padding);
}

.item > .open-in-new-window-link[b-hrhgowodgm] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0px var(--normal-padding);
    margin-left: auto;
    height: 100%;
    text-decoration: none;
    font-size: var(--tiniest-font-size);
    color: var(--low-contrast-font-color);
}

    .open-in-new-window-link:hover[b-hrhgowodgm], .icon:hover[b-hrhgowodgm] {
        background-color: var(--hover-on-hover-background-color);
        color: var(--hover-on-hover-font-color);
    }

/*app-header .icon {
    font-size: 8px;
    color: var(--ui-card-title-icon-color);
}*/

.always-open-in-new-window-link[b-hrhgowodgm] {
    color: var(--navbar-font-color);
    padding-right: var(--huge-padding);
    text-decoration: none;
    display: flex;
    flex-direction: row;
    margin-left: 0 !important;
    align-items: center;
}

    .always-open-in-new-window-link:hover[b-hrhgowodgm] {
        color: var(--navbar-hover-font-color);
    }

.app-header .app-top-menu-item-icon[b-hrhgowodgm] {
    padding-right: var(--normal-padding);
    width: 18px;
    text-align: center;
}
/* /Application/CreateDashboard.razor.rz.scp.css */
button[b-yle9je9gls] {
    font-size: var(--normal-font-size);
    cursor: pointer;
    position: relative;
    height: var(--app-header-height);
    color: var(--navbar-font-color);
    background-color: transparent;
    border: none;
}