/* Lijst met alle (named) features op de kaart. */
.featuresList 
{
    background: hsla(0,0%,100%,.7);
    border-radius: 6px;
    color: #FFFFFF;

    /* Initieel niet getoond, was wanneer een tekstlayer wordt geactiveerd, wordt de lijst weergegeven. */
    display: none;
    height: 302px;
    left: 93px;
    margin-left: 0;
    margin-top: 0;
    overflow-x: none;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    top: 43px;
    width: auto;
    z-index: 9998;
}

.featuresList-close {
    right: 8px;
}

/* Ruimte voorzien voor de close button */
div.featuresList div.featuresListHeader {
    margin-right: 10px;
    margin-top: 10px;
}

div.featuresList div.featuresListHeader,
div.featuresList div.featuresListFooter
{
    background-color: transparent;
    -ms-opacity: 0.75;
    opacity: 0.75;
}

.lijst
{
    background-color: rgba(0, 113, 188, 1);
    height: 257px;
    -ms-opacity: 0.75;
    opacity: 0.75;
    overflow: auto;
    padding-left: 5px;
    padding-right: 5px;
}

.lijst table tr,.lijst table td 
{
    border-bottom: solid 1px silver;
    padding-left: 2px;
    padding-right: 2px;
}

.lijst table td.layername 
{
    background-color: green;
    border-bottom: none;
    font-weight: 700;
    text-align: center;
}

.lijst table tr.data-row,
.lijst table tr.data-row-alt 
{
    cursor: pointer;
}

.lijst table tr.data-row-alt
{
    -ms-opacity: 0.8;
    opacity: 0.8;
}

/* Optimalisaties voor mobiel gebruik */

div.featuresList.taurisMobile /* chained CSS */ 
{
    /* De lijst met features zetten we in de linkerbovenhoek, op desktop niveau wordt rekening gehouden met de al reeds 
       aanwezige controls op de kaart, vandaar dat de posities ervan wat meer naar rechts en onderen was.
    */
    left: 6px;
    margin-right: 6px;
    top: 60px;
}