.kt-login__logo img {
    max-width: 100%;
}

.kt-login__container {
    background-color: white;
    padding: 50px 5px 5px 5px;
}

.kt-login__wrapper .kt-checkbox.kt-checkbox--focus > input:checked ~ span {
    border: 1px solid #328317;
}

.kt-login__wrapper .kt-checkbox.kt-checkbox--focus > span:after {
    border: solid #328317;
}

.kt-login.kt-login--1 .kt-login__wrapper .kt-login__form .kt-form__group  input::-webkit-input-placeholder {
    color: #9496A0 !important;
}
.kt-login.kt-login--1 .kt-login__wrapper .kt-login__form .kt-form__group  input:-moz-placeholder{
    color: #9496A0 !important;
}
.kt-login.kt-login--1 .kt-login__wrapper .kt-login__form .kt-form__group  input::-moz-placeholder {
    color: #9496A0 !important;
}
.kt-login.kt-login--1 .kt-login__wrapper .kt-login__form .kt-form__group  input:-ms-input-placeholder {
    color: #9496A0 !important;
}

.kt-login.kt-login--v2 .kt-login__wrapper .kt-login__container .kt-login__head .kt-login__title {
    color: var(--primary);
}

.kt-login.kt-login--v2 .kt-login__wrapper .kt-login__container .kt-form .kt-login__actions .kt-login__btn-primary, .kt-login.kt-login--v2 .kt-login__wrapper .kt-login__container .kt-form .kt-login__actions .kt-login__btn-secondary {
    background-color: var(--primary);
    border-color: var(--primary);
}

.kt-login.kt-login--v2 .kt-login__wrapper  {
    color: #9496A0 !important;
}

.kt-login.kt-login--v2 .kt-login__wrapper .kt-login__container .kt-form .form-control {
    color: #91899f;
    background: #f7f6f9;
}

.kt-login.kt-login--v2 .kt-login__wrapper .kt-login__container .kt-form .kt-login__extra .kt-login__link {
    color: #91899f;
}
.kt-login.kt-login--v2 .kt-login__wrapper .kt-login__container .kt-form .kt-login__extra .kt-login__link:hover {
    color: #91899f;
}

.kt-login.kt-login--v2 .kt-login__wrapper .kt-login__container .kt-form .form-control::placeholder {
    color: #91899f !important;
}

/*
    ---------------- KJ TAGS BEGIN ----------------
 */

.tagify.form-control {
    height: unset;
    min-height: calc(2.95rem + 2px);
}

.tagify__input {
    margin: 0;
    /*padding: 0.3em 0em;*/
    font-weight: normal !important;
}

.tagify__tag {
    margin: 0px 0 5px 5px;
    font-weight: normal !important;
}

.tagify--focus {
    border-color: var(--primary) !important;
}

.tagify {
    --tags-border-color: #ebedf2;
}

.tagify:hover {
    border-color: #ebedf2;
}

.tagify:focus {
    border-color: var(--primary);
}

.tagify.bodypartTags {
    --tag-bg: var(--primary) !important;
    --tag-text-color: white;
}

.tagify.muscletypeTags {
    --tag-bg: #0A2643 !important;
    --tag-text-color: white;
}

.tagify.typeTags {
    --tag-bg: #3CB5E5 !important;
    --tag-text-color: white;
}

.tagify.levelTags {
    --tag-bg: #CF3338 !important;
    --tag-text-color: white;
}

.tagify.goalTags {
    --tag-bg: #28a745 !important;
    --tag-text-color: white;
}

.tagify.materialTags {
    --tag-bg: #3F3F3F !important;
    --tag-text-color: white;
}

.kjtag {
    /*padding-bottom: 5px;*/
    float: left
}

.kjtag span, .kjtag div {
    /*margin: 0px 0 5px 5px;*/
    margin: 0px 5px 5px 0px;
    font-weight: normal !important;
    /*white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
    /*display: inline-block;*/
    vertical-align: top;
    box-sizing: border-box;
    padding: .3em .5em;
    line-height: inherit;
    border-radius: 3px;
}

.kjtag.bodypartTags span, .kjtag.bodypartTags div {
    background-color: var(--primary)  !important;
    color: white !important;
}

.kjtag.muscletypeTags span, .kjtag.muscletypeTags div {
    background-color: #0A2643 !important;
    color: white !important;
}

.kjtag.typeTags span, .kjtag.typeTags div {
    background-color: #3CB5E5 !important;
    color: white !important;
}

.kjtag.levelTags span, .kjtag.levelTags div {
    background-color: #CF3338 !important;
    color: white !important;
}

.kjtag.goalTags span, .kjtag.goalTags div {
    background-color: #28a745 !important;
    color: white !important;
}

.kjtag.materialTags span, .kjtag.materialTags div {
    background-color: #3F3F3F !important;
    color: white !important;
}

.participantkjtag {
    float: left;
}

.participantkjtag span {
    margin: 0 5px 0 0;
}

/*
    ---------------- KJ TAGS EINDE ----------------
 */