.modarch-menu {
    background: #edf2f8;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1000;
}

.modarch-menu .modarch-menu {
    width: 16em;
}

.modarch-menu > li {
    display: block;
    float: left;
    width: auto !important;
}

.modarch-menu ul li {
    display: block;
    float: none;
}

.modarch-menu ul li ul {
    left: 16.4em !important;
}

.modarch-menu > li > a {
    float: left;
    clear: both;
    padding: 0 0.5em !important;
}

.modarch-menu .ui-icon-triangle-1-s {
    margin-top: 0.3em !important;
}

.modarch-menu .modarch-menu li a {
    padding: 0.2em 0 !important;
    width: 100%;
}

#div-menu {
    position: relative;
    height: 2em;
}

.modarch-menu-icon {
    float: left;
    margin-top: 0.1em !important;
    position: static !important;
}

.modarch-menu .modarch-menu li {
    /* fix IE issue */
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropbtn {
    color: black;
    padding: .2em;
    font-size: 16px;
    border: none;
    background:none;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown-content {
    position: absolute;
    background-color: #e9e9e9;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    visibility:hidden;
    opacity:0;
    border: 1px solid gray;
    width: 180px;
    right: 4px;
    left:auto;

}

.dropdown-content > a, .dropdown-content > div {
    color: black;
    padding: .3em;
    text-decoration: none;
    display: block;
}

.dropdown-content > a:hover:not(.ui-state-disabled), .dropdown-content > div:hover:not(.ui-state-disabled) {
    background-color: #4476a9;
    color:white;
}

.modarch-menu .material-icons {
    font-size: 20px;
    vertical-align:middle;
}

.modarch-menu-icon.material-icons{
    font-size: 13px;
    vertical-align:middle;
    transform: translateY(0.18em);
}