html, body {
    background-color: #191919;
    color: #eee;
}

button {
    min-width: 130px;
    height: 40px;
    color: #fff;
    padding: 5px 10px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    outline: none;
    border: 2px solid #212529;
    background: #212529;
}

button:hover {
    background: #fff;
    color: #212529
}

#laden td {
    background-color: #b5bfff;
    -webkit-box-shadow: 2px -1px 25px -7px rgba(0,0,0,0.53);
    -moz-box-shadow: 2px -1px 25px -7px rgba(0,0,0,0.53);
    box-shadow: 2px -1px 25px -7px rgba(0,0,0,0.53);
}

.topbar {
    background-color: #444;
    border-bottom: 1px solid #aaa;
}

.topbar-contact td {
    color: #eee;
}

.top-content-bar {
    background-color: #191919;
    color: #eee;
}

/* The side navigation menu */
.sidebar {
    background-color: #191919;
    border-right: 1px solid #aaa;
}

/* Sidebar links */
.sidebar a {
    color: black;
}

/* Active/current link */
.sidebar a.active {
    background-color: #E7E8FF;
    color: black;
}

/* Links on mouse-over */
.sidebar a:hover:not(.active) {
    background-color: #191919;
    color: #eee;
}

.zoekeninput {
    border: 1px solid #3f3f3f;
}

.zoekenknop {
    border: 1px solid grey;
}

.menuheader {
    /* zet kleur */
}

.submenu {
    /* zet kleur */
}

.active {
    /* zet kleur */
}

.submenu:hover {
    /* zet kleur */
}

.grid-wrapper thead th {
    background-color: #606060;
}

.grid-wrapper thead tr:first-child {
    background-color: #606060;
}

.grid-wrapper tbody tr:nth-child(even) {
    background-color: #202020;
}

.grid-wrapper tbody tr:hover {
    background-color: #404040;
}

.grid-wrapper tbody tr:nth-child(even):hover {
    background-color: #404040;
}

hr {
    background-color: #3f3f3f;
}

input {
    background-color: #3f3f3f;
    color: #eee;
}

textarea {
    background-color: #3f3f3f;
    color: #eee;
}

select {
    background-color: #3f3f3f !important;
    color: #eee !important;
}

*:not(html):not(body) {
    scrollbar-color: #707070 #242424; /* Firefox */
}

*:not(html):not(body)::-webkit-scrollbar {
    width: 12px;
}

*:not(html):not(body)::-webkit-scrollbar-thumb {
    background-color: #707070;
}

*:not(html):not(body)::-webkit-scrollbar-track {
    background-color: #242424;
}

.chosen-container-single .chosen-single {
    background: #3f3f3f !important;
    border:0 !important;
    color: #eee !important;
}

::-webkit-input-placeholder {
    color: #eee;
}

::-moz-placeholder {
    color: #eee;
}

:-ms-input-placeholder {
    color: #eee;
}

:-moz-placeholder {
    color: #eee;
}

.body-logon {
    background: linear-gradient(-45deg, #973217, #7F113D, #14536A, #13654F);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
}

.wrappertable {
    background: url(/images/background-dark.png) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.formlogon {
    background: #292929;
    color: #eee;
}

.logo-img {
    content: url('/images/bloemenflora_wit.png');
    height: 50px;
}

.vergeten-link {
    cursor: pointer;
    color: #bbb;
}

.button-table {
    background-color: #555;
}

.button-text {
    color: #eee;
}

.icon-microsoft img {
    content: url('/images/icon-microsoft-dark.png');
}

.icon-google img {
    content: url('/images/icon-google-dark.png');
}

.icon-bloemenflora img {
    content: url('/images/icon-bloemenflora-dark.png');
}

.watermerk {
    color: rgba(255, 150, 150, 0.06);
}