@CHARSET "UTF-8";
.dragandrophandler
{
	border: 2px dashed #92AAB0;
	width: 98%;
	color: #707070;
	text-align: center;
	vertical-align: middle;
	padding: 10px 0px 10px 10px;
	cursor:pointer;
	/*margin-bottom:15px;*/
}
.progressBar {
	width: 200px;
	height: 22px;
	border: 1px solid #ddd;
	border-radius: 5px;
	overflow: hidden;
	display:inline-block;
	margin:0px 10px 5px 5px;
	vertical-align:top;
}

.progressBar div {
	height: 100%;
	color: #fff;
	text-align: right;
	line-height: 22px; /* same as #progressBar height if we want text middle aligned */
	width: 0;
	background-color: #0ba1b5; border-radius: 3px;
}
.dragandrophandler + .statusbar{margin-top:15px;}
.statusbar
{
	/*border-top:1px solid #dfdfdf;*/
	min-height:22px;
	line-height:22px;
	width:99%;
	padding:3px 5px;
	vertical-align:top;
}
.statusbar:nth-child(odd){
    /*background:#f9f9f9;*/
}
.statusbar .filename,
.statusbar .filesize{line-height:22px;}
.filename
{
	display:inline-block;
	vertical-align:top;
	width:75%;
	cursor:pointer;
	/*text-decoration: underline;
	color: #7167B2;*/
	background:url(/img/common/icon_file1.png) left 0 no-repeat;
	box-sizing: border-box;
    padding-left:25px;
}
.mobile .filename{
	background:url(/img/sub/icon_file_2.png) left 0 no-repeat;
	box-sizing: border-box;
}

.filename:hover,
.filename:focus,
.filename:active{text-decoration: underline;}
.filesize
{
	display:inline-block;
	vertical-align:top;
	/*color:#30693D;*/
	width:100px;
	margin-left:10px;
	margin-right:5px;
}
.abort{
	background-color:#F5BD00;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;display:inline-block;
	color:#fff;
	font-family:arial;font-size:12px;font-weight:normal;
	padding:2px 10px;
	cursor:pointer;
	vertical-align:top
}
.fdelete{
	background-color:#FE2E2E;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;display:inline-block;
	color:#fff;
	font-family:arial;font-size:12px;font-weight:normal;
	padding:2px 10px;
	cursor:pointer;
	vertical-align:top
}

.niceDndHandler{overflow:hidden;}
.niceDndHandler .NDfileBox{float:left;width:92%;}
.niceDndHandler .NDbtnBox{float:right;width:7%;height:45px;text-align:right;}
.niceDndHandler .NDbtnBox button{height:45px;}
.mobile .niceDndHandler .NDfileBox{width:92%;width:calc(100% - 82px);width:-webkit-calc(100% - 82px);width:-moz-calc(100% - 82px);}
.mobile .niceDndHandler .NDbtnBox{width:82px;}
.mobile .filename{width:92%;width:calc(100% - 140px);width:-webkit-calc(100% - 140px);width:-moz-calc(100% - 140px);}
@media (max-width:440px){
	.mobile .filename{width:100%;}
	.mobile .filesize{margin-left:0px;}
}