html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
}

.my-card {
    position: absolute;
    left: 40%;
    top: -20px;
    border-radius: 50%;
    color: #216A95;
    border-color: #216A95 !important;
    text-decoration-color: #216A95
}

tr.facturatie {
    background-color: #E0E0FF;
}
tr.nieuw {
    background-color: #ffb0c5;
}

tr.ingediend {
    background-color: lightskyblue;
}
tr.goedgekeurd {
    background-color: lightgreen;
}

tr.gecontroleerd {
    background-color: lightgreen;
}

tr.verwerkt {
    background-color: lightgreen;
}

tr.uitgevoerd {
    background-color: #de5bdb;
}

tr.gearchiveerd {
    background-color: lightgray;
}

tr.aktief {
    background-color: lightgreen;
}

tr.inaktief {
    background-color: #ffb0c5;
}
.card.tile {
    transition: all 0.2s ease;
    cursor: pointer;
}

    .card.tile:hover {
        box-shadow: 5px 6px 6px 2px #e9ecef;
        transform: scale(1.1);
    }

a {
    color: #216A95;
}

    a:link {
        text-decoration: none;
    }


    a:visited {
        text-decoration: none;
    }


    a:hover {
        text-decoration: none;
    }


    a:active {
        text-decoration: none;
    }


/**
    ========================
    LEGENDA
    ========================
**/

.legenda-list {
    float: left;
    margin-left: 10px;
}

    .legenda-list .legenda-item {
        float: left;
        padding: 12px 6px;
        font-size: 12px;
        line-height: 10px;
    }

        .legenda-list .legenda-item .legenda-color {
            float: left;
            width: 10px;
            height: 10px;
            position: relative;
            top: -1px;
            margin-right: 4px;
            border-radius: 50%;
        }


        .legenda-list .legenda-item.nieuw .legenda-color {
            background-color: #ffb0c5;
        }
        .legenda-list .legenda-item.ingediend .legenda-color {
            background-color: lightskyblue;
        }
/*        .legenda-list .legenda-item.gecontroleerd .legenda-color {
            background-color: #f0ad4e;
        }
*/
        .legenda-list .legenda-item.alles .legenda-color {
            background-color: #f0ad4e;
        }
        .legenda-list .legenda-item.gecontroleerd .legenda-color {
            background-color: lightgreen;
        }
        .legenda-list .legenda-item.verwerkt .legenda-color {
            background-color: lightgreen;
        }

        .legenda-list .legenda-item.goedgekeurd .legenda-color {
            background-color: lightgreen;
        }
        .legenda-list .legenda-item.uitgevoerd .legenda-color {
            background-color: #de5bdb;
        }
        .legenda-list .legenda-item.gearchiveerd .legenda-color {
            background-color: lightgray;
        }
        .legenda-list .legenda-item.inaktief .legenda-color {
            background-color: #ffb0c5;
        }
        .legenda-list .legenda-item.aktief .legenda-color {
            background-color: lightgreen;
        }

/*           
            .legenda-list .legenda-item .legenda-color.gevaar,
            .legenda-list .legenda-item .legenda-color.nietgepland {
                background-color: mistyrose;
            }

            .legenda-list .legenda-item .legenda-color.waarschuwing,
            .legenda-list .legenda-item .legenda-color.deelsgepland {
                background-color: orange;
            }

            .legenda-list .legenda-item .legenda-color.goed,
            .legenda-list .legenda-item .legenda-color.verwerkt,
            .legenda-list .legenda-item .legenda-color.volgepland {
                background-color: lightgreen;
            }

        .legenda-list .legenda-item.gepland .legenda-color,
        .legenda-list .legenda-item.nieuw .legenda-color {
            background-color: #337ab7;
        }

        .legenda-list .legenda-item.verantwoord .legenda-color,
        .legenda-list .legenda-item .legenda-color.teveelgepland,
        .legenda-list .legenda-item.ingediend .legenda-color {
            background-color: #de5bdb;
        }

        .legenda-list .legenda-item.gecorrigeerd .legenda-color,
        .legenda-list .legenda-item.transportbon .legenda-color,
        .legenda-list .legenda-item.project .legenda-color {
            background-color: #f0ad4e;
        }

        .legenda-list .legenda-item.goedgekeurd .legenda-color,
        .legenda-list .legenda-item.verwerkt .legenda-color
        {
            background-color: #5cb85c;
        }

        .legenda-list .legenda-item.gearchiveerd .legenda-color {
            background-color: lightgray;
        }

        .legenda-list .legenda-item.afgekeurd .legenda-color,
        .legenda-list .legenda-item.werkbon .legenda-color {
            background-color: #d9534f;
        }

        .legenda-list .legenda-item .legenda-color.scrum-prio-0 {
            background-color: #aaedff;
        }

        .legenda-list .legenda-item .legenda-color.scrum-prio-1 {
            background-color: #a2e6a7;
        }

        .legenda-list .legenda-item .legenda-color.scrum-prio-2 {
            background-color: #ffdca6;
        }

        .legenda-list .legenda-item .legenda-color.scrum-prio-3 {
            background-color: #fed7d7;
        }

        .legenda-list .legenda-item.berichten-algemeen .legenda-color {
            background-color: #6ab7c1;
        }

        .legenda-list .legenda-item.berichten-documenten .legenda-color {
            background-color: #c16a6a;
        }

        .legenda-list .legenda-item.berichten-planning .legenda-color {
            background-color: #f5e26e;
        }*/