﻿.resource-contextmenu-container {
    position: absolute;
    background: #1f3f74;
    visibility: hidden;
    z-index: 9999;
}

    .resource-contextmenu-container.visible {
        visibility: visible;
    }

    .resource-contextmenu-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
        z-index: -1;
    }

    .resource-contextmenu-container .resource-contextmenu-list {
        box-shadow: 2px 2px 5px 0px #000000;
    }

    .resource-contextmenu-container .resource-contextmenu-item {
        font-family: Arial !important;
        line-height: 22px;
        font-size: 14px;
        font-weight: normal;
        color: #ffffff;
        padding: 0 30px 0 0px;
        line-height: 30px;
        min-width: 190px;
        width: 100%;
        height: 32px;
        white-space:nowrap;
        cursor: pointer;
    }

        .resource-contextmenu-container .resource-contextmenu-item:hover {
            background-color: #467cc2;
        }

        .resource-contextmenu-container .resource-contextmenu-item:before {
            font-family: 'vicon-font' !important;
            display: inline-block;
            position: relative;
            top: 2px;
            margin: 0 10px;
            width: 16px;
            height: 16px;
            font-size: 16px;
        }

        .resource-contextmenu-container .resource-contextmenu-item.disabled {
            color: #6f7e98;
            pointer-events: none;
        }

    .resource-contextmenu-container .contextmenu-AudioSource {
        padding-bottom: 2px;
    }


.search-icon-parent.v-museum-search:before {
    content: "";
}

.search-icon-parent.v-museum-search {
    background-image: url(/app/images/map-gallry-icon.svg);
    background-repeat: no-repeat;
    height: 34px;
    width: 24px;
    background-position: 6%;
}

ul {
    list-style: none;
    /* Rmove list styles*/
}

.navContainer {
    background: #1f3f74;
    padding: 5px;
    margin:0;
}
.navContainer .override-menu{
    position: absolute;
    width: 154px;
    left: 100%;
    top: 10%;
    padding-left: 0;
     box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.5);
}
.navContainer .override-menu ul{
    position: absolute;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.5);
    padding:0;
    margin:0;
}
.navContainer .v-pulse-block:before {
    content: "";
}
.navContainer .v-resume:before {
    content: "";
}
.navContainer .v-override:before {
    content: "";
}
.navContainer .v-pulse-block {
    background-image: url(/app/images/icons/tree_icons/pulse_block.png);
    background-repeat: no-repeat;
    height: 34px;
    width: 24px;
    background-position: 4%;
}
.navContainer .v-override {
    background-image: url(/app/images/icons/tree_icons/override.png);
    background-repeat: no-repeat;
    height: 34px;
    width: 24px;
    background-position: 4%;
}
.navContainer .v-resume {
    background-image: url(/app/images/icons/tree_icons/resume.png);
    background-repeat: no-repeat;
    height: 34px;
    width: 24px;
    background-position: 4%;
}
.resource-contextmenu-container .override-menu .resource-contextmenu-item {
    padding-left:16px;
    min-width:154px;
}
.navContainer div {
    max-width: 190px;
    margin: auto;
}

.navContainer div > ul > li {
    display: inline-block;
}

div > ul > li > ul {
    position: relative;    
    background: #1f3f74;
    display: none;
}

div > ul > li > ul > li > ul,
div > ul > li > ul > li > ul > li > ul {
    position: relative;
    left: 100%;
    width: 190px;
    top: 0px;
    display: none;
    z-index: 2;
    background: #1f3f74;
}

div > ul > li:hover > ul,
div > ul > li > ul > li:hover > ul,
div > ul > li > ul > li > ul > li:hover ul {
    display: block;
}

div li {
    position: relative;
}

div > ul > li > ul > li {
    width: 140px
}