﻿.project-view-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    width: 100%;
    left: 0px;
    top: 0px;
    right: 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 0.5rem;
}

.grid-two-rows {
    display: grid;
    grid-template-rows: auto auto;
}

.project-name-input {
    border: 1px solid rgba(0, 0, 0, 0);
    width: 20rem;
    font-size: 1.25rem;
    border-radius: 4px;
    padding-left: 1rem;
    margin-top: 0.5rem;
}

    .project-name-input:hover[disabled="false"] {
        border: 1px solid rgba(0, 0, 0, 0.5);
    }

    .project-name-input:focus[disabled="false"] {
        border: 1px solid var(--mdc-theme-primary);
    }

.top-level-item {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    padding: 0 8px 0 8px;
    position: relative;
    box-sizing: border-box;
    border: none;
    outline: none;
    line-height: inherit;
    user-select: none;
    -webkit-appearance: none;
    overflow: visible;
    vertical-align: middle;
    border-radius: 4px;
    border-radius: var(--mdc-shape-small, 4px);
    height: 2rem;
}

    .top-level-item > div {
        height: 2rem;
    }

        .top-level-item > div > div {
            height: 2rem;
        }

            .top-level-item > div > div > i {
                display: none;
            }

            .top-level-item > div > div > span {
                color: var(--mdc-theme-primary);
                font-family: Roboto, sans-serif;
                font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
                font-size: 0.875rem;
                font-size: var(--mdc-typography-button-font-size, 0.875rem);
                line-height: 2.25rem;
                line-height: var(--mdc-typography-button-line-height, 2.25rem);
                font-weight: 500;
                font-weight: var(--mdc-typography-button-font-weight, 500);
                letter-spacing: 0.0892857143em;
                letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em);
                text-decoration: none;
                text-decoration: var(--mdc-typography-button-text-decoration, none);
                text-transform: uppercase;
                text-transform: var(--mdc-typography-button-text-transform, uppercase);
            }

    .top-level-item:hover {
        background: rgba(0, 0, 0, 0.05);
    }

.main-menu-label {
    flex: 1 1 auto;
    margin-right: 1rem;
/*    margin-left: 0.5rem;*/
}

.rz-navigation-menu {
    min-width: 14rem !important;
}

.rz-navigation-item-link {
    justify-content: space-between
}

.mdc-menu .mdc-list-item--disabled,
.mdc-menu .mdc-list-item--disabled .shortcut-key {
    color: rgba(1, 1, 1, 0.25);
}

    .mdc-menu .mdc-list-item--disabled:hover {
        background: none;
        border: none;
    }

li[disabled] .rz-navigation-item-link,
li[disabled] .rz-navigation-item-icon {
    color: var(--rz-text-disabled-color) !important;
    cursor: unset !important;
}

li[disabled] .rz-navigation-item-wrapper:hover {
    background-color: unset !important;
}

.rz-menu:not(.rz-profile-menu) {
    background-color: unset;
}

.shortcut-key {
    font-weight: 500;
}

hr.separator {
    margin: 0.5rem 0rem;
}
