.nav-panel:hover{
    background-color: #FFFFFF;
}

.hover-area {
    position: relative;
    
}

    .hover-area ul {
        position: absolute;
        background-color: white;
        border: solid 1px #C0C0C0;
        border-radius: 3px;
        margin: 0;
        padding: 0;
        width: max-content;
        text-align: center;
        z-index: 161; /*handsontableよりも上のindex*/
        left: -9px;
        box-shadow: 1px 3px 3px #8E8E8EBF;
    }
        .hover-area ul li {
            list-style: none;
            color: black;
            padding-top: 5px;
            padding-bottom: 5px;
            padding-left: 10px;
            padding-right: 10px;
            border-radius: 3px;
        }
.hover-area ul li:hover {
    background-color: var(--thema-color-highlight-background);
}

.hover-area ul li div {
    padding-left: 10px;
    padding-right: 10px;
}

.hover-are a{
    text-decoration:none;
}
.nav-item,
.nav-panel{
    padding:8px;
}

div.icon-label-wrapper{
    display:table;
}
div.icon-label-wrapper span{
    display:table-cell;
}
div.icon-label-wrapper .icon-label-label{
    padding-left:5px;
    vertical-align:middle
}
.navbar-brand span{
    position:relative;
    top:-4px;
    left:-4px;
    font-size:1rem;
}