.ui-navbar {
    width: 100%;
    height: 32px;
    background-color: rgb(43,87,151);
    box-shadow: 0 1px 6px rgba(0,0,0,0.12), 0 1px 4px rgba(0,0,0,0.12);
    z-index: 100;
    overflow: visible;

    .icon-button {
        display: block;
        float: left;
        padding: 0;
        margin: 0;
        border: none;
        width: 32px;
        height: 32px;
        color: white;
        cursor: pointer;
        outline: none;
        background-color: transparent;

        &.active {
            background-color: darken(rgb(43,87,151), 10%);
        }

        &:hover {
            background-color: darken(rgb(43,87,151), 10%);
        }

        .icon {
            top: 0;
            line-height: 32px;
        }
    }

    .navbar-dropdown {
        position: absolute;
        display: block;
        top: 32px;
        left: 0;
        padding: 5px 0;
        background-color: rgb(43,87,151);
        box-shadow: 0 1px 6px rgba(0,0,0,0.12), 0 1px 4px rgba(0,0,0,0.12);
        list-style: none;

        .dropdown-item {
            color: white;
            cursor: default;
            padding: 5px 15px;
            font-size: 14px;
            text-align: left;

            &:hover {
                background-color: darken(rgb(43,87,151), 10%);
            }

            .dropdown-item-text {
                margin-left: 10px;
            }
        }
    }
}