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

/* add a logo in the header */
#top-menu {
    background: #3C8FB1;
    height: fit-content;
    padding: 12px 10px;
}

#top-menu > ul > li > a {
    padding: 7px;
}

#top-menu > ul > li > a:hover {
    background: #204d5f;
    text-decoration: none;
    border-radius: 5px;
}

@media only screen and (min-width: 900px) {
    #header {
        background: #f5f5f5 url(../images/liteclerklogo.png) no-repeat 1px;
        background-size: 220px;
        background-position: 15px 15px;
    }
}

#header h1 .breadcrumbs > a {
    color: #447f97;
}

#header h1 {
    margin-top: 50px;
    color: #30738e;
    font-size: 19px;
}

/* move the project menu to the right */
#main-menu li a.new-object {
    background: #3C8FB1;
    color: white;
}

#main-menu .menu-children li a:hover {
    background: #3C8FB1;
}

#main-menu > ul  {
    border-bottom: 1px solid rgb(231, 231, 231);
}

#main-menu > ul > li .selected {
    border-top: 1px solid rgb(231, 231, 231);
    border-left: 1px solid rgb(231, 231, 231);
    border-right: 1px solid rgb(231, 231, 231);
    border-bottom: none; 
    height: 16px;
    margin-bottom: -1px;
}

#main-menu > ul > li > a { 
    color: black;
}

#main-menu > ul > li > a:hover {
    background: #3C8FB1;
    height: 15px;
}

#main-menu > ul > li > .selected:hover {
    height: 16px;
}