/*
put any CSS shared by all instances
of this componehnt here. Also be sure to add this file
to the styleRefs array in elastic
*/

section#legacy .navbar {
    background: url(/images/bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-left: 8px;
    padding-right: 8px;
}

section#legacy .navbar-brand {
    height: auto;
}

section#legacy .navbar-brand img {
    max-width: 150px;
}

section#legacy #main-menu {
    background-color: #f5f5f5;
    border-radius: 14px;
}

section#legacy .dropdown-menu {
    border-radius: 10px !important;
    background-color: #fff;
    box-shadow: 0 3px 2px -2px #eee;
    border: 1px solid #ddd;
}

section#legacy .top-item,
section#legacy .dropdown-item {
    font-size: 14px !important;
    color: #383838 !important;
}

section#legacy .top-item {
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 10px;
    padding: 0;
    margin: 3px;
}

section#legacy .top-item:hover {
    background-color: #fff;
    box-shadow: 0 3px 2px -2px #eee;
    border: 1px solid #ddd;
    color: #407EC9 !important;
}

section#legacy .top-item.active {
    background-color: #fcfcfc;
    box-shadow: 0 3px 2px -2px #eee;
    border: 1px solid #ddd;
}

@media screen and (max-width: 768px) {
    section#legacy .top-item.top-item.active, section#legacy .top-item:hover {
        background-color: #f5f5f5;
        border: none;
    }
}

section#legacy .dropdown-item:hover {
    background-color: transparent !important;
    color: #407EC9 !important;
}

section#legacy .dropdown-divider {
    margin: 4px 10px 4px 10px !important;
    color: #B2B2B2;
}

section#legacy .navbar .dropdown:hover .dropdown-menu,
section#legacy .navbar .dropdown .dropdown-menu:hover {
    display: block !important
}

section#legacy .dropdown-menu div:last-child {
    display: none;
}

section#legacy .navbar-search-wrapper {
    position: relative;
    width: 300px;
}
section#legacy .navbar-suggestions {
    position: absolute;
    width: 300px;
    border: 1px solid #d4d4d4;
    z-index: 300;
}