.attachment-item {
	text-align: center;
  display: inline-block;
  margin: 0 0 15px 0;
  padding-left: 10px;
  width: 50%;
  vertical-align: top;
  position:relative;
}

/**** Attachment Specific Icons (top-right placement)
	.attachment-item:after {
	content: "\f016";
	position: absolute;
	background: #bdd4cd;
	top: -5px;
  right: -7px;
	width: 26px;
	height: 26px; 
	line-height: 26px;
	border-radius: 50%;
	text-align: center;
	font-family: FontAwesome;
}
.attachment-item:hover:after {
	background: #10CE90;
}
.attachment-item.image:after {
	content: "\f1c5";
}

.attachment-item.release:after, .attachment-item.playlist:after, .attachment-item.track:after {
	content: "\f001";
	text-align: left;
  padding-left: 5px;
}

.attachment-item.video:after {
	content: "\f008";
}

.attachment-item.image:after {
	content: "\f03e";
}*/

@media (min-width: 400px) {
	.attachment-item {
		width: 33.333%;
	}
}

@media (min-width: 500px) {
	.attachment-item {
		width: 25%;
	}
}


@media (min-width: 730px) {
	.attachment-item {
		width: 20%;
	}
}

@media (min-width: 900px) {
	.attachment-item {
		width: 16.666%;
	}
}

@media (min-width: 1120px) {
	.attachment-item {
		width: 12.5%;
	}
}


@media (min-width: 1500px) {
	.attachment-item {
		width: 10%;
	}
}

@media (min-width: 1700px) {
	.attachment-item {
		width: 8.33333%;
	}
}

.attachment-item img{
	width:auto;
	height: auto;
	max-width:100%;
	max-height:100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
}
/*
.attachment-item img.portrait{
	height:100%;
	width:auto;
}
*/
.attachment-thumb {
		position:relative;
    background-color:#e4e4e4;
    display:block;
    text-align:center;
    padding-bottom:100%;
}
#project-posts .attachment-thumb a{
	 cursor: move;
}
.attachment-thumb a{
	display:block;
	position:absolute;
	top:5px;
	bottom:5px;
	left:5px;
	right:5px;
}
.attachment-icon {
    vertical-align:middle;
}
.attachment-title {
    margin:2px 0 0 0;
}
.attachment-title .btn-group .btn{
    word-break: break-word;
}
.attachment-info {
}

.attachment-message {
    margin:0 0 4px 0;
}
.attachment-list-item {
    margin:7px 0;
}
.attachment-title .btn-link {
  color: #10CE90;

}

.attachment-title .btn-link:hover {
	color: #27989f;
}

/*Drag & Drop*/
/*.sortable-chosen{
	border:1px solid red;
	border:none;
	background:transparent;
}*/

.attachment-item{
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Chrome/Safari/Opera */
	-khtml-user-select: none; /* Konqueror */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
	                    not supported by any browser */
}

.attachment-item .attachment-title{
	transition:all 300ms ease;
}
.sortable-drag .attachment-thumb{
	z-index:9999;
}
.sortable-drag{
	padding-left:0!important;
}
.sortable-drag *{
	display:none;
}
.sortable-drag .attachment-thumb, .sortable-drag .attachment-icon{
	display:block!important;
}

.sortable-ghost .attachment-thumb{	
	opacity: 0.3;
	outline: 2px dashed #2c2c2c;
    outline-offset: -3px;
	box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}