/* ALLE HEADERS KLEUR VAN HET LOGO: #0059B2 */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #0059B2;
}

/* NODIG OM DE FIXED NAVBAR NIET OVER DE CONTENT TE LATEN LOPEN. NIET OP DE LOGIN PAGINA */
body {
    padding-top: 50px;
}

    body.login {
        padding-top: 0;
    }

/* DE KLEUREN DIE IK GEBRUIK IN DE AJAX CALLBACK OM ICONEN TE STIJLEN */
.red {
    color: #dc143c !important;
}

.green {
    color: #008000 !important;
}

.grey {
    color: #efefef !important;
}

/* DEZE CLASS GEBRUIK IK BIJ EEN DELETE KNOP */
.confirm {
}

/* EEN ALGEMENE CLASS DIE IK KAN GEBRUIKEN WANNEER EEN ELEMENT DEZELFDE MARGIN-TOP MOET HEBBEN ALS DE H1 */
.margin-top-like-h1 {
    margin-top: 36px;
}

/* LOGO IN DE MENUBAR/NAVBAR */
.logo-in-nav {
    display: block;
    margin: 5px 20px 0 0;
    width: 37px;
    height: 37px;
    float: left;
}

    .logo-in-nav img {
        max-width: 100%;
    }

/* LOGIN */
html, body {
    min-height: 100%;
    width: 100%;
    color: #484848;
}

#Login-image {
    background: url(/img/tiger.jpg) no-repeat center center;
    height: 100vh;
    background-size: cover
}

.img-half-size {
    max-width: 50%;
}

.margin-top-md {
    margin-top: 20px;
}

.margin-top-50 {
    margin-top: 50px;
}

@media only screen and (min-width: 768px) {

    /* DEZE MINIMALE HOOGTE MOET ER EVEN IN ANDERS PAST DE DATE PICKER ER NIET GOED IN EN SCHUIFT ONDE DE NAVIGATIEBALK */
    body {
        min-height: 520px;
    }
}