.menu-dropdown {
    cursor: pointer;
    position: relative;
    transition: all .2s
}

.menu-dropdown.open,.menu-dropdown:hover {
    z-index: 1001
}

.menu-dropdown.open .card-menu,.menu-dropdown:hover .card-menu {
    background: #fff;
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0s;
    visibility: visible
}

.card-menu {
    border-radius: .3rem;
    border-top: 3px solid var(--ns-dropdown-border-top-color);
    box-shadow: 0 4px 13px 0 rgba(0,0,0,.1);
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    left: calc(50% - 5px);
    max-height: calc(100vh - 150px);
    min-width: 100%;
    opacity: 0;
    padding: .8rem;
    position: absolute;
    top: calc(100% + 10px);
    transform: translateY(10%);
    transition: .2s .2s;
    visibility: hidden;
    z-index: 1000
}

.card-menu:not(.no-arrow):before {
    border-bottom: 5px solid var(--ns-dropdown-arrow-color,var(--ns-primary-color));
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    content: "";
    display: block;
    left: var(--ns-dropdown-menu-pointer-left,50%);
    position: absolute;
    top: -8px;
    transform-origin: center top
}

.card-menu.auto-width .card-menu,.card-menu.menu-mega .card-menu {
    height: 350px
}

.card-menu.auto-width .card-menu>.com-filho,.card-menu.menu-mega .card-menu>.com-filho {
    flex-basis: 100%
}

.card-menu.menu-overlay {
    border: none;
    box-shadow: none;
    height: auto;
    left: 0;
    top: calc(100% - 7px)
}

.card-menu.menu-overlay.align-right {
    border-top-right-radius: 0
}

.card-menu.menu-overlay:not(.align-right) {
    border-top-left-radius: 0
}

.card-menu ul {
    background: #fff;
    display: flex;
    flex-direction: column;
    padding-left: 0
}

.card-menu li {
    padding: 5px 10px
}

.card-menu a,.card-menu span {
    color: var(--ns-title-color);
    font-size: .8rem;
    white-space: nowrap
}

.card-menu a i,.card-menu span i {
    margin-right: 7px
}

.card-menu.align-right {
    left: auto;
    right: 0
}

.card-menu.align-left {
    left: 0
}

.fullscreen-menu-overlay {
    background: rgba(0,0,0,.6);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999
}