/****************************************/
/* file */
/****************************************/
.file-button {
	width: 600px;
	height: 133px;
	box-sizing: border-box;
	display_: flex;
	justify-content_: center;
	align-items_: center;
	border: 1px dashed #ACA69B;
	border-radius: 8px;
	background: #EBE2D329;
	margin: 25px auto 0px auto;
	cursor: pointer;
}
.file-button-text-line_1 {
	color: #000000;
	padding-top: 40px;
	font-size: 24px;
}
.file-button-text-line_2 {
	color: #00000082;
	padding-top: 15px;
	font-size: 12px;
}
.file-upload-status-select {
	padding: 50px 0px 20px 0px;
	height: 16px;
	font-weight: normal;
}

.button_image {
	background: #ffffff;
	border: 1px solid #ffffff;
}
.button_image:hover {
	background: #d0d8de;
	border: 1px solid #ffffff;
}

/* file list line */
.file_list_line {
	border: 0px solid #ACA69B;
	border-width: 0px 0px 1px 0px;
	padding: 5px 0px 5px 0px;
}
.file_list_line:nth-child(1) {
	border-top-width: 1px;
	padding: 5px 0px 5px 0px;
}

/* file list table */
.file_list {
}
.file_list:hover {
	background: rgb(210, 207, 201);
}
.file_list_table {
	display: table;
	width: 100%;
	box-sizing: border-box;
	padding: 3px 0px 3px 0px;
}
.file_list_table > div_row {
	display: table-row;
}
.file_list_table > div_row > div   {
	display: table-cell;
	box-sizing: border-box;
	vertical-align: middle;
	padding: 0px 3px 0px 0px;
}

.file_list_name {
	width: 100%;
}
.file_list_size {
	height: 46px;
	min-width: 90px;
	text-align: right;
}
.file_list_progress {
	min-width: 90px;
	text-align: right;
}

/* Images */
.file_list_prev {
	display_: table-cell;
	box-sizing: border-box;
	vertical-align: top;
}
.file_list_prev > div {
	display: inline-block;
	vertical-align: top;
	padding: 3px;
	width: 40px;
	height: 40px;
}
.file_list_prev > div > div {
	display: flex; 
	justify-content: center; 
	align-items: center; 
	width: 40px;
	height: 40px;
	background: #000;
}
.file_list_prev img {
	max-width: 40px;
	max-height: 40px;
}
.file_list_prev > div > div_count {
	position: relative;
	display: flex; 
	justify-content: center; 
	align-items: flex-end; 
  	margin-top: -40px;
	width: 40px;
	height: 40px;
	background: transparent;
}
.file_list_prev > div > div_count > div {
	display: inline-block;
	margin: 1px;
	padding: 0px 2px;
	color: #ffc800;
	font-size: 12px;
	background: #00000080;
}

.file_list_icon_delete {
	min-width: 24px;
}
.file_list_icon_delete img {
	height: 24px;
	filter: invert(100%) opacity(.4);
	cursor: pointer;
}