/* Custom voor file input vant gefocuste field is niet de input
*/
.custom-file-input:focus ~ .custom-file-label,
.custom-file-input:focus ~ .active {
    border-bottom: 1px solid var(--primary) !important;
}

.custom-file-input, .custom-file-label {
    cursor: pointer;
}

.custom-file-label{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.custom-file-label::after {
    background-color: rgb(235,247,252) !important;
    color: var(--kj-fris-blauw) !important;
    cursor: pointer;
    z-index: 1000000;
}

.custom-file-input:hover ~ .custom-file-label::after {
    background-color: #3CB5E5 !important;
    color: #ffffff !important;
}

.custom-file-input:lang(nl) ~ .custom-file-label::after {
    content: "Upload"
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
    content: "Browse"
}

.custom-file-input:lang(es) ~ .custom-file-label::after {
    content: "Elegir"
}

.custom-file-input:lang(pl) ~ .custom-file-label::after {
    content: "Wybierz"
}

.custom-file-input:lang(fr) ~ .custom-file-label::after {
    content: "Choisir"
}

.custom-file-input:lang(in) ~ .custom-file-label::after {
    content: "Pilih"
}

.custom-file-input:lang(zh) ~ .custom-file-label::after {
    content: "選擇"
}

.custom-file-input:lang(de) ~ .custom-file-label::after {
    content: "Wählen"
}

.custom-file-input:lang(ru) ~ .custom-file-label::after {
    content: "выбирать"
}