/*
 * 
 *   Copyright 2016 RIFT.IO Inc
 *
 *   Licensed under the Apache License, Version 2.0 (the "License");
 *   you may not use this file except in compliance with the License.
 *   You may obtain a copy of the License at
 *
 *       http://www.apache.org/licenses/LICENSE-2.0
 *
 *   Unless required by applicable law or agreed to in writing, software
 *   distributed under the License is distributed on an "AS IS" BASIS,
 *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *   See the License for the specific language governing permissions and
 *   limitations under the License.
 *
 */

.FileUploadList {
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	>.items {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: 4px;
		border: 1px solid transparent;
		padding: 4px;
		white-space: nowrap;
		overflow: auto;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		-ms-overflow-style: none;
		display: flex;
		flex-wrap: wrap;
		>.item {
			overflow: hidden;
			display: inline-block;
			position: relative;
			font-size: 0.5em;
			height: 40px;
			min-width: 260px;
			max-width: 260px;
			margin: 0;
			border-radius: 8px;
			border: 1px solid white;
			padding: 4px 8px;
			color: #D9D9D9;
			font-weight: 100;
			font-style: normal;
			background-color: rgba(92, 92, 92, 0.86);
			&.-error {
				background-color: darkred;
			}
			&.-success {
				background-color: darkgreen;
			}
			h2 {
				padding-left: 25px;
			}
			img {
				width: 25px;
				height: 25px;
				position: absolute;
				top: 4px;
				left:5px;
			}
			span {
				display: none;
				padding-left: 25px;
			}
			em {
				display: none;
				color: #3C0808;
				font-weight: 100;
				margin-right: 4px;
			}
			var {
				font-family: monospace, serif;
			}
			.file-progress {
				display: block;
			}
			.file-progress-indicator {
				width: 100%;
				margin: 3px;
				border: 1px solid rgba(81, 102, 147, 0.87);
				border-radius: 3px;
				padding: 0;
				height: 3px;
				background-color: white;
			}
			.file-progress-indicator-value {
				height: 1px;
				border-radius: 3px;
				background-color: #64F106;
			}
			.file-preview {
				display: block;
				em {
					display: none;
				}
			}
			.file-error {
				display: block;
				position: absolute;
				z-index: 99;
				background-color: black;
				top: 18px;
				left: 30px;
				right: 10px;
				border-radius: 3px;
				padding: 1px 4px !important;
			}
			.file-success {
				display: block;
				position: absolute;
				z-index: 99;
				background-color: black;
				top: 18px;
				left: 30px;
				right: 10px;
				border-radius: 3px;
				padding: 1px 4px !important;
			}
		}
	}
}