.file-uploader {height:100%; width:100%;}
	.file-uploader .fileSize__number {font-size: 14px; padding-left:3px;}

    .file-uploader .fileSize__text {font-size: 10px;}

    .file-uploader .fileSize__type {font-size: 10px;}

    .file-uploader .fileName { font-size: 14px; }


    .file-uploader form.hover { background:#0B98D01A 0% 0% no-repeat padding-box; border: 1px solid var(--info); }

    .file-uploader form.upload .fileupload__uploading,
    .file-uploader form.upload #files-in-upload{ 
		display:block; 
	}

    .file-uploader form.upload .fileupload__text,
    .file-uploader .fileupload__uploading,
    .file-uploader  #files-in-upload,
	.fileupload-card-v2 form.upload .fileupload__percent,
	.fileupload-card-v2 form.upload  .file-upload-btn{ 
		display:none; 
	}


    .file-uploader form .fileupload__uploading{ 
		position:absolute;
		top:80px;
		color:var(--info); 
	}
	

    .file-uploader form #files-in-upload{
        color:var(--secondary)
    }

    .file-uploader form i {font-size:24px; color:var(--info); }

    .file-uploader #fileupload__dropzone { cursor: pointer; }


	.fileupload-card-v2   .file-upload-btn{
		position:absolute;
		top:149px;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: fit-content;
		background-color: var(--secondary-purple)!important;
		color:var(--primary)!important;
		/* height: var(--btn-md-height)!important; */
	}

	.fileupload-card-v2 {
		position: relative;
		width:100%;
		height:100%;
		border: 2px solid var(--divider);
		border-radius: 6px;
		text-align: center;
	}

	.fileupload-card-v2.dragenter{
		border-radius: 5px;
		border: 2px dashed var(--blue-l, #A6C4FF);
		
	}

	.fileupload-card-v2 .card-body {
		position: relative;
		width:100%;
		height:100%;
		padding:0;
	}

	.fileupload-card-v2.dragenter .card-body{
		background-color: rgba(166, 196, 255, 0.10);
	}

	.fileupload-card-v2 .card-body{
		display:flex;
		align-items: center;
		flex-direction: column;
		position:relative;
		width: 100%;
    	height: 100%;

	}

	.fileupload-card-v2 .card-body .fileupload__percent{
		/* display:none */
		color:var(--success-light);
		position: absolute;
		top:133px;
	}

	.fileupload-card-v2 .card-body .fa-cloud-upload{
		position:absolute;
		top:40px;
		font-size: 24px !important;
	}

    .fileupload-card-v2 .card-body .fileupload__text{ 
		position:absolute;
		top:80px;
		right:0;
		left:0;
		margin:0 auto;
		color:var(--info); 
	}

	.fileupload-card-v2 .card-body .fileupload__text{
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.fileupload-card-v2 .card-body .fileupload__text .upload_indicator{
		padding-top:6px;
	}

	.fileupload-card-v2 .card-body .upload_indicator{
		font-size:12px;
		color:var(--secondary);
		display: flex;
		align-items: center;
		flex-direction: row;
	}

	.fileupload-card-v2 .card-body .upload_indicator i.fal{
		font-size: 16px;
		margin-left: 8px;
	}


	html[dir="rtl"] .fileupload-card-v2 .card-body .upload_indicator i.fal{
		margin-right: 8px;	
		margin-left:0px !important;
	}

	.fileupload-card-v2 .card-body .upload_indicator .fileupload-uploaded-filename{
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 223px; 
	}

	.fileupload-card-v2 .file-progress {
		position:absolute;
		top:133px;	
		width:100%;
		padding: 0px 40px;
	}

	.fileupload-card-v2 input[type="file"]{
		display:none;
	}



.fileupload-list.fileupload-list--empty{display:none!important;}
.fileupload-v3{
	position: relative;

	input[type="file"]{
		display:none!important;
	}

	.fileupload-container {
		transition: border-width 0.3s ease;
	}

	.invalid-feedback, .empty-feedback,.additional-feedback {
		display: none;
	}

	.empty-feedback,invalid-feedback {
		width: 100%;
		margin-top: .25rem;
		font-size: .875em;
		color: #dc3545;
	}
	.additional-feedback {
		width: 100%;
		margin-top: .25rem;
		font-size: .875em;
	}
	.fileupload-delete:hover{
		color:var(--danger);
	}
	.fileupload-action-button{display:none;}
	.uploaded_file_delete_icon {
		text-align: end;
	}
}
.fileupload-v3:not(.fileupload-type-b){
	.fileupload-action-button{margin-block-start:1rem;}
}
.fileupload-v3.has-empty-required.has-error {
	.empty-feedback {
		display: block;
		visibility: visible;
		opacity: 1;
	}
}
.fileupload-v3.fileupload-loading{
	.file-upload-btn{display:none;}
}
.fileupload-v3.has-error {
	.fileupload-container {
		border-color: var(--danger);
	}

	.invalid-feedback {
		display: block;
	}
}
.fileupload-v3.has-additional-feedback {
	.additional-feedback {
		display: block!important;
	}
	.fileupload-dropzone{
		display:none!important;
	}
	.file-upload-btn{
		cursor: no-drop !important;
	}
}
.fileupload-v3.fileupload-widget--has-files{
	.fileupload-dropzone,.fileupload-placeholder-b {
		display: none !important;
	}
	.fileupload-action-button{display:inline-block;}
}
.fileupload-type-a {

	.fileupload-container {
		border: 1px solid var(--light-gray);
		position: relative;
		border-radius: 6px !important;
		min-height: 263px;
		padding:40px;
	}
	.initial_content{
		.guidance-icon{
			font-size:24px;
			font-weight:300;
			margin-block-end:1rem;
			color:var(--blue-d);
		}
		.guidance-text{
			color:var(--blue-d);
		}
		.supported-files{display:none}
		.file-upload-btn{
			margin-block-start:2rem;
			max-height:36px;
			line-height:33px;
		}
		.guidance-upload,.guidance-done{
			display:none;
			color:var(--blue-d);
		}
		.guidance-files{
			display:none;
			font-size:12px;
			color:var(--secondary);
		}
	}
	.files-list-header,.rownum,.uploaded_file_size{
		display:none;
	}
	.uploaded_file_name{
		color:var(--secondary);
		font-size:12px;
	}
	.fileupload-delete{
		font-size:16px;
		color:var(--secondary);
	}
	.fileupload-progressbar,.fileupload-list{
		margin-block-start:6px;
	}
	.fileupload-quota-indicator{
		margin-block-start:1rem;
		text-align:center;
	}
	.uploaded-files-list-wrapper{
		max-width: 350px;
		margin: 0 auto;
	}
}
.fileupload-type-a.fileupload-widget--has-files{
	.guidance-text,.guidance-upload,.guidance-files{display:none;}
	.guidance-done{display:block;}
}
.fileupload-type-a.upload{
	.guidance-text,.guidance-done{display:none;}
	.guidance-upload,.guidance-files{display:block;}
}

.fileupload-type-a.dragenter{
	.fileupload-container{
		background-color:#A6C4FF1A;
		border:2px dashed var(--info-light);
	}
}
.fileupload-type-a:hover{
	.initial_content{
		.file-upload-btn{
			border-color: var(--secondary-purple-active) !important;
		}
	}
}

.fileupload-type-b {

	.fileupload-container {
		min-height: 76px;
		padding: 20px !important;
		border: 1px solid var(--light-gray);
		position: relative;
		border-radius: 6px !important;

		.guidance-icon{
			font-size:31px;
			font-weight:100;
			margin-inline-end: 16px;
			color:var(--secondary);
		}
		.guidance-text{
			font-size:clamp(14px, 2vw, 17px);;
		}

		.guidance-text,.supported-files{color:var(--text-comment)!important;}

		input {
			display: none !important
		}

		.fileupload-list {
			.table {
				thead {
					display: none;
				}

				margin: 0;

				td {
					border: unset;
				}

				.rownum, .uploaded_file_size, input[type="file"] {
					display: none;
				}

				.fileupload-file {
					height: 36px;
				}
			}

			tbody i:not(.fileupload-delete) {
				font-family: var(--fa-family-classic, 'Font Awesome 5 Pro');
				color: var(--success);
				content: "\f00c";
			}

			tr:nth-child(1n+2) {
				border-top: 1px solid var(--divider);
			}
		}

		.btn {
			height: 36px;
			line-height: 32px;
		}

		.uploaded_file_name {
			overflow: hidden;
			text-overflow: ellipsis;
			-webkit-line-clamp: 1;
			-webkit-box-orient: vertical;
			position: relative;
			vertical-align: middle;
		}
		.fileupload-progressbar {
			background-color: var(--primary-overlay);
			margin: 10px 0.5rem;
			display: none;

			.progress-bar {
				height: inherit;
				line-height: initial;
			}
		}

		.fileupload-delete {
			font-size: 16px;
			font-weight: 300;
			color: var(--secondary);
			margin-block-start: 3px;
			float: inline-end;
			margin-inline-end: 12px;
		}

		.fileupload-delete:hover {
			color: var(--danger) !important;
		}

		.uploaded_file_delete_icon {
			width: 10%;
			padding-inline-end: 8px !important;
		}

		.fileupload-no-file-attached {
			font-size: 14px;
		}

		.file-upload-btn {
			border-width: 1px !important;
			min-width: 100px;
		}
	}

	.uploaded-files-list-wrapper {
		.files-list-header {
			display: none;
		}

		.files-list {
			padding-block: 5px;

			.rownum, .uploaded_file_size {
				display: none;
			}

			.fileupload-file {
				margin-inline: -12px;
			}
		}
	}
}
.fileupload-type-b:hover {
	.btn:not(:disabled):not(.disabled):not(.bs-placeholder):not(#search_btn_i):not(#search_btn_x) {
		box-shadow: var(--btn-box-shadow-hover);
	}

	.btn:not(:disabled):not(.disabled,.slim-btn,.bs-placeholder):not([class*=" btn-outline"]) {
		background-image: var(--btn-gradient-hover);
	}

	.btn-secondary:not(:disabled):not(.disabled), .show > .btn-secondary.dropdown-toggle {
		background-color: var(--secondary-purple-hover);
		border-color: var(--secondary-purple-active) !important;
	}

	.guidance-text,.guidance-icon{
		color: var(--primary)!important;
	}
}

.fileupload-type-b.dragenter {
	.fileupload-container {
		border: 1px dashed var(--primary-light);
		background-color: var(--primary-overlay-opacity-10);
		outline:0;
	}
}
.fileupload-type-c {
	.fileupload-container {
		min-height: 44px;
		padding: 3px !important;
		border: 1px solid var(--light-gray);
		position: relative;
		border-radius: 6px !important;

		input {
			display: none !important
		}
		.fa-cloud-upload{display:none;}

		.fileupload-list {
			.table {
				thead {
					display: none;
				}

				margin: 0;

				td {
					border: unset;
				}

				.rownum, .uploaded_file_size, input[type="file"] {
					display: none;
				}

				.fileupload-file {
					height: 36px;
				}
			}

			tbody i:not(.fileupload-delete) {
				font-family: var(--fa-family-classic, 'Font Awesome 5 Pro');
				color: var(--success);
				content: "\f00c";
			}

			tr:nth-child(1n+2) {
				border-top: 1px solid var(--divider);
			}
		}

		.btn {
			height: 36px;
			line-height: 32px;
		}

		.uploaded_file_name {
			overflow: hidden;
			text-overflow: ellipsis;
			-webkit-line-clamp: 1;
			-webkit-box-orient: vertical;
			position: relative;
			vertical-align: middle;
			padding-block-start: 3px;
		}
		.uploaded_file_name_col {
			padding-inline-start: 6px !important;
		}
		.fileupload-progressbar {
			background-color: var(--primary-overlay);
			margin: 10px 0.5rem;
			display: none;

			.progress-bar {
				height: inherit;
				line-height: initial;
			}
		}

		.fileupload-delete {
			font-size: 16px;
			font-weight: 300;
			color: var(--secondary);
			margin-block-start: 6px;
			float: inline-end;
		}

		.fileupload-delete:hover {
			color: var(--danger) !important;
		}

		.uploaded_file_delete_icon {
			width: 10%;
			padding-inline-end: 8px !important;
		}

		.fileupload-no-file-attached {
			font-size: 14px;
		}

		.file-upload-btn {
			border-width: 1px !important;
			min-width: 100px;
		}
	}

	.uploaded-files-list-wrapper {
		.files-list-header {
			display: none;
		}

		.files-list {
			padding-block-start: 5px;

			.rownum, .uploaded_file_size {
				display: none;
			}

			.fileupload-file {
				margin-inline: -12px;
			}
		}
	}
}

.fileupload-type-c:hover {
	.btn:not(:disabled):not(.disabled):not(.bs-placeholder):not(#search_btn_i):not(#search_btn_x) {
		box-shadow: var(--btn-box-shadow-hover);
	}

	.btn:not(:disabled):not(.disabled,.slim-btn,.bs-placeholder):not([class*=" btn-outline"]) {
		background-image: var(--btn-gradient-hover);
	}

	.btn-secondary:not(:disabled):not(.disabled), .show > .btn-secondary.dropdown-toggle {
		background-color: var(--secondary-purple-hover);
		border-color: var(--secondary-purple-active) !important;
	}
}

.fileupload-type-c.dragenter {
	.fileupload-container {
		border: 1px dashed var(--primary-light);
		background-color: var(--primary-overlay-opacity-10);
	}
}

.fileupload-type-c.has-error {
	.fileupload-container {
		border-color: var(--danger);
	}

	.invalid-feedback {
		display: block;
	}
}

.fileupload-type-d {

}
.fileupload-type-e {


}

.fileupload-type-f {
	.fileupload-container {
		border: 1px dashed var(--light-gray);
		background-color: rgba(166, 196, 255, 0.06);
		position: relative;
		border-radius: 10px !important;
		min-height: 209px;
		padding: 14px 20px;
	}

	.fileupload-f-layout {
		display: flex;
		align-items: center;
		gap: 24px;
		height: 100%;
	}

	.fileupload-f-preview {
		flex-shrink: 0;
		max-width: 190px;
		width: 100%;
		min-height: 179px;
		background-color: rgba(119, 158, 235, 0.1);
		border-radius: 8px;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		overflow: hidden;
	}

	.fileupload-f-icon-wrapper {
		width: 54px;
		height: 54px;
		border-radius: 50%;
		background-color: rgba(46, 107, 229, 0.1);
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.fileupload-f-icon-wrapper i {
		font-size: 24px;
		color: var(--blue-d);
		margin:0;
	}

	.fileupload-f-file-thumb {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
	}

	.fileupload-f-file-preview-content {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		width: 100%;
		height: 100%;
		gap: 6px;
	}

	.fileupload-f-file-preview-content img {
		max-width: 100%;
		max-height: 179px;
		object-fit: contain;
		border-radius: 8px;
	}

	.fileupload-f-generic-icon {
		font-size: 48px;
		color: var(--secondary);
	}

	.fileupload-f-filename {
		font-size: 11px;
		color: var(--secondary);
		text-align: center;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		max-width: 170px;
		display: block;
	}

	.fileupload-f-remove {
		display: none;
		position: absolute;
		top: 18px;
		left: 18px;
		width: 24px;
		height: 24px;
		border-radius: 50%;
		background-color: var(--danger-200);
		color: var(--danger);
		align-items: center;
		justify-content: center;
		cursor: pointer;
		font-size: 12px;
		z-index: 2;
	}

	.fileupload-f-remove:hover {
		background-color: var(--danger);
		color: #fff;
	}

	.fileupload-f-text {
		display: flex;
		flex-direction: column;
		gap: 4px;
	}

	.guidance-text {
		color: var(--blue-d, #2E6BE5);
		font-size: 14px;
		line-height: 20px;
	}

	.guidance-upload {
		display: none;
		color: var(--blue-d, #2E6BE5);
		font-size: 14px;
	}

	.guidance-done {
		display: none;
	}

	.fileupload-quota-indicator {
		font-size: 12px;
		color: var(--secondary, #8593A1);
	}

	.supported-files {
		display: none;
	}

	.file-upload-btn {
		display: none !important;
	}

	.fileupload-progressbar {
		margin-block-start: 6px;
	}

	.fileupload-list {
		display: none!important;
		margin-block-start: 6px;

		.table {
			thead { display: none; }
			margin: 0;
			td { border: unset; }

			.rownum, .uploaded_file_size, input[type="file"] {
				display: none;
			}

			.fileupload-file {
				height: 36px;
			}
		}

		tbody i:not(.fileupload-delete) {
			font-family: var(--fa-family-classic, 'Font Awesome 5 Pro');
			color: var(--success);
		}

		tr:nth-child(1n+2) {
			border-top: 1px solid var(--divider);
		}
	}

	.fileupload-list.fileupload-list--empty {
		display: none !important;
	}

	.files-list-header, .rownum, .uploaded_file_size {
		display: none;
	}

	.uploaded_file_name {
		color: var(--secondary);
		font-size: 12px;
	}

	.fileupload-delete {
		font-size: 16px;
		color: var(--secondary);
	}

	.uploaded_file_delete_icon {
		width: 10%;
		padding-inline-end: 8px !important;
	}

	.uploaded-files-list-wrapper {
		max-width: 350px;
	}
}
@media (max-width: 768px) {
	.fileupload-type-f{
		.fileupload-f-layout{
			flex-direction: column;
		}
	}
}

html[dir="rtl"] .fileupload-type-f .fileupload-f-remove {
	left: auto;
	right: 18px;
}

.fileupload-type-f.dragenter {
	.fileupload-container {
		border: 2px dashed var(--info-light, #A6C4FF);
		background-color: rgba(166, 196, 255, 0.10);
	}
}

.fileupload-type-f.upload {
	.guidance-text { display: none; }
	.guidance-upload { display: block; }
}

.fileupload-type-f.fileupload-widget--has-files {
	.fileupload-f-icon-wrapper { display: none; }
	.fileupload-f-file-thumb { display: flex !important; }
	.guidance-text { display: none; }
	.guidance-done { display: block; }
	.fileupload-f-remove { display: flex;}
}

.fileupload-type-f.has-error {
	.fileupload-container {
		border-color: var(--danger, #B0002F);
	}
	.invalid-feedback {
		display: block;
		color: var(--danger, #B0002F);
		font-size: 10px;
	}
}

.fileupload-type-f:hover {
	.fileupload-f-icon-wrapper {
		background-color: rgba(46, 107, 229, 0.15);
	}
}