Tiny File Manager | public.layout.rtl.css

Back Back Up Advanced Editor

.wsf-invalid-feedback,
[data-select-min-max], 
[data-checkbox-min-max] {
	display: none;
}

.wsf-validated .wsf-field:invalid ~ .wsf-invalid-feedback,
.wsf-validated .wsf-field.wsf-invalid ~ .wsf-invalid-feedback,
.wsf-validated [role="radiogroup"][data-wsf-invalid] ~ .wsf-invalid-feedback,
.wsf-validated [data-select-min-max]:invalid ~ .wsf-invalid-feedback,
.wsf-validated [data-checkbox-min-max]:invalid ~ .wsf-invalid-feedback {
	display: block;
}

.wsf-grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.wsf-tile {
	position: relative;
	width: 100%;
	box-sizing: border-box;
}

.wsf-extra-small-1 {
	-webkit-box-flex: 0 !important;
	-ms-flex: 0 0 8.333333% !important;
	flex: 0 0 8.333333% !important;
	max-width: 8.333333% !important;
}

.wsf-extra-small-2 {
	-webkit-box-flex: 0 !important;
	-ms-flex: 0 0 16.666667% !important;
	flex: 0 0 16.666667% !important;
	max-width: 16.666667% !important;
}

.wsf-extra-small-3 {
	-webkit-box-flex: 0 !important;
	-ms-flex: 0 0 25% !important;
	flex: 0 0 25% !important;
	max-width: 25% !important;
}

.wsf-extra-small-4 {
	-webkit-box-flex: 0 !important;
	-ms-flex: 0 0 33.333333% !important;
	flex: 0 0 33.333333% !important;
	max-width: 33.333333% !important;
}

.wsf-extra-small-5 {
	-webkit-box-flex: 0 !important;
	-ms-flex: 0 0 41.666667% !important;
	flex: 0 0 41.666667% !important;
	max-width: 41.666667% !important;
}

.wsf-extra-small-6 {
	-webkit-box-flex: 0 !important;
	-ms-flex: 0 0 50% !important;
	flex: 0 0 50% !important;
	max-width: 50% !important;
}

.wsf-extra-small-7 {
	-webkit-box-flex: 0 !important;
	-ms-flex: 0 0 58.333333% !important;
	flex: 0 0 58.333333% !important;
	max-width: 58.333333% !important;
}

.wsf-extra-small-8 {
	-webkit-box-flex: 0 !important;
	-ms-flex: 0 0 66.666667% !important;
	flex: 0 0 66.666667% !important;
	max-width: 66.666667% !important;
}

.wsf-extra-small-9 {
	-webkit-box-flex: 0 !important;
	-ms-flex: 0 0 75% !important;
	flex: 0 0 75% !important;
	max-width: 75% !important;
}

.wsf-extra-small-10 {
	-webkit-box-flex: 0 !important;
	-ms-flex: 0 0 83.333333% !important;
	flex: 0 0 83.333333% !important;
	max-width: 83.333333% !important;
}

.wsf-extra-small-11 {
	-webkit-box-flex: 0 !important;
	-ms-flex: 0 0 91.666667% !important;
	flex: 0 0 91.666667% !important;
	max-width: 91.666667% !important;
}

.wsf-extra-small-12 {
	-webkit-box-flex: 0 !important;
	-ms-flex: 0 0 100% !important;
	flex: 0 0 100% !important;
	max-width: 100% !important;
}

@media (min-width: 576px) {

.wsf-small-1 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 8.333333% !important;
		flex: 0 0 8.333333% !important;
		max-width: 8.333333% !important;
	}

.wsf-small-2 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 16.666667% !important;
		flex: 0 0 16.666667% !important;
		max-width: 16.666667% !important;
	}

.wsf-small-3 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 25% !important;
		flex: 0 0 25% !important;
		max-width: 25% !important;
	}

.wsf-small-4 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 33.333333% !important;
		flex: 0 0 33.333333% !important;
		max-width: 33.333333% !important;
	}

.wsf-small-5 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 41.666667% !important;
		flex: 0 0 41.666667% !important;
		max-width: 41.666667% !important;
	}

.wsf-small-6 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important;
		max-width: 50% !important;
	}

.wsf-small-7 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 58.333333% !important;
		flex: 0 0 58.333333% !important;
		max-width: 58.333333% !important;
	}

.wsf-small-8 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 66.666667% !important;
		flex: 0 0 66.666667% !important;
		max-width: 66.666667% !important;
	}

.wsf-small-9 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 75% !important;
		flex: 0 0 75% !important;
		max-width: 75% !important;
	}

.wsf-small-10 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 83.333333% !important;
		flex: 0 0 83.333333% !important;
		max-width: 83.333333% !important;
	}

.wsf-small-11 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 91.666667% !important;
		flex: 0 0 91.666667% !important;
		max-width: 91.666667% !important;
	}

.wsf-small-12 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

}

@media (min-width: 768px) {

.wsf-medium-1 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 8.333333% !important;
		flex: 0 0 8.333333% !important;
		max-width: 8.333333% !important;
	}

.wsf-medium-2 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 16.666667% !important;
		flex: 0 0 16.666667% !important;
		max-width: 16.666667% !important;
	}

.wsf-medium-3 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 25% !important;
		flex: 0 0 25% !important;
		max-width: 25% !important;
	}

.wsf-medium-4 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 33.333333% !important;
		flex: 0 0 33.333333% !important;
		max-width: 33.333333% !important;
	}

.wsf-medium-5 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 41.666667% !important;
		flex: 0 0 41.666667% !important;
		max-width: 41.666667% !important;
	}

.wsf-medium-6 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important;
		max-width: 50% !important;
	}

.wsf-medium-7 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 58.333333% !important;
		flex: 0 0 58.333333% !important;
		max-width: 58.333333% !important;
	}

.wsf-medium-8 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 66.666667% !important;
		flex: 0 0 66.666667% !important;
		max-width: 66.666667% !important;
	}

.wsf-medium-9 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 75% !important;
		flex: 0 0 75% !important;
		max-width: 75% !important;
	}

.wsf-medium-10 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 83.333333% !important;
		flex: 0 0 83.333333% !important;
		max-width: 83.333333% !important;
	}

.wsf-medium-11 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 91.666667% !important;
		flex: 0 0 91.666667% !important;
		max-width: 91.666667% !important;
	}

.wsf-medium-12 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

}

@media (min-width: 992px) {

.wsf-large-1 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 8.333333% !important;
		flex: 0 0 8.333333% !important;
		max-width: 8.333333% !important;
	}

.wsf-large-2 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 16.666667% !important;
		flex: 0 0 16.666667% !important;
		max-width: 16.666667% !important;
	}

.wsf-large-3 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 25% !important;
		flex: 0 0 25% !important;
		max-width: 25% !important;
	}

.wsf-large-4 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 33.333333% !important;
		flex: 0 0 33.333333% !important;
		max-width: 33.333333% !important;
	}

.wsf-large-5 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 41.666667% !important;
		flex: 0 0 41.666667% !important;
		max-width: 41.666667% !important;
	}

.wsf-large-6 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important;
		max-width: 50% !important;
	}

.wsf-large-7 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 58.333333% !important;
		flex: 0 0 58.333333% !important;
		max-width: 58.333333% !important;
	}

.wsf-large-8 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 66.666667% !important;
		flex: 0 0 66.666667% !important;
		max-width: 66.666667% !important;
	}

.wsf-large-9 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 75% !important;
		flex: 0 0 75% !important;
		max-width: 75% !important;
	}

.wsf-large-10 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 83.333333% !important;
		flex: 0 0 83.333333% !important;
		max-width: 83.333333% !important;
	}

.wsf-large-11 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 91.666667% !important;
		flex: 0 0 91.666667% !important;
		max-width: 91.666667% !important;
	}

.wsf-large-12 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

}

@media (min-width: 1200px) {

.wsf-extra-large-1 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 8.333333% !important;
		flex: 0 0 8.333333% !important;
		max-width: 8.333333% !important;
	}

.wsf-extra-large-2 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 16.666667% !important;
		flex: 0 0 16.666667% !important;
		max-width: 16.666667% !important;
	}

.wsf-extra-large-3 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 25% !important;
		flex: 0 0 25% !important;
		max-width: 25% !important;
	}

.wsf-extra-large-4 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 33.333333% !important;
		flex: 0 0 33.333333% !important;
		max-width: 33.333333% !important;
	}

.wsf-extra-large-5 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 41.666667% !important;
		flex: 0 0 41.666667% !important;
		max-width: 41.666667% !important;
	}

.wsf-extra-large-6 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important;
		max-width: 50% !important;
	}

.wsf-extra-large-7 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 58.333333% !important;
		flex: 0 0 58.333333% !important;
		max-width: 58.333333% !important;
	}

.wsf-extra-large-8 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 66.666667% !important;
		flex: 0 0 66.666667% !important;
		max-width: 66.666667% !important;
	}

.wsf-extra-large-9 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 75% !important;
		flex: 0 0 75% !important;
		max-width: 75% !important;
	}

.wsf-extra-large-10 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 83.333333% !important;
		flex: 0 0 83.333333% !important;
		max-width: 83.333333% !important;
	}

.wsf-extra-large-11 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 91.666667% !important;
		flex: 0 0 91.666667% !important;
		max-width: 91.666667% !important;
	}

.wsf-extra-large-12 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

}

.wsf-offset-extra-small-0 {
	-webkit-margin-start: 0% !important;
	margin-inline-start: 0% !important;
}

.wsf-offset-extra-small-1 {
	-webkit-margin-start: 8.3333333333333% !important;
	margin-inline-start: 8.3333333333333% !important;
}

.wsf-offset-extra-small-2 {
	-webkit-margin-start: 16.666666666667% !important;
	margin-inline-start: 16.666666666667% !important;
}

.wsf-offset-extra-small-3 {
	-webkit-margin-start: 25% !important;
	margin-inline-start: 25% !important;
}

.wsf-offset-extra-small-4 {
	-webkit-margin-start: 33.333333333333% !important;
	margin-inline-start: 33.333333333333% !important;
}

.wsf-offset-extra-small-5 {
	-webkit-margin-start: 41.666666666667% !important;
	margin-inline-start: 41.666666666667% !important;
}

.wsf-offset-extra-small-6 {
	-webkit-margin-start: 50% !important;
	margin-inline-start: 50% !important;
}

.wsf-offset-extra-small-7 {
	-webkit-margin-start: 58.333333333333% !important;
	margin-inline-start: 58.333333333333% !important;
}

.wsf-offset-extra-small-8 {
	-webkit-margin-start: 66.666666666667% !important;
	margin-inline-start: 66.666666666667% !important;
}

.wsf-offset-extra-small-9 {
	-webkit-margin-start: 75% !important;
	margin-inline-start: 75% !important;
}

.wsf-offset-extra-small-10 {
	-webkit-margin-start: 83.333333333333% !important;
	margin-inline-start: 83.333333333333% !important;
}

.wsf-offset-extra-small-11 {
	-webkit-margin-start: 91.666666666667% !important;
	margin-inline-start: 91.666666666667% !important;
}

.wsf-offset-extra-small-12 {
	-webkit-margin-start: 100% !important;
	margin-inline-start: 100% !important;
}

@media (min-width: 576px) {

.wsf-offset-small-0 {
		-webkit-margin-start: 0% !important;
		margin-inline-start: 0% !important;
	}

.wsf-offset-small-1 {
		-webkit-margin-start: 8.3333333333333% !important;
		margin-inline-start: 8.3333333333333% !important;
	}

.wsf-offset-small-2 {
		-webkit-margin-start: 16.666666666667% !important;
		margin-inline-start: 16.666666666667% !important;
	}

.wsf-offset-small-3 {
		-webkit-margin-start: 25% !important;
		margin-inline-start: 25% !important;
	}

.wsf-offset-small-4 {
		-webkit-margin-start: 33.333333333333% !important;
		margin-inline-start: 33.333333333333% !important;
	}

.wsf-offset-small-5 {
		-webkit-margin-start: 41.666666666667% !important;
		margin-inline-start: 41.666666666667% !important;
	}

.wsf-offset-small-6 {
		-webkit-margin-start: 50% !important;
		margin-inline-start: 50% !important;
	}

.wsf-offset-small-7 {
		-webkit-margin-start: 58.333333333333% !important;
		margin-inline-start: 58.333333333333% !important;
	}

.wsf-offset-small-8 {
		-webkit-margin-start: 66.666666666667% !important;
		margin-inline-start: 66.666666666667% !important;
	}

.wsf-offset-small-9 {
		-webkit-margin-start: 75% !important;
		margin-inline-start: 75% !important;
	}

.wsf-offset-small-10 {
		-webkit-margin-start: 83.333333333333% !important;
		margin-inline-start: 83.333333333333% !important;
	}

.wsf-offset-small-11 {
		-webkit-margin-start: 91.666666666667% !important;
		margin-inline-start: 91.666666666667% !important;
	}

.wsf-offset-small-12 {
		-webkit-margin-start: 100% !important;
		margin-inline-start: 100% !important;
	}

}

@media (min-width: 768px) {

.wsf-offset-medium-0 {
		-webkit-margin-start: 0% !important;
		margin-inline-start: 0% !important;
	}

.wsf-offset-medium-1 {
		-webkit-margin-start: 8.3333333333333% !important;
		margin-inline-start: 8.3333333333333% !important;
	}

.wsf-offset-medium-2 {
		-webkit-margin-start: 16.666666666667% !important;
		margin-inline-start: 16.666666666667% !important;
	}

.wsf-offset-medium-3 {
		-webkit-margin-start: 25% !important;
		margin-inline-start: 25% !important;
	}

.wsf-offset-medium-4 {
		-webkit-margin-start: 33.333333333333% !important;
		margin-inline-start: 33.333333333333% !important;
	}

.wsf-offset-medium-5 {
		-webkit-margin-start: 41.666666666667% !important;
		margin-inline-start: 41.666666666667% !important;
	}

.wsf-offset-medium-6 {
		-webkit-margin-start: 50% !important;
		margin-inline-start: 50% !important;
	}

.wsf-offset-medium-7 {
		-webkit-margin-start: 58.333333333333% !important;
		margin-inline-start: 58.333333333333% !important;
	}

.wsf-offset-medium-8 {
		-webkit-margin-start: 66.666666666667% !important;
		margin-inline-start: 66.666666666667% !important;
	}

.wsf-offset-medium-9 {
		-webkit-margin-start: 75% !important;
		margin-inline-start: 75% !important;
	}

.wsf-offset-medium-10 {
		-webkit-margin-start: 83.333333333333% !important;
		margin-inline-start: 83.333333333333% !important;
	}

.wsf-offset-medium-11 {
		-webkit-margin-start: 91.666666666667% !important;
		margin-inline-start: 91.666666666667% !important;
	}

.wsf-offset-medium-12 {
		-webkit-margin-start: 100% !important;
		margin-inline-start: 100% !important;
	}

}

@media (min-width: 992px) {

.wsf-offset-large-0 {
		-webkit-margin-start: 0% !important;
		margin-inline-start: 0% !important;
	}

.wsf-offset-large-1 {
		-webkit-margin-start: 8.3333333333333% !important;
		margin-inline-start: 8.3333333333333% !important;
	}

.wsf-offset-large-2 {
		-webkit-margin-start: 16.666666666667% !important;
		margin-inline-start: 16.666666666667% !important;
	}

.wsf-offset-large-3 {
		-webkit-margin-start: 25% !important;
		margin-inline-start: 25% !important;
	}

.wsf-offset-large-4 {
		-webkit-margin-start: 33.333333333333% !important;
		margin-inline-start: 33.333333333333% !important;
	}

.wsf-offset-large-5 {
		-webkit-margin-start: 41.666666666667% !important;
		margin-inline-start: 41.666666666667% !important;
	}

.wsf-offset-large-6 {
		-webkit-margin-start: 50% !important;
		margin-inline-start: 50% !important;
	}

.wsf-offset-large-7 {
		-webkit-margin-start: 58.333333333333% !important;
		margin-inline-start: 58.333333333333% !important;
	}

.wsf-offset-large-8 {
		-webkit-margin-start: 66.666666666667% !important;
		margin-inline-start: 66.666666666667% !important;
	}

.wsf-offset-large-9 {
		-webkit-margin-start: 75% !important;
		margin-inline-start: 75% !important;
	}

.wsf-offset-large-10 {
		-webkit-margin-start: 83.333333333333% !important;
		margin-inline-start: 83.333333333333% !important;
	}

.wsf-offset-large-11 {
		-webkit-margin-start: 91.666666666667% !important;
		margin-inline-start: 91.666666666667% !important;
	}

.wsf-offset-large-12 {
		-webkit-margin-start: 100% !important;
		margin-inline-start: 100% !important;
	}

}

@media (min-width: 1200px) {

.wsf-offset-extra-large-0 {
		-webkit-margin-start: 0% !important;
		margin-inline-start: 0% !important;
	}

.wsf-offset-extra-large-1 {
		-webkit-margin-start: 8.3333333333333% !important;
		margin-inline-start: 8.3333333333333% !important;
	}

.wsf-offset-extra-large-2 {
		-webkit-margin-start: 16.666666666667% !important;
		margin-inline-start: 16.666666666667% !important;
	}

.wsf-offset-extra-large-3 {
		-webkit-margin-start: 25% !important;
		margin-inline-start: 25% !important;
	}

.wsf-offset-extra-large-4 {
		-webkit-margin-start: 33.333333333333% !important;
		margin-inline-start: 33.333333333333% !important;
	}

.wsf-offset-extra-large-5 {
		-webkit-margin-start: 41.666666666667% !important;
		margin-inline-start: 41.666666666667% !important;
	}

.wsf-offset-extra-large-6 {
		-webkit-margin-start: 50% !important;
		margin-inline-start: 50% !important;
	}

.wsf-offset-extra-large-7 {
		-webkit-margin-start: 58.333333333333% !important;
		margin-inline-start: 58.333333333333% !important;
	}

.wsf-offset-extra-large-8 {
		-webkit-margin-start: 66.666666666667% !important;
		margin-inline-start: 66.666666666667% !important;
	}

.wsf-offset-extra-large-9 {
		-webkit-margin-start: 75% !important;
		margin-inline-start: 75% !important;
	}

.wsf-offset-extra-large-10 {
		-webkit-margin-start: 83.333333333333% !important;
		margin-inline-start: 83.333333333333% !important;
	}

.wsf-offset-extra-large-11 {
		-webkit-margin-start: 91.666666666667% !important;
		margin-inline-start: 91.666666666667% !important;
	}

.wsf-offset-extra-large-12 {
		-webkit-margin-start: 100% !important;
		margin-inline-start: 100% !important;
	}

}

.wsf-bottom {
	align-self: flex-end !important;
}

.wsf-top {
	align-self: flex-start !important;
}

.wsf-middle {
	align-self: center !important;
}