/*size for progress bar*/
.upload-files .progress {
    height: 10px;
}

/*color for progress bar in all states*/
.upload-files .progress .progress-bar {
    background-color: var(--upload-progress-color);
}

/*color for completed successfull upload*/
.upload-files .progress-bar.bg-success {
    background-color: var(--upload-progress-color) !important;
}

/*hide percentage when upload completed*/
.upload-files .progress .bg-success span,
.upload-files .progress .bg-danger span {
    display: none;
}

/* display for file name*/
.dxuc-file-view td .col {
    width: 100px;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

/*resize close button*/
.dxuc-file-view .col-auto .dxuc-cancel-icon,
.dxuc-file-view .col-auto .dxuc-button-icon-container,
.dxuc-file-view .col-auto,
.dxuc-file-view .col-auto .dxuc-button-icon-container:hover:before {
    width: 10px;
    height: 10px;
}

.file-name-search-column {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 99%
}