.icon-equipo-trabajo {
    mask: url(../images/connection.svg);
    -webkit-mask-image: url(../images/connection.svg);
}

.icon-nombramiento {
    mask: url(../images/contract.svg);
    -webkit-mask-image: url(../images/contract.svg);
}

.icon-nombramiento-new {
    mask: url(../images/contract-new.svg);
    -webkit-mask-image: url(../images/contract-new.svg);
}

.icon-nombramiento-modif {
    mask: url(../images/Modificar.svg);
    -webkit-mask-image: url(../images/Modificar.svg);
}

.icon-nombramiento-sub {
    mask: url(../images/Informar%20sustitución.svg);
    -webkit-mask-image: url(../images/Informar%20sustitución.svg);
}

.icon-nombramiento-resign {
    mask: url(../images/Informar%20renuncia.svg);
    -webkit-mask-image: url(../images/Informar%20renuncia.svg);
}

.icon-nombramiento-sin-efecto {
    mask: url(../images/Dejar%20sin%20efecto.svg);
    -webkit-mask-image: url(../images/Dejar%20sin%20efecto.svg);
}

.icon-dictamen {
    mask: url(../images/puzzle.svg);
    -webkit-mask-image: url(../images/puzzle.svg);
}

.icon-contador {
    mask: url(../images/Contador.svg);
    -webkit-mask-image: url(../images/Contador.svg);
}

.icon-contribuyente {
    mask: url(../images/Contribuyente.svg);
    -webkit-mask-image: url(../images/Contribuyente.svg);
}

.icon-auditor {
    mask: url(../images/Auditor%20Fiscal.svg);
    -webkit-mask-image: url(../images/Auditor%20Fiscal.svg);
}

.icon-informes-presentados {
    mask: url(../images/folder.svg);
    -webkit-mask-image: url(../images/folder.svg);
}

.icon-codigo-tributario {
    mask: url(../images/Código%20Tributario.svg);
    -webkit-mask-image: url(../images/Código%20Tributario.svg);
}

.icon-ley-servicios-internacionales {
    mask: url(../images/Ley%20de%20Servicios%20Internacionales.svg);
    -webkit-mask-image: url(../images/Ley%20de%20Servicios%20Internacionales.svg);
}

.icon-F971 {
    mask: url(../images/checklist.svg);
    -webkit-mask-image: url(../images/checklist.svg);
}

.icon-disabled {
    background: #aeacac !important;
}

.icon {
    display: inline-block;
    width: 60px;
    height: 60px;
    background: #111e60;
    mask-size: cover;
    -webkit-mask-size: contain;
}

.menu-element {
    cursor: pointer;
}

a.active .icon, a:hover .icon, .icon:hover, .icon:focus, .menu-element:hover .icon {
     background: #ff9800;
}

.menu-element a:hover {
    text-decoration: underline;
}