/* Override Claro toolbar icon with custom lock.svg */
a#toolbar-item-tk-access.toolbar-icon::before {
    content: "" !important;
    display: inline-block;
    width: 2em;
    height: 2em;
    margin-top: 6px;
    margin-right: 6px;
    vertical-align: middle;
    mask-image: url(../icons/lock.svg);
    -webkit-mask-image: url(../icons/lock.svg);
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-color: #787878 !important;
    opacity: 0.9;
}