#info-view-icon {
    position:relative;    
    width:30px;
    height:30px;
    line-height: 30px;
    border-radius: 15px;
}
.info-view-icon { 
    font-size:14px;
    text-align: center;
    color: white;
    cursor: pointer;
}
.info-view-icon--hover {
    background-color: var(--background-color);
    border-radius: 15px;
}

.info-view-icon--active {
    background-color: black;
    border-radius: 15px;
}
/* position:relative;width:30px;height:30px;border-radius:50%;float:left;height:30px; */

div.info-view-icon-layer {
    font-size:12px;
    background-color:#FFF;
    border-radius: 5px;
    border:1px solid #CCC;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);

}

.menu-secondary-button {
    display:flex;
    align-items:center;
    /* border-bottom: 1px solid #CCC; */
    text-overflow: ellipsis;
    text-wrap: nowrap;
    height:30px;
    cursor: pointer;
    background-color:#FFF;
    /* color:#333; */
    transition: color  20ms, background-color 20ms;
    margin:4px 6px;
    border-radius:5px;
}

.menu-secondary-button a {
    text-decoration: none;
    color: #000;
}

.menu-secondary-button--hover { 
    background-color:#DBDBDB;
}
.menu-secondary-button--hover a { 
    color:#333;
}

.menu-secondary-button--active { 
    background-color:#FFBF6D;
}
.menu-secondary-button--active a { 
    color:#FFF;
}


/* div.menu-secondary-button:first-child {
    border-radius:5px 5px 0px 0px;
}
div.menu-secondary-button:last-child {
    border-radius:5px 5px 0px 0px;
} */
div.menu-secondary-button img  {
    width:20px;
    height:20px;
    margin-left:8px;
    margin-right:0px;
}
div.menu-secondary-button img {
    filter: grayscale(50%); 
    /* brightness(0) saturate(100%) invert(92%) sepia(9%) saturate(2065%) hue-rotate(180deg) brightness(97%) contrast(97%); */
    -webkit-filter: grayscale(50%);
}