.dsave {
	font-size: 12px;
}

.dsave-loading,
.dsave-buttons {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}
.dsave-buttons .dsave-loading {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.dsave-loading {
	height: 34px;
}
.row .dsave-loading-row {
	margin-left: 15px;
}

.dsave-items {
	min-height: 48px;
}
.dsave-items .item {
	border: 1px solid transparent;
	margin-bottom: 20px;
}
.dsave-items .thumbnail {
	cursor: move;
	position: relative;
	margin-bottom: 0;
}

.dsave-thumb {
	display: block;
	float: left;
	width: 60px;
	height: 60px;
	margin-right: 5px;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}

.dsave-thumb img {
	display: block;
	width: 60px;
	height: 60px;
}

a.dsave-file {
	display: block;
	float: left;
	width: 49px;
	height: 49px;
	overflow: hidden;
	padding: 5px;
	border: 1px solid #ccc;
	margin-right: 5px;
	font-size: 11px;
	background: #f0f0f0;

	-webkit-transition: background-color .2s ease-out, color .2s ease-out, border-color .2s ease-out;
	-moz-transition: background-color .2s ease-out, color .2s ease-out, border-color .2s ease-out;
	-o-transition: background-color .2s ease-out, color .2s ease-out, border-color .2s ease-out;
	transition: background-color .2s ease-out, color .2s ease-out, border-color .2s ease-out;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}
a.dsave-file span {
	display: block;
	width: 49px;
	height: 49px;
	overflow: hidden;
	line-height: normal;
}
a.dsave-file .glyphicon {
	width: auto;
	height: auto;
	line-height: 26px;
	font-size: 16px;
	color: #000;
	text-align: center;
	display: block;
}
a.dsave-file:hover {
	background: #aaa;
	color: #fff;
	border-color: #999;
	text-decoration: none;
}

a.dsave-multifile,
a.dsave-multifile img {
	display: block;
	width: 30px;
	height: 30px;
}
a.dsave-multifile-file {
	padding: 0;
	width: 30px;
	height: 30px;
	text-align: center;
}

#dsave-inputfile {
	height: 20px;
	line-height: 20px;
}

.dsave-fields {
	margin-bottom: -5px;
}
.dsave-field {
	margin-bottom: 5px;
}
.dsave-field-target,
.dsave-field-active {
	float: left;
	margin-bottom: 0;
}
.dsave-field-target {
	margin-right: 5px;
}
.dsave-field input,
.dsave-field textarea {
	margin-bottom: 0;
}

.dsave-remove {
	display: none;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	color: grey;
}
.dsave-remove:hover {
	color: red;
}
.dsave-items .item:hover .dsave-remove {
	display: block;
}

.dsave .ui-sortable-placeholder {
	visibility: visible !important;
	border: 1px dashed #ccb !important;
	background: #ffe !important;
}

/* dsave-single */
.dsave-single {
	position: relative;
	min-height: 46px;
	min-height: 22px;
}
span.dsave-single {
	display: inline-block;
	min-width: 60px;
	min-height: 22px;
}

.dsave-single-hide {
	display: none !important;
}

.dsave-single-edit {
	display: none;
	position: absolute;
	top: 10px;
	right: 10px;
	
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
.dsave-single-edit .dsave-single-edit-area {
	display: block;
	position: absolute;
	z-index: 1;
	top: -1px;
	left: -1px;
	width: 100%;
	height: 100%;
	background: #ffd;
	border: 1px dashed #f00;
	opacity: .5;
	filter: alpha(opacity=50);
}
.dsave-single-edit .btns {
	display: block;
	position: absolute;
	z-index: 2;
	right: 0;
	top: -1px;
}
.dsave-single:hover .dsave-single-edit {
	display: block;
}

textarea.dsave-single-textarea {
	min-width: 200px;
	min-height: 40px;
}