.ver_l {
    display: block;
    margin: 0 auto;

    width: 30px;
    height: 30px;

    cursor: pointer;
    user-select: none;

    background: transparent url("../img/ver.png") center center / 30px 30px no-repeat;

    border: none;
    outline: none;
    box-shadow: none;

    padding: 0;

    color: transparent;
    font-size: 0;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    transition: filter .2s ease, transform .2s ease;
}

.ver_l:hover {
    filter: contrast(150%) saturate(160%);
    transform: scale(1.08);
}

.ver_l:focus {
    outline: none;
}

.vigente_td {
    text-align: center;

    background: transparent url("../img/vigente.png") center center / 27px 27px no-repeat;

    filter: drop-shadow(0 0 2px rgba(80, 255, 80, .5));
}

.no_vigente_td {
    text-align: center;

    background: transparent url("../img/no_vigente.png") center center / 27px 27px no-repeat;

    filter: drop-shadow(0 0 2px rgba(255, 80, 80, 0.5));
}

.modificar_l {
    display: block;
    margin: 0 auto;

    width: 30px;
    height: 30px;

    cursor: pointer;
    user-select: none;

    background: transparent url("../img/modificar.png") center center / 30px 30px no-repeat;

    border: none;
    outline: none;
    box-shadow: none;

    padding: 0;

    color: transparent;
    font-size: 0;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    transition: filter .2s ease, transform .2s ease;
}

.modificar_l:hover {
    filter: contrast(150%) saturate(160%);
    transform: scale(1.08);
}

.modificar_l:focus {
    outline: none;
}


.pdf_l {
    display: block;
    margin: 0 auto;

    width: 30px;
    height: 30px;

    cursor: pointer;
    user-select: none;

    background: transparent url("../img/pdf.png") center center / 30px 30px no-repeat;

    border: none;
    outline: none;
    box-shadow: none;

    padding: 0;

    color: transparent;
    font-size: 0;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    transition: filter .2s ease, transform .2s ease;
}

.pdf_l:hover {
    filter: contrast(150%) saturate(160%);
    transform: scale(1.08);
}

.pdf_l:focus {
    outline: none;
}

.video_l {
    display: block;
    margin: 0 auto;

    width: 30px;
    height: 30px;

    cursor: pointer;
    user-select: none;

    background: transparent url("../img/video.png") center center / 30px 30px no-repeat;

    border: none;
    outline: none;
    box-shadow: none;

    padding: 0;

    color: transparent;
    font-size: 0;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    transition: filter .2s ease, transform .2s ease;
}

.video_l:hover {
    filter: contrast(150%) saturate(160%);
    transform: scale(1.08);
}

.video_l:focus {
    outline: none;
}

.kmz_l {
    display: block;
    margin: 0 auto;

    width: 30px;
    height: 30px;

    cursor: pointer;
    user-select: none;

    background: transparent url("../img/kmz.png") center center / 30px 30px no-repeat;

    border: none;
    outline: none;
    box-shadow: none;

    padding: 0;

    color: transparent;
    font-size: 0;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    transition: filter .2s ease, transform .2s ease;
}

.kmz_l:hover {
    filter: contrast(150%) saturate(160%);
    transform: scale(1.08);
}

.kmz_l:focus {
    outline: none;
}

.app_l {
    display: block;
    margin: 0 auto;

    width: 30px;
    height: 30px;

    cursor: pointer;
    user-select: none;

    background: transparent url("../img/app.png") center center / 30px 30px no-repeat;

    border: none;
    outline: none;
    box-shadow: none;

    padding: 0;

    color: transparent;
    font-size: 0;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    transition: filter .2s ease, transform .2s ease;
}

.app_l:hover {
    filter: contrast(150%) saturate(160%);
    transform: scale(1.08);
}

.app_l:focus {
    outline: none;
}

.key_l {
    display: block;
    margin: 0 auto;

    width: 30px;
    height: 30px;

    cursor: pointer;
    user-select: none;

    background: transparent url("../img/key.png") center center / 30px 30px no-repeat;

    border: none;
    outline: none;
    box-shadow: none;

    padding: 0;

    color: transparent;
    font-size: 0;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    transition: filter .2s ease, transform .2s ease;
}

.key_l:hover {
    filter: contrast(150%) saturate(160%);
    transform: scale(1.08);
}

.key_l:focus {
    outline: none;
}


.perfil_l {
    display: block;
    margin: 0 auto;

    width: 30px;
    height: 30px;

    cursor: pointer;
    user-select: none;

    background: transparent center center / 30px 30px no-repeat;

    border: none;
    outline: none;
    box-shadow: none;

    padding: 0;

    color: transparent;
    font-size: 0;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    transition: filter .2s ease, transform .2s ease;
}

.subir_l {
    display: block;
    margin: 0 auto;

    width: 30px;
    height: 30px;

    cursor: pointer;
    user-select: none;

    background: transparent url("../img/subir.png") center center / 30px 30px no-repeat;

    border: none;
    outline: none;
    box-shadow: none;

    padding: 0;

    color: transparent;
    font-size: 0;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    transition: filter .2s ease, transform .2s ease;
}

.subir_l:hover {
    filter: contrast(150%) saturate(160%);
    transform: scale(1.08);
}

.subir_l:focus {
    outline: none;
}

.agregar,
.recargar,
.excel,
.descargar {
    width: 34px;
    height: 34px;
    cursor: pointer;

    background-color: transparent;
    background-size: 33px 33px;
    background-position: center;
    background-repeat: no-repeat;

    border: none;
    border-radius: 6px;
    outline: none;

    /* Opcional */
    box-shadow: none;
}

.descargar,
.excel {
    background-image: url(../img/descargar_excel.png);
}

.agregar {
    background-image: url(../img/agregar.png);
}

.guardar,
.aplicar,
.deshacer {
    height: 38px;
    width: 38px;
    cursor: pointer;
    position: absolute;
    background-size: 38px 38px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
}

.guardar {
    right: 48px;
    top: 5px;
    background-image: url(../img/guardar.png);
}

.aplicar {
    right: 48px;
    top: 5px;
    background-image: url(../img/aplicar.png);
}

.deshacer {
    right: 90px;
    top: 5px;
    background-image: url(../img/deshacer.png);
}

.opciones {
    background-image: url(../img/opciones.png);
}