.drag-drop-area {
	border: 4px dashed #ddd;
	height: 200px;
}

.scu-file {
    min-height: 36px;
    margin-bottom: 1px;
    position: relative;
    width: 100%;
    background: #fff;
    box-shadow: 0 1px 0 #ddd;
    display: flex;
}
.scu-file-name {
    margin: auto auto auto 12px;
}
.scu-file-action {
	display: block;
	line-height: 36px;
	float: right;
	margin-right: 10px;
}
.scu-file-progress {
	float: right;
	height: 22px;
	margin: 7px 6px;
	width: 200px;
	line-height: 2em;
	padding: 0;
	overflow: hidden;
	border-radius: 22px;
	background: #ddd;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);	
}
.scu-file-progress-percent {
	z-index: 10;
	position: relative;
	width: 200px;
	padding: 0;
	color: #fff;
	text-align: center;
	line-height: 22px;
	font-weight: 400;
	text-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.scu-file-progress-bar {
	z-index: 9;
	width: 0;
	height: 100%;
	margin-top: -22px;
	border-radius: 22px;
	background-color: #0073aa;
	box-shadow: inset 0 0 2px rgba(0,0,0,.3);
}

.file-dismiss {
	border: none;
	margin-top: -28px;
	margin-right: -10px;
	background: 0 0;
	cursor: pointer;
	float: right;
}

.file-dismiss:before {
	background: 0 0;
	color: #72777c;
	content: "\f153";
	display: block;
	font: 400 16px/20px dashicons;
	speak: none;
	height: 20px;
	text-align: center;
	width: 20px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.file-dismiss:hover:before {
	color: #c00;
}