#dropdown-menu-application {
    box-shadow: rgba(0, 0, 0, 0.15) 0 4px 8px 3px, rgba(0, 0, 0, 0.3) 0 1px 3px;
    border-radius: 10px !important;
    background: rgb(233, 238, 246);
}

#dropdown-menu-application.show {
    display: grid;
    grid-template-areas: "priv priv priv"
												"divider divider divider"
												"pub pub pub";
    width: max(30vw, 100%);
    min-width: 350px;
    grid-template-columns: auto;
    animation: rotate 1s linear infinite;
}

ul#dropdown-menu-application li {
    transition: background-color .35s ease-in-out, color .35s ease-in-out;
}

ul#dropdown-menu-application li a .isax {
    margin: .5rem auto;
}

ul#dropdown-menu-application li a, ul#dropdown-menu-application li a .isax {
    color: black;
    transition: box-shadow .35s ease-in-out;
}


ul#dropdown-menu-application #appPublicas {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    grid-area: pub;
}

ul#dropdown-menu-application #divider-apps {
    grid-area: divider;
    padding: .05rem 0;
    border: 1px solid #fff;
    background: #fff;
    border-radius: 10px;
    margin: 1rem auto;
}

ul#dropdown-menu-application #appPrivadas {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    grid-area: priv;
}

ul#dropdown-menu-application #appPublicas ul, ul#dropdown-menu-application #appPrivadas ul {
    list-style: none;
}

ul#dropdown-menu-application #appPublicas ul, ul#dropdown-menu-application #appPrivadas ul {
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-rows:repeat(auto-fit, minmax(100px, 1fr));
    grid-template-columns: repeat(3, 1fr);
    column-gap: .5rem;
    row-gap: .5rem;

}

ul#dropdown-menu-application #appPublicas ul li, ul#dropdown-menu-application #appPrivadas ul li {
    display: grid;
    align-items: center;
    justify-items: center;
    justify-content: center;
    align-content: center;
    min-height: 100px;
    position: relative;
}

ul#dropdown-menu-application #appPublicas ul li a, ul#dropdown-menu-application #appPrivadas ul li a {
    position: absolute;
    border-radius: 10px;
    background: #ffffff;
    top: 0;
    left: 0;
    min-height: 100%
}

ul#dropdown-menu-application #appPublicas ul li a:hover, ul#dropdown-menu-application #appPrivadas ul li a:hover {
    z-index: 10;
    box-shadow: #000000a8 0 0 15px
}

ul#dropdown-menu-application #appPublicas ul li span, ul#dropdown-menu-application #appPrivadas ul li span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

ul#dropdown-menu-application #appPublicas ul li a:hover span, ul#dropdown-menu-application #appPrivadas ul li a:hover span {
    overflow-wrap: break-word;
    white-space: normal;
    word-wrap: break-word;
}