.row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
	margin-bottom: 1rem;
}
[class*="col-"] {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
hr {
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.progress {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 1rem;
	overflow: hidden;
	font-size: .75rem;
	background-color: #e9ecef;
	border-radius: .25rem;
}
.progress {
	height: 1.5rem;
}
#files {
	overflow-y: scroll !important;
	height: 320px;
}
#debug {
	overflow-y: scroll !important;
	height: 180px;
}
/* These are for the single examle */
.preview-img {
	width: 64px;
	height: 64px;
}
.dm-uploader {
	border: 0.25rem dashed #A5A5C7;
}
.dm-uploader.active {
	border-color: red;
	border-style: solid;
}
.h-100 {
	height: 100% !important;
}
.card {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0,0,0,.125);
	border-radius: .25rem;
}
.p-2 {
	padding: .5rem !important;
}
.bg-success {
	background-color: #28a745 !important;
}
.mb-1, .my-1 {
	margin-bottom: .25rem !important;
}
.media-body {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.media {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.mr-3, .mx-3 {
	margin-right: 1rem !important;
}
.mb-2, .my-2 {
	margin-bottom: .5rem !important;
}
.text-success {
	color: #28a745 !important;
}

.p-5 {
	padding: 3rem !important;
}
.text-muted{direction:rtl;}