#insideTaulaInfo tr {
    background: #FFF;
    padding: 2px
}

#insiderowinfo>td>b {
    font-size: 11px;
}

#insideTaulaInfo td {
    padding: 0px !important;
    font-size: 11px;
}

#insiderowinfo {
    background: #FFF !important;
}

#insiderowinfo td:first-child {
    font-weight: normal;
    color: #676767;
}

#taulaInfo tr {
    background: #FFF;
    padding: 2px
}

#taulaInfo td {
    padding: 0px !important
}

#rowinfo {
    background: #F0F0F0 !important;
    font-size: 11px;
}

#rowinfo td:first-child {
    font-weight: bold;
    color: #415FAF;
}

#rowinfo td {
    border: 1px solid white;
    padding: 5px !important;
    font-size: 11px;
}

.hidden {
    display: none;
}

.butXSLBtn, .gestioDocuments {
    color: #fff;
    background-color: #007bff;
    border: 1px solid #007bff;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    cursor: pointer;
}

.hl-layer-icons {
    display: flex;
    flex-direction: row;
}


.hl-layer-icon {
    width:  2em;
    display: block;
    margin: 5px 0 5px 5px;
    filter: invert(40%); /* from black to gray */    
}

.hl-layer-icon-hide {
    display: none;   
}

.hl-layer-icon-activated {
    filter: invert(80%); /* from black to light gray */
    pointer-events: none;
    cursor: default;
}

.hl-layer-icon:hover {
    filter: invert(10%); /* highlight the icon by making it darker */
}