nav .ingelogd{
    display: flex;
}

main.dashboard div.card-header{
    margin-top: 5vh;
}

main.dashboard .aanmaken{
    color: white;
    background-color: #161c2a;
    padding: 10px;
}

main.dashboard .aanmaken:hover{
    color: #161c2a;
    background-color: white;
    border: #161c2a 1px solid;
}

main.dashboard h3{
    color: #161c2a;
    font-size: 1.3rem;
    margin-top: 3vh;
    margin-bottom: 1vh;
}

.dashTop{
    text-align: left;
}

main.dashboard div.flex{
    display: inline-block;
}

main.dashboard .row img{
    width: 15vw;
    height: auto;
}

main.dashboard .row{
    width: 70vw;
    margin-left: auto;
    margin-right: auto;
    text-align: center;    
}

main.dashboard article{
    margin-bottom: 2vh;
    background-color: #e8e8e8;
    width: 20vw;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
}

main.dashboard .row .knoppen{
    display: flex;
    justify-content: space-between;
    max-width: 30vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2vh;
    margin-bottom: 1vh;
    justify-content: center;
}


main.dashboard .row .knoppen a{
    background-color: #161c2a;
    color: white;
    text-transform: uppercase;
    padding: 10px;
    border: 1px solid #161c2a;
    border-radius: 2px;
    margin-right: 1vw;
}

main.dashboard .row .knoppen a:hover {
    background-color: white;
    color: #161c2a;
    border: #161c2a 1px solid;
}

main.dashboard .row .knoppen input {
    background-color: darkred;
    color: white;
    text-transform: uppercase;
    padding: 10px;
    border: 1px solid darkred;
}

main.dashboard .row .knoppen input:hover {
    background-color: white;
    color: darkred;
    border: darkred 1px solid;
    cursor: pointer;
}

main.dashboard ul.pagination {
    width: 20vw;
    display: flex;
    margin-bottom: 10vh;
}

main.dashboard li {
    margin-right: 2vw;
    line-height: 3vh;
}

div.container div.alert-success{
    color: darkgreen;
    background-color: lightgreen;
    padding: 2vw 3vw 2vw 3vw;
    text-align: center;
}