/* load the default Redmine stylesheet */
@import url(../../../stylesheets/responsive.css);

@media screen and (max-width: 899px) {

    #header {
        background-color: #808080;
    }

    #project-jump {
        margin-left: 70px;
    }

    .flyout-menu {
        background-color: #666666;
        /* Chrome needs this extra padding, otherwise "Sign out" is not visible */
        padding-bottom: 50px;
    }

    .flyout-menu h3 {
        border-top: 1px solid #777777;
        border-bottom: 1px solid #777777;
        background-color: #808080;
    }

    .buttons .icon {
        padding: 9px;
    }
}