.vl-frame {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3000;
    color: #000;
    background-color: #b0bec5;
    margin: 10px;
    width: 300px;
}

.vl-header, .vl-footer {
    width: 100%;
    background-color: #78909c;
    text-align: center;
    padding: 8px 0 8px 0;
}

.vl-main {
    width: 100%;
}

.vl-frame ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.vl-frame li:not(.vl-label) {
    border-bottom: 1px solid #cfd8dc;
    padding: 8px;
    text-align: left;
}

.vl-frame li.vl-label {
    font-weight: bold;
    text-align: center;
    /* margin: 10px 0 4px 0; */
}

.vl-frame li:not(.vl-label) {
    display: none;
}

.vl-frame li:last-child {
    border-bottom: 0;
}

.vl-frame .vl-others-container {
    display: none;
}

.vl-frame .vl-others-container li {
    display: block;
}

.vl-others-container li:first-child {
    display: none;
}

#vl-permalink {
    color: #0d47a1;
}