/**************/
/*Kendo Upload*/
/**************/
.k-widget.k-upload {
    border: none;
    width: 100%;
}

.k-upload .k-dropzone {
    border: none;
    border-style: none;
    color: var(--default-font);
    background-color: transparent;
    padding: 0.8em;
    justify-content: center;
}

    .k-upload .k-dropzone .k-upload-button {
        height: 3rem;
        box-shadow: none;
        border-radius: 3px;
        font-weight: 500;
        text-transform: none;
        border: none;
        font-size: 1.6rem;
        line-height: 2rem;
        padding: 8px 14px;
        margin: 0;
        align-items: center;
        display: inline-flex;
        vertical-align: middle;
        flex: 0 0 auto;
        background-color: unset;
        cursor: pointer;
        opacity: 1;
        color: var(--btn-font);
        background-color: var(--btn-active-background);
    }

        .k-upload .k-dropzone .k-upload-button:hover {
            color: var(--btn-font);
            background-color: var(--btn-hover-background);
            box-shadow: none;
            border: none;
        }

        .k-upload .k-dropzone .k-upload-button.k-state-disabled {
            color: var(--btn-font);
            background-color: var(--btn-inactive-background);
        }

            .k-upload .k-dropzone .k-upload-button.k-state-disabled span {
                filter: unset;
            }

.k-upload .k-dropzone-hovered {
    background-color: var(--item-hover-background) !important;
}

#ExamCandidatesImportDataUpload .k-upload .k-dropzone-hovered {
    background-color: var(--panel-body-right-column-background) !important;
}

.k-upload .k-dropzone .k-dropzone-hint {
    display: none;
}

/****************************/
/*Invalid Upload Information*/
/****************************/
.k-upload .k-upload-files .k-file-invalid .k-file-invalid-group-wrapper,
.k-upload .k-upload-files .k-file-invalid .k-file-name-invalid {
    color: var(--alert-font);
    border-color: unset;
}

.k-upload .k-dropzone strong.k-upload-status {
    display: none;
}

/*****************************/
/*Kendo Upload ExamCandidates*/
/*****************************/
.dropZoneElement,
.dropZoneElement .k-widget {
    background-color: var(--panel-body-right-column-background);
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    padding: 20px;
    gap: 10px;
    margin-bottom: 20px;
}

#PopUpAreaDCQD .download-link {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    padding-top: 10px; 
}
    
#ExamCandidatesImportCustomButtons {
    padding: .8em;
}

.dropZoneElement .k-upload-button {
    padding: 1em;
}

.data-matching-item-wrapper {
    display: flex;
    flex-flow: row nowrap;
    padding: 0;
    background: var(--white);
    align-items: center;
    width: 100%;
    height: fit-content;
}

.dropZoneElement.k-dropzone-active.k-dropzone-hovered {
    border: 2px dashed var(--success);
}

/***************/
/*Assign Inputs*/
/***************/
#ExamCandidatesImportButtons,
.row > .phoenix-instruction {
    margin-bottom: 10px;
}

#ExamCandidatesImportButtons {
    display: flex;
    flex-flow: row nowrap;
    gap: 10px;
}