@import 'vars.scss';
@import 'mixins/collection.scss';
@import "compass/css3/box-shadow";

.librarySpace {
	position:absolute;
	top:20px;
	right:30px;
	width:200px;
}


#selectorDirectories {

	td {
		padding:0;
	}

	a {
		display:block;
		padding:4px 8px;
	}

	.goUpLevel {
		td {
			background:#fbe78c !important;
			font-size:1.167em;
			font-weight:bold;

			a {
				color:#786b5f;
			}
		}
	}

}

#selectorFiles {

	.selectorPreview {
		width:120px;
	}

	.selectorName {
		width:30%;
	}

	.selectorDescription {
		width:60%;
	}

	.selectorId {
		display:none;
		width:27px;
	}

	.selected {
		td {
			background:#dcf052;
			border-color:#6eac16;
		}
	}
}




/* =============================================================================
   Table of assets
   ========================================================================== */

#libraryList {
	a {
		font-weight:bold;
	}

	.inUse { /* col */
		width:60px;
	}

	.name {
		width:25%;
	}

	.filename {
		width:25%;
	}

	.description { /* col */
		width:40%;
	}

	.fileSize { /* col */
		width:75px;
	}

	.actions {
		width:70px;
	}

	.icons {
		margin:0 auto;
	}

	
}
.fileDetails td {
	background:#fefefe;
	border-top:1px solid #DADEE1;
	border-bottom:1px solid #DADEE1;
	padding:0;
	@include box-shadow(0 19px 20px -26px rgba(0, 0, 0, 0.4) inset);

	
}
.infoBlock {
	padding:0 10px;
	overflow:hidden;

	img {
		max-width:33%;
		float:left;
		margin-right:2%;
	}

	form {
		float:right;
		width:65%;

		&.file {
			width:100%;
		}
	}
}

.fileList {
	position:relative;
	width:100%;

    div {
		border: 2px solid #A6D91D;
		@include border-radius(3px);
		margin: 5px 0 0;
		padding: 5px;
    }

	.uploadDetails {
		position:relative;
		z-index:2;
	}
	
	.uploadProgressBar {
		background:#a6d91d;
		position:absolute;
		top:0;
		left:0;
		border:none;
		margin:0;
		padding:0;
		overflow:hidden;
		height:27px;
		z-index:1;
	}

}

.selectFile {
	margin:0 5px 0 0;
}

.relatedImagesMultiUpload,
.relatedFilesMultiUpload {
	float: left;
    width: 47%;
}

#relatedFilesTable,
#relatedImagesTable {
	float: right;
    margin: 0 0 15px;
    width: 51%;

	.relatedPreview {
		width:135px;
	}

	.relatedName {
		width:20%;
	}

	.relatedRemoval {
		width:89px;
	}
}

/* =============================================================================
   File details PAGE
   ========================================================================== */

.libraryImagePreview {
	width:400px;
	height:445px;
	background:#fff;
	border:1px solid #606B73;
	float:left;
	margin:0 15px 0 0;
	overflow:auto;
	padding:2px;

	@include border-radius(3px);

	img {
		display:block;
	}
}

.libraryImageDetails {
	
}

/* =============================================================================
   No javascript
   ========================================================================== */
.no-js {
	th.libraryFileId,
	td.libraryFileId {
		width:50px;
		display:table-cell;
	}
}

.js {
	.libraryFileId {
		display:none;
	}
}