/* Achtergrondkleur menubalk */
.bg-gray-800 {
    background-color: #0a4834 !important;
}

/* Achtergrondkleur menubalk items */
.sidebar .nav-item .nav-link:hover {
    background-color: #0d553e !important;
}

/* Achtergrondkleur mobiele header balk */
.navbar-theme-primary:not(.headroom) {
    background-color: #0a4834 !important;
}

.btn-primary {
    color: white;
    background-color: #0a4834;
    border-color: #0a4834;
}

.btn-primary:hover {
    color: white;
    background-color: #0d553e;
    border-color: #0d553e;
}

.btn-outline-primary {
    color: #0a4834;
    border-color: #0a4834;
}

.btn-outline-primary:hover {
    color: white;
    background-color: #0d553e;
    border-color: #0d553e;
}

/* Inloggen button */
.btn-gray-800 {
    color: white;
    background-color: #0a4834;
    border-color: #0a4834;
}

.btn-gray-800:hover {
    color: white;
    background-color: #0d553e;
    border-color: #0d553e;
}

.card {
    border-radius: 0 !important;
}

.shadow {
    box-shadow: none !important;
}

.no-border {
    border-style: hidden !important;
}

.horizontal-div {
    display: flex;
    flex-direction: row;
}

.form-undertext {
    font-size: 0.8em;
    font-weight: normal;
    color: #6a6a6a;
    margin-top: 0.5em;
}

.button-margin {
    margin-right: 10px;
}

@media (min-width: 576px){
    .modal-dialog {
        max-width: 80vw;
    }
}

.content-width {
    max-width: fit-content;
}

::placeholder {
    color: rgb(196, 196, 196) !important;
    opacity: 1; /* Firefox */
  }
  
  ::-ms-input-placeholder { /* Edge 12 -18 */
    color: rgb(196, 196, 196);
  }