/***********************************************************************************************************************
    DROPZONE DOCUMENTS
***********************************************************************************************************************/
.kj-documentexplorer:focus{
    outline: none;
}

.kj-documentexplorer .dropzone {
    border: none !important;
    min-height: 100%;
    padding: 0px 0px 10px 0px !important;
}

.kj-documentexplorer .dropzone .dz-message {
    margin: unset;
}

.kj-documentexplorer .dropzone .kt-widget4__item {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 15px;
}

.kj-documentexplorer .dropzone .kt-widget4__item:last-child {
    padding-bottom: 0.5rem !important;
}

.kj-documentexplorer .dropzone .kt-widget4__item.kt-widget4__item--selected,
.kj-documentexplorer .dropzone .kt-widget4__item.ui-droppable-hover {
    background: #f7f8fa;
}

.documentUploader.ui-droppable-hover {
    background: unset;
}

.kj-documentexplorer .dropzone .kt-widget4__item.ui-draggable-dragging {
    background: rgba(60, 181, 229, 0.07);
    border: 1px solid rgba(60, 181, 229, 0.2);
}

.kj-documentexplorer .dropzone .kt-widget4__item.ui-draggable-handle {
    cursor: pointer;
}

.kj-documentexplorer .dropzone .kt-widget4__item.header {
    border-bottom: 0.07rem solid #ebedf2 !important;
}

.kj-documentexplorer .dropzone.dz-started .dz-message {
    display: block;
}

.kj-documentexplorer .dropzone .kt-dropzone__msg-title {
    font-size: 1.75rem;
}

.kj-documentexplorer .dropzone .kt-dropzone__msg-desc {
    font-size: 1rem;
}

.kj-documentexplorer .dropzone .kt-widget4__info {
    text-align: left;
    line-height: 2.6rem;
}

.kj-documentexplorer .dropzone .kt-widget4__title {
    text-align: left;
    cursor: pointer !important;
    width: 150%;
    /*display: block; !* Fill a href on full column *!*/
    font-size: 1rem !important;
}

.kj-documentexplorer .dropzone .kt-widget4__img.kt-widget4__img--logo {
    width: 2.5em !important;
}

.kj-documentexplorer .dropzone .kt-widget4__img.kt-widget4__img--logo img {
    border-radius: unset !important;
    width: 2.5em !important;
    min-width: 2.5em !important;
}

.kj-documentexplorer .bordered-toolbar {
    border-bottom: 0.07rem solid #ebedf2 !important;
}
.kj-documentexplorer .bordered-toolbar .btn-toolbar {
    border-right: 0.07rem solid #ebedf2 !important;
}

.kj-documentexplorer .reloadDocuments .reloadButton {
    display: block;
    background: #f2f3f8;
    text-decoration: none;
    position: relative;
    height: 32px;
    line-height: 32px;
    padding: 0px 15px 0px 15px;
    text-align: center;
    font-size: 1.15rem;
    -moz-border-radius: 0.2rem;
    -webkit-border-radius: 0.2rem;
    border-radius: 0.2rem;
}
.kj-documentexplorer .reloadDocuments .reloadButton:hover {
    background-color: var(--kj-fris-blauw);
    color: #FFFFFF !important;
}

.kj-documentexplorer .breadcrumb-dropzone {
    display: inline-block;
    /*min-width: 100%;*/
}
.kj-documentexplorer .breadcrumb-dropzone .breadcrumb_item {
    float: left;
}
.kj-documentexplorer .breadcrumb-dropzone .breadcrumb_item a {
    display: block;
    background: #f2f3f8;
    text-decoration: none;
    position: relative;
    height: 32px;
    line-height: 32px;
    padding: 0 10px 0 5px;
    text-align: center;
    margin-right: 23px;
    font-size: 0.875rem;
    font-weight: 500;
}
.kj-documentexplorer .breadcrumb-dropzone .breadcrumb_item:nth-child(even) a {
    background-color: #f2f3f8;
}
.kj-documentexplorer .breadcrumb-dropzone .breadcrumb_item:nth-child(even) a:before {
    border-color: #f2f3f8;
    border-left-color: transparent;
}
.kj-documentexplorer .breadcrumb-dropzone .breadcrumb_item:nth-child(even) a:after {
    border-left-color: #f2f3f8;
}
.kj-documentexplorer .breadcrumb-dropzone .breadcrumb_item:first-child a {
    padding-left: 15px;
    -moz-border-radius: 0.2rem 0 0 0.2rem;
    -webkit-border-radius: 0.2rem;
    border-radius: 0.2rem 0 0 0.2rem;
}
.kj-documentexplorer .breadcrumb-dropzone .breadcrumb_item:first-child a:before {
    border: none;
}
.kj-documentexplorer .breadcrumb-dropzone .breadcrumb_item:last-child a {
    padding-right: 15px;
    -moz-border-radius: 0 0.2rem 0.2rem 0;
    -webkit-border-radius: 0.2rem;
    border-radius: 0 0.2rem 0.2rem 0;
}
.kj-documentexplorer .breadcrumb-dropzone .breadcrumb_item:last-child a:after {
    border: none;
}
.kj-documentexplorer .breadcrumb-dropzone .breadcrumb_item a:before,
.kj-documentexplorer .breadcrumb-dropzone .breadcrumb_item a:after {
    content: "";
    position: absolute;
    top: 0;
    border: 0 solid #f2f3f8;
    border-width: 16px 10px;
    width: 0;
    height: 0;
}
.kj-documentexplorer .breadcrumb-dropzone .breadcrumb_item a:before {
    left: -20px;
    border-left-color: transparent;
}
.kj-documentexplorer .breadcrumb-dropzone .breadcrumb_item a:after {
    left: 100%;
    border-color: transparent;
    border-left-color: #f2f3f8;
}
.kj-documentexplorer .breadcrumb-dropzone .breadcrumb_item a:hover {
    background-color: var(--kj-fris-blauw);
    color: #FFFFFF !important;
}
.kj-documentexplorer .breadcrumb-dropzone .breadcrumb_item a:hover:before {
    border-color: var(--kj-fris-blauw);
    border-left-color: transparent;
}
.kj-documentexplorer .breadcrumb-dropzone .breadcrumb_item a:hover:after {
    border-left-color: var(--kj-fris-blauw);
}
.kj-documentexplorer .breadcrumb-dropzone .breadcrumb_item.active a,
.kj-documentexplorer .breadcrumb-dropzone .breadcrumb_item.ui-droppable-hover a {
    background-color: var(--kj-fris-blauw);
    color: #FFFFFF !important;
}
.kj-documentexplorer .breadcrumb-dropzone .breadcrumb_item.active a:before,
.kj-documentexplorer .breadcrumb-dropzone .breadcrumb_item.ui-droppable-hover a:before {
    border-color: var(--kj-fris-blauw);
    border-left-color: transparent;
}
.kj-documentexplorer .breadcrumb-dropzone .breadcrumb_item.active a:after,
.kj-documentexplorer .breadcrumb-dropzone .breadcrumb_item.ui-droppable-hover a:after {
    border-left-color: var(--kj-fris-blauw);
}

.kj-documentexplorer .kt-nav {
    padding 0.5rem 0;
}

.kj-documentexplorer .kt-nav .kt-nav__head, .kj-documentexplorer .kt-nav .kt-nav__foot {
    padding: 0rem 0.5rem;
    font-size: 1rem;
}

.kj-documentexplorer .kt-nav .kt-nav__item > .kt-nav__link {
    padding: 0rem 1.75rem;
}

.kj-documentexplorer.loadingblur {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}

.kj-documentexplorer > .kt-widget4,
.kj-documentexplorer > .dropzone {
    height: 100%;
}

.kj-documentexplorer .baseInfo {
    word-break: break-all !important;
}