.toolbar {
    z-index: 1000;
    border-width: 0 0 1px;
    background-color: #464775;
    color: #FFFFFF;
    height: 38px;
    padding-left: 10px;
    padding-right: 18px;
    pointer-events: none;
}

    .toolbar .site-title {
        float: left;
        font-size: 11pt;
        color: #FFFFFF;
        margin-top: -3px;
        padding-left: 5px;
        pointer-events: all;
    }

    .toolbar .logo {
        float: left;
        padding-top: 9px;
    }

    .toolbar ul {
        list-style: none;
        float: left;
    }

    .toolbar .toolbar-item {
        position: relative;
        display: block;
        height: 38px;
        float: left;
        padding-top: 9px;
        margin-left: 10px;
        padding-left: 7px;
        padding-right: 7px;
    }

        .toolbar .toolbar-item.selected {
            background-color: #464775;
        }

        .toolbar .toolbar-item .report-button {
            display: block;
            color: #FFFFFF;
            pointer-events: all;
            cursor: pointer;
            cursor: hand;
        }

            .toolbar .toolbar-item .report-button:after {
                margin-left: 5px;
                vertical-align: middle;
                content: url('../images/header_icon_down_caret.png');
            }

        .toolbar .toolbar-item .setting-button {
            display: block;
            width: 19px;
            height: 19px;
            text-indent: 19px;
            pointer-events: all;
        }

            .toolbar .toolbar-item .setting-button:before {
                margin-left: -19px;
                content: url('../images/header_icon_gear_rest.png');
            }

            .toolbar .toolbar-item .setting-button:hover:before {
                content: url('../images/header_icon_gear_hover.png');
            }

        .toolbar .toolbar-item .help-button {
            display: block;
            width: 19px;
            height: 19px;
            text-indent: 19px;
            pointer-events: all;
        }

            .toolbar .toolbar-item .help-button:before {
                margin-left: -19px;
                content: url('../images/header_icon_help_rest.png');
            }

            .toolbar .toolbar-item .help-button:hover:before {
                content: url('../images/header_icon_help_hover.png');
            }

    .toolbar .sign-in-button {
        float: left;
        font-size: 11pt;
        color: #FFFFFF;
        padding-top: 8px;
        padding-left: 5px;
        pointer-events: all;
    }

        .toolbar .sign-in-button:hover {
            text-decoration: none;
        }

    .toolbar .menu-container {
        float: left;
        position: relative;
        display: block;
    }

        .toolbar .menu-container .report-menu:hover {
            background-color: #464775;
        }
    
    .toolbar *:focus-visible {
        outline: 1px solid #FFFFFF;
        border-radius: 4px;
    }

@media (min-width: 400px) {
    .align-right {
        float: right !important;
    }
}

.menu-dropdown {
    position: relative;
}

.menu-dropdown-list {
    position: absolute;
    top: 38px;
    margin: 0;
    padding-top: 2px;
    padding-bottom: 13px;
    cursor: pointer;
    display: block;
    background-color: #FFFFFF;
    border: solid 2px #464775;
    z-index: 1000;
    min-width: 190px;
    left: auto;
    right: 0;
    pointer-events: all;
}

    .menu-dropdown-list:focus {
        outline: none;
    }

    .menu-dropdown-list .list-item {
        display: block;
        border: 0;
        margin: 0;
        padding-top: 9px;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }

        .menu-dropdown-list .list-item a {
            color: #252424;
            font-size: 15px;
            cursor: pointer;
            cursor: hand;
        }

    .menu-dropdown-list .divider {
        height: 1px;
        max-height: 1px !important;
        margin-left: 11px !important;
        margin-right: 11px !important;
        background-color: #464775;
        margin-top: 10px;
    }

    .menu-dropdown-list *:focus-visible {
        outline: 1px solid #252424;
        border-radius: 4px;
    }